@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap');
.chart-container[data-v-e89c1c9f] {
  position: relative;
}

.chart-container[data-v-e7de3bdb] {
  position: relative;
}

.job-status-chart[data-v-7c28a229] {
  position: relative;
  height: 300px;
}
.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(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.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 0.1s;
  transition: fill 0.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(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.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 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 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(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  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);
  }
}

.delete-icon svg[data-v-1e2276e5] {
  display: inline-block;
}
.delete-modal__title[data-v-1e2276e5] {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  align-items: center; /* vertical alignment: middle */
  justify-content: center; /* horizontal alignment: center */
}
.delete-modal__message[data-v-1e2276e5] {
    color: #363636;
    font-family: 'Satoshi';
    font-style: medium;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    text-align: center;
  display: flex;
  align-items: center; /* vertical alignment: middle */
  justify-content: center; /* horizontal alignment: center */
}

:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}

.create-issue-form[data-v-a9f81975]{
    height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.vs__dropdown-menu[data-v-a9f81975] {
    z-index: 999999 !important;
}
.vs__dropdown-menu[data-v-a9f81975] {
    max-height: 250px;
    overflow-y: auto;
}
.booking-list-footer[data-v-a9f81975] {
    min-height: 34px;
    padding: 8px 12px;
    color: #6B7280;
    font-size: 12px;
    text-align: center;
    list-style: none;
}
.modal[data-v-a9f81975] {
    z-index: 1050;
}
.modal-backdrop[data-v-a9f81975] {
    z-index: 1040;
}
.assigned-user-select[data-v-a9f81975] {
    width: 100%;
}
.assigned-user-select .vs__dropdown-menu[data-v-a9f81975] {
    z-index: 999999 !important;
    max-height: 220px;
    overflow-y: auto;
    padding: 6px 0;
}
.driver-select[data-v-a9f81975] {
    width: 100%;
}
.driver-select .vs__dropdown-menu[data-v-a9f81975] {
    z-index: 999999 !important;
    max-height: 220px;
    overflow-y: auto;
    padding: 6px 0;
}
.driver-select .vs__dropdown-option[data-v-a9f81975] {
    padding: 0;
}
.driver-select .vs__dropdown-option--highlight[data-v-a9f81975] {
    background: #f5f7fa;
}
.driver-select .vs__selected[data-v-a9f81975] {
    margin: 0;
}
.create-issue-v-select[data-v-a9f81975] .vs__dropdown-toggle {
    height: 44px;
    min-height: 44px;
    max-height: none;
    align-items: center;
    overflow: hidden;
}
.related-booking-select.create-issue-v-select--has-selection[data-v-a9f81975] .vs__dropdown-toggle {
    height: auto;
    min-height: 64px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.create-issue-v-select[data-v-a9f81975] .vs__selected-options {
    min-width: 0;
    height: auto;
    max-height: none;
    flex-wrap: nowrap;
    overflow: hidden !important;
}
.assigned-user-select[data-v-a9f81975] .vs__selected-options {
    column-gap: 4px;
}
.create-issue-v-select[data-v-a9f81975] .vs__selected {
    min-width: 0;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    align-items: center;
}
.create-issue-v-select .selected-booking[data-v-a9f81975],
.create-issue-v-select .selected-user[data-v-a9f81975] {
    max-width: 100%;
    min-height: 0;
    overflow: hidden;
}
.related-booking-select .selected-booking[data-v-a9f81975] {
    padding: 4px 8px;
}
.create-issue-v-select .selected-booking>div[data-v-a9f81975],
.create-issue-v-select .selected-user>span[data-v-a9f81975]:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-option[data-v-a9f81975] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 4px 12px;
}
.create-issue-people-dropdown {
    max-height: 220px;
    padding: 4px 0;
}
.create-issue-people-dropdown .vs__dropdown-option {
    padding: 0 !important;
}
.user-avatar[data-v-a9f81975] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
}
.user-name[data-v-a9f81975] {
    font-size: 13px;
    color: #1f2937;
}
.assigned-user-select .vs__dropdown-option[data-v-a9f81975] {
    padding: 0;
}
.assigned-user-select .vs__dropdown-option--highlight[data-v-a9f81975] {
    background: #f5f7fa;
}
.selected-user[data-v-a9f81975] {
    padding: 0;
}
.assigned-user-select .vs__selected[data-v-a9f81975] {
    margin: 0;
}
.damage-price-hint[data-v-a9f81975] {
    color: #9CA3AF;
    font-size: 12px;
    margin-bottom: 4px;
}
.damage-price-input[data-v-a9f81975] {
    display: flex;
    align-items: center;
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.damage-price-input[data-v-a9f81975]:focus-within {
    border-color: #3B82F6;
}
.damage-price-input.is-invalid[data-v-a9f81975] {
    border-color: #EF4444;
}
.damage-price-prefix[data-v-a9f81975] {
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: #6B7280;
    font-weight: 600;
    border-right: 1px solid #E5E7EB;
    background: #F9FAFB;
    align-self: stretch;
}
.damage-price-field[data-v-a9f81975] {
    flex: 1;
    border: 0;
    outline: none;
    padding: 8px 12px;
    font-size: 14px;
    color: #1f2937;
    background: transparent;
    -moz-appearance: textfield;
}
.damage-price-field[data-v-a9f81975]::-webkit-outer-spin-button,
.damage-price-field[data-v-a9f81975]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.priority-btn[data-v-a9f81975] {
    border: 1.5px solid #D1D5DB;
    background: #fff;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.15s ease;
}
.priority-btn[data-v-a9f81975]:hover {
    border-color: #9CA3AF;
}
.priority-btn[data-v-a9f81975]:disabled {
    cursor: not-allowed;
    opacity: .38;
}
.priority-btn.is-selected[data-v-a9f81975] {
    color: #fff;
    border-color: transparent;
}
.status-options[data-v-a9f81975] {
    flex-wrap: nowrap;
}
.status-options .priority-btn[data-v-a9f81975] {
    flex: 0 1 auto;
    padding-right: 14px;
    padding-left: 14px;
    white-space: nowrap;
}
.image-upload-wrapper[data-v-a9f81975] {
    width: 100%;
}
.image-upload-btn[data-v-a9f81975] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px dashed #9CA3AF;
    border-radius: 8px;
    background: #fff;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.15s ease;
}
.image-upload-btn[data-v-a9f81975]:hover {
    border-color: #3B82F6;
    color: #3B82F6;
    background: #F8FAFC;
}
.upload-icon[data-v-a9f81975] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 1;
}
.image-upload-hint[data-v-a9f81975] {
    margin-top: 5px;
    color: #9CA3AF;
    font-size: 12px;
}
.attached-images[data-v-a9f81975] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}
.attached-image[data-v-a9f81975] {
    position: relative;
    width: 100px;
    padding-bottom: 4px;
}
.attached-image img[data-v-a9f81975] {
    display: block;
    width: 100px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
}
[data-v-a9f81975] .vs__selected {
    padding: 0 8px !important;
}
.remove-image-btn[data-v-a9f81975] {
    position: absolute;
    top: -7px;
    right: -7px;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #EF4444;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.remove-image-btn[data-v-a9f81975]:hover {
    background: #DC2626;
}
.image-name[data-v-a9f81975] {
    width: 100px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6B7280;
    font-size: 10px;
}
.create-issue-select-field[data-v-a9f81975] {
    border-radius: 14px;
    border: 1px solid var(--color-grey-light-2);
    font-family: "Satoshi-Medium", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: var(--color-black-50);
    background-color: var(--color-white);
    padding: 10px 14px;
    width: 100%;
    min-height: 30px;
    box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
    -webkit-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
    -moz-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
}
[data-v-a9f81975] .vs__search {
    font-size: 14px;
}
[data-v-a9f81975] .vs__search::placeholder {
    font-size: 14px;
}
.create-issue-selected[data-v-a9f81975] {
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0%;
}
.create-issue-avatars[data-v-a9f81975] {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    font-size: 10px;
}
.create-issue-dropdown .vs__dropdown-option--highlight,.create-issue-dropdown .vs__dropdown-option--highlight * {
    color: #fff !important;
}

.staff-daily-report[data-v-5f819648] {
  --ink: #102b38;
  --muted: #58717c;
  --line: #d8e1e5;
  --green: #3da54a;
  --green-dark: #087b2f;
  --amber: #b66a00;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 16px 30px;
  color: var(--ink);
  font-size: 13px;
}
.staff-daily-report__header[data-v-5f819648] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 17px 18px;
  background: #0b3039;
  color: #fff;
}
.staff-daily-report__header h1[data-v-5f819648] {
  margin: 0;
  font-size: 22px;
}
.staff-daily-report__shift-date[data-v-5f819648] {
  margin: 0 0 12px;
  color: #d6ebee;
  font-size: 13px;
}
.staff-daily-report__header>div:first-child>small[data-v-5f819648] {
  display: block;
  margin-bottom: 2px;
  color: #c1d7dc;
  font-size: 10px;
}
.staff-daily-report__now[data-v-5f819648] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.staff-daily-report__now span[data-v-5f819648] {
  margin-bottom: 10px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #e8f7e9;
  color: #087b2f;
  font-size: 11px;
  font-weight: 700;
}
.staff-daily-report__now span.on-break[data-v-5f819648] {
  background: #fff4cf;
  color: #8f5a00;
}
.staff-daily-report__now small[data-v-5f819648] {
  color: #c3d9dd;
  font-size: 9px;
}
.staff-daily-report__now strong[data-v-5f819648] {
  font-size: 21px;
}
.staff-daily-report__header-fields[data-v-5f819648] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.staff-daily-report__date[data-v-5f819648] {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #d8e8eb;
  font-size: 11px;
}
.staff-daily-report__date input[data-v-5f819648] {
  height: 34px;
  padding: 0 9px;
  border: 1px solid #52717a;
  border-radius: 6px;
  background: #153f48;
  color: #fff;
  font: inherit;
}
.staff-daily-report__actions[data-v-5f819648] {
  display: flex;
  align-items: center;
  gap: 9px;
}
.staff-daily-report__shift-spacer[data-v-5f819648] {
  flex: 1;
}
.staff-daily-report__actions .staff-daily-report__report-button[data-v-5f819648] {
  border-color: #efb4ad;
  color: #b1261d;
}
.staff-daily-report__progress[data-v-5f819648] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 16px;
  margin: 15px 0 12px;
  padding: 15px 16px 16px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
}
.staff-daily-report__progress>span[data-v-5f819648] {
  font-size: 16px;
  font-weight: 700;
}
.staff-daily-report__progress>strong[data-v-5f819648] {
  color: var(--green-dark);
  font-size: 17px;
}
.staff-daily-report__progress>small[data-v-5f819648] {
  grid-column: 1 / -1;
  color: #536a7c;
  letter-spacing: .7px;
  font-size: 10px;
  font-weight: 700;
}
.staff-daily-report__progress>p[data-v-5f819648] {
  grid-column: 1 / -1;
  margin: 1px 0 0;
  color: #526979;
  font-size: 11px;
}
.staff-daily-report__progress>p b[data-v-5f819648] {
  color: #9b4f00;
}
.staff-daily-report__progress>.staff-daily-report__actions[data-v-5f819648] {
  position: absolute;
  right: 15px;
  bottom: -56px;
  z-index: 2;
}
.staff-daily-report__progress-track[data-v-5f819648] {
  grid-column: 1 / -1;
  height: 9px;
  border-radius: 999px;
  background: #e5eaed;
  overflow: hidden;
}
.staff-daily-report__progress-track span[data-v-5f819648] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--green);
}
.staff-daily-report__layout[data-v-5f819648] {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(300px, .98fr);
  gap: 16px;
  align-items: start;
  margin-top: 15px;
}
.staff-daily-report__main[data-v-5f819648] {
  min-width: 0;
}
.staff-daily-report__right-rail[data-v-5f819648] {
  min-width: 0;
}
.staff-daily-report__next-task[data-v-5f819648] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 12px;
  padding: 13px 14px;
  border: 2px solid #e8b25b;
  border-radius: 9px;
  background: #fff;
}
.staff-daily-report__next-task div[data-v-5f819648] {
  display: flex;
  flex-direction: column;
}
.staff-daily-report__next-task small[data-v-5f819648] {
  color: #a64e00;
  letter-spacing: .6px;
  font-size: 10px;
  font-weight: 700;
}
.staff-daily-report__next-task strong[data-v-5f819648] {
  font-size: 15px;
}
.staff-daily-report__next-task span[data-v-5f819648] {
  color: #526b7d;
  font-size: 11px;
}
.staff-daily-report__next-task button[data-v-5f819648] {
  padding: 9px 15px;
  border: 0;
  border-radius: 7px;
  background: var(--green);
  color: #fff;
  font-weight: 700;
}
.staff-daily-report__timeline[data-v-5f819648] {
  position: relative;
  padding-top: 58px;
}
.staff-daily-report__timeline[data-v-5f819648]::before {
  content: 'TIME-SENSITIVE TASKS';
  position: absolute;
  top: 20px;
  left: 0;
  color: #5d7081;
  letter-spacing: .7px;
  font-size: 11px;
  font-weight: 700;
}
.staff-daily-report__step[data-v-5f819648] {
  position: relative;
  display: grid;
  grid-template-columns: 66px 18px minmax(0, 1fr);
  gap: 0 8px;
  min-height: 72px;
}
.staff-daily-report__step[data-v-5f819648]::before {
  content: '';
  position: absolute;
  left: 74px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #d7e0e4;
}
.staff-daily-report__time[data-v-5f819648] {
  padding-top: 12px;
  color: #657b8c;
  text-align: right;
  font-size: 11px;
}
.staff-daily-report__time strong[data-v-5f819648],
.staff-daily-report__time span[data-v-5f819648] {
  display: block;
}
.staff-daily-report__time strong[data-v-5f819648] {
  color: #28475a;
  font-size: 12px;
}
.staff-daily-report__dot[data-v-5f819648] {
  position: relative;
  z-index: 1;
  width: 13px;
  height: 13px;
  margin: 15px auto 0;
  border: 2px solid #b8c7d0;
  border-radius: 50%;
  background: #f5f7f8;
}
.staff-daily-report__card[data-v-5f819648] {
  margin-bottom: 14px;
  padding: 13px 14px;
  border: 1px solid #d7e0e5;
  border-radius: 9px;
  background: #fff;
}
.staff-daily-report__card--complete[data-v-5f819648] {
  background: #fbfdfb;
}
.staff-daily-report__card--complete[data-v-5f819648]+* {
  color: var(--green);
}
.staff-daily-report__card-title[data-v-5f819648] {
  display: flex;
  align-items: center;
  gap: 9px;
}
.staff-daily-report__card-title h2[data-v-5f819648] {
  flex: 1;
  margin: 0;
  color: #122e3b;
  font-size: 14px;
}
.staff-daily-report__card-title h2.complete[data-v-5f819648] {
  color: var(--green-dark);
}
.staff-daily-report__check[data-v-5f819648] {
  position: relative;
  display: grid;
  place-items: center;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  padding: 0;
  border: 2px solid #b9c8d1;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
}
.staff-daily-report__check.checked[data-v-5f819648] {
  border-color: var(--green);
  background: var(--green);
}
.staff-daily-report__check svg[data-v-5f819648] {
  display: block;
  width: 12px;
  height: 12px;
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.staff-daily-report__overdue[data-v-5f819648] {
  padding: 3px 7px;
  border-radius: 4px;
  background: #fff0cf;
  color: #a85900;
  font-size: 9px;
  font-weight: 800;
}
.staff-daily-report__card-actions[data-v-5f819648] {
  display: flex;
  gap: 5px;
}
.staff-daily-report__card-actions button[data-v-5f819648] {
  padding: 4px 7px;
  border: 1px solid #d5dfe5;
  border-radius: 5px;
  background: #fff;
  color: #465f70;
  font-size: 10px;
}
.staff-daily-report__card-actions .staff-daily-report__delete[data-v-5f819648] {
  color: #b6261e;
}
.staff-daily-report__tasks[data-v-5f819648] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 10px;
}
.staff-daily-report__task[data-v-5f819648] {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 0;
  border: 0;
  background: transparent;
  color: #173442;
  text-align: left;
  font-size: 12px;
  cursor: pointer;
}
.staff-daily-report__task.complete[data-v-5f819648] {
  color: #6c7f89;
  text-decoration: line-through;
}
.staff-daily-report__task-copy[data-v-5f819648] {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
}
.staff-daily-report__task-copy>small[data-v-5f819648] {
  margin-top: 2px;
  color: #6a7d88;
  font-size: 10px;
  line-height: 1.35;
}
.staff-daily-report__completed-by[data-v-5f819648] {
  margin: 8px 0 0;
  color: var(--green-dark);
  font-size: 11px;
}
.staff-daily-report__step--break .staff-daily-report__card[data-v-5f819648] {
  border: 1px dashed #efbd55;
  background: #fffaf0;
}
.staff-daily-report__step--break .staff-daily-report__dot[data-v-5f819648] {
  border-color: #d99a00;
}
.staff-daily-report__ongoing[data-v-5f819648] {
  margin-top: 0;
  padding: 14px;
  border-radius: 10px;
  background: #0d3039;
  color: #fff;
}
.staff-daily-report__ongoing-head[data-v-5f819648] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.staff-daily-report__ongoing h2[data-v-5f819648] {
  margin: 0;
  color: #75cf78;
  font-size: 17px;
}
.staff-daily-report__ongoing-head span[data-v-5f819648] {
  color: #b7ccd1;
  font-size: 10px;
  font-weight: 700;
}
.staff-daily-report__ongoing>p[data-v-5f819648] {
  margin: 5px 0 10px;
  color: #c0d1d5;
  font-size: 11px;
  line-height: 1.45;
}
.staff-daily-report__ongoing-task[data-v-5f819648] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 7px;
  padding: 10px;
  border: 1px solid #3a5961;
  border-radius: 8px;
  background: #1a424b;
}
.staff-daily-report__ongoing-task>div[data-v-5f819648] {
  flex: 1;
  min-width: 0;
}
.staff-daily-report__ongoing-task strong[data-v-5f819648] {
  display: block;
  font-size: 12px;
}
.staff-daily-report__ongoing-task strong.complete[data-v-5f819648] {
  color: #8ee08f;
}
.staff-daily-report__ongoing-log[data-v-5f819648] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 4px;
}
.staff-daily-report__ongoing-log button[data-v-5f819648] {
  padding: 4px 7px;
  border: 1px solid #5f858d;
  border-radius: 5px;
  background: #fff;
  color: #12313a;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}
.staff-daily-report__ongoing-log button[data-v-5f819648]:first-child {
  border-color: #55bd61;
  background: #43a94e;
  color: #fff;
}
.staff-daily-report__ongoing-log span[data-v-5f819648] {
  width: 100%;
  color: #f0b34d;
  font-size: 10px;
}
.staff-daily-report__ongoing-log em[data-v-5f819648] {
  color: #9edda0;
  font-size: 9px;
  font-style: normal;
}
.staff-daily-report__add-ongoing[data-v-5f819648] {
  width: 100%;
  margin-top: 9px;
  padding: 10px;
  border: 1px dashed #55a96a;
  border-radius: 7px;
  background: transparent;
  color: #73d47b;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.staff-daily-report__footer[data-v-5f819648] {
  margin: 13px 0 0;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  overflow: hidden;
}
.staff-daily-report__incidents-heading[data-v-5f819648] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid #e2e8eb;
}
.staff-daily-report__incidents-heading h2[data-v-5f819648] {
  margin: 0;
  font-size: 14px;
}
.staff-daily-report__incidents-heading span[data-v-5f819648] {
  display: none;
}
.staff-daily-report__action--primary[data-v-5f819648] {
  padding: 8px 11px;
  border: 1px solid #efb8b2;
  border-radius: 7px;
  background: #fff;
  color: #b52b23;
  font-size: 11px;
  font-weight: 700;
}
.staff-daily-report__incidents-empty[data-v-5f819648] {
  padding: 13px;
  color: var(--muted);
  font-size: 11px;
}

/* Timeline cards mirror the staff-day reference: the time rail remains
   visually separate and every task owns its status, checklist and progress. */
.staff-daily-report__timeline[data-v-5f819648] {
  padding-top: 0;
}
.staff-daily-report__timeline[data-v-5f819648]::before {
  display: none;
}
.staff-daily-report__timeline-heading[data-v-5f819648] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
}
.staff-daily-report__timeline-heading>span[data-v-5f819648] {
  color: #53697b;
  letter-spacing: .9px;
  font-size: 11px;
  font-weight: 800;
}
.staff-daily-report__timeline-heading button[data-v-5f819648] {
  padding: 10px 14px;
  border: 1px solid var(--green);
  border-radius: 8px;
  background: #fff;
  color: var(--green-dark);
  font-size: 12px;
  font-weight: 800;
}
.staff-daily-report__step[data-v-5f819648] {
  grid-template-columns: 58px 18px minmax(0, 1fr);
  gap: 0 7px;
  min-height: 72px;
}
.staff-daily-report__step[data-v-5f819648]::before {
  left: 73px;
}
.staff-daily-report__time[data-v-5f819648] {
  padding-top: 14px;
  text-align: left;
}
.staff-daily-report__time strong[data-v-5f819648] {
  color: #637b8e;
  font-size: 12px;
}
.staff-daily-report__dot[data-v-5f819648] {
  width: 14px;
  height: 14px;
  margin-top: 15px;
}
.staff-daily-report__step--shift .staff-daily-report__dot[data-v-5f819648],
.staff-daily-report__step--complete .staff-daily-report__dot[data-v-5f819648] {
  display: grid;
  place-items: center;
  border: 0;
  background: var(--green);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
}
.staff-daily-report__shift-event[data-v-5f819648] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 0 20px;
}
.staff-daily-report__shift-event>strong[data-v-5f819648] {
  color: #132c3a;
  font-size: 13px;
}
.staff-daily-report__shift-event>span[data-v-5f819648] {
  color: var(--green-dark);
  font-size: 11px;
  font-weight: 700;
}
.staff-daily-report__completed-card[data-v-5f819648] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  margin-bottom: 14px;
  padding: 9px 12px;
  border: 1px solid #d5dfe4;
  border-radius: 8px;
  background: #fff;
  color: #142d3a;
  text-align: left;
  cursor: pointer;
}
.staff-daily-report__completed-card>span[data-v-5f819648] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.staff-daily-report__completed-card strong[data-v-5f819648] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.staff-daily-report__completed-card small[data-v-5f819648] {
  color: var(--green-dark);
  font-size: 10px;
  font-weight: 700;
}
.staff-daily-report__completed-card>b[data-v-5f819648] {
  color: #778b97;
  font-size: 17px;
  font-weight: 400;
}
.staff-daily-report__step--overdue .staff-daily-report__time strong[data-v-5f819648] {
  color: #ae5100;
}
.staff-daily-report__step--overdue .staff-daily-report__dot[data-v-5f819648] {
  border-color: #e09a00;
  background: #e09a00;
}
.staff-daily-report__card[data-v-5f819648] {
  margin-bottom: 14px;
  padding: 13px 14px 12px;
  border-color: #cfdce4;
}
.staff-daily-report__step--overdue .staff-daily-report__card[data-v-5f819648] {
  border-color: #e7b46a;
}
.staff-daily-report__card-meta[data-v-5f819648] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #587083;
  font-size: 11px;
}
.staff-daily-report__card-meta>div[data-v-5f819648] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.staff-daily-report__status-badge[data-v-5f819648],
.staff-daily-report__requirement[data-v-5f819648] {
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .3px;
}
.staff-daily-report__status-badge.overdue[data-v-5f819648] {
  background: #ffead3;
  color: #ad5100;
}
.staff-daily-report__status-badge.due[data-v-5f819648] {
  background: #e5efff;
  color: #2458a4;
}
.staff-daily-report__status-badge.upcoming[data-v-5f819648] {
  background: #eef2f4;
  color: #5f7482;
}
.staff-daily-report__requirement[data-v-5f819648] {
  border: 1px solid #9fadb6;
  background: #fff;
  color: #203845;
}
.staff-daily-report__card>h2[data-v-5f819648] {
  margin: 4px 0 2px;
  color: #122c3a;
  font-size: 16px;
}
.staff-daily-report__card-description[data-v-5f819648] {
  margin: 0 0 9px;
  color: #263f4d;
  font-size: 12px;
}
.staff-daily-report__tasks[data-v-5f819648] {
  margin-top: 8px;
}
.staff-daily-report__task[data-v-5f819648] {
  min-height: 29px;
  padding: 4px 0;
  font-size: 12px;
}
.staff-daily-report__task>small[data-v-5f819648] {
  margin-left: auto;
  color: #0647a7;
  font-size: 9px;
  font-weight: 800;
}
.staff-daily-report__task-footer[data-v-5f819648] {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  margin-top: 10px;
}
.staff-daily-report__task-footer>div[data-v-5f819648] {
  flex: 1;
}
.staff-daily-report__task-footer strong[data-v-5f819648] {
  display: block;
  margin-bottom: 5px;
  color: #102b38;
  font-size: 11px;
}
.staff-daily-report__task-footer span[data-v-5f819648] {
  display: block;
  height: 5px;
  border-radius: 999px;
  background: #e6ebee;
  overflow: hidden;
}
.staff-daily-report__task-footer i[data-v-5f819648] {
  display: block;
  height: 100%;
  background: var(--green);
}
.staff-daily-report__step--overdue .staff-daily-report__task-footer i[data-v-5f819648] {
  background: #df9900;
}
.staff-daily-report__step--overdue .staff-daily-report__task-footer button[data-v-5f819648] {
  border-color: var(--green);
  background: var(--green);
  color: #fff;
}
.staff-daily-report__break-card[data-v-5f819648] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding: 11px 13px;
  border: 1px dashed #e4b44d;
  border-radius: 8px;
  background: #fffaf0;
}
.staff-daily-report__break-card div[data-v-5f819648] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.staff-daily-report__break-card strong[data-v-5f819648] {
  font-size: 13px;
}
.staff-daily-report__break-card span[data-v-5f819648] {
  color: #667d8c;
  font-size: 11px;
}
.staff-daily-report__break-card em[data-v-5f819648] {
  color: #9a6300;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}
.staff-daily-report__incident-row[data-v-5f819648] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 62px;
  padding: 12px 82px 11px 14px;
  border-bottom: 1px solid #e7ecef;
  color: #142d3a;
  text-decoration: none;
}
.staff-daily-report__incident-row[data-v-5f819648]:last-child {
  border-bottom: 0;
}
.staff-daily-report__incident-row>span[data-v-5f819648] {
  color: #697d8a;
  font-size: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.staff-daily-report__incident-row>strong[data-v-5f819648] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}
.staff-daily-report__incident-row>em[data-v-5f819648] {
  position: absolute;
  top: 21px;
  right: 13px;
  padding: 4px 7px;
  border-radius: 5px;
  background: #fff0ce;
  color: #9b6200;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}
.staff-daily-report__modal-backdrop[data-v-5f819648] {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(4, 25, 34, .55);
}
.staff-daily-report__modal[data-v-5f819648] {
  width: min(500px, 100%);
  height: min(760px, calc(100vh - 32px));
  max-height: calc(100vh - 32px);
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}
.staff-daily-report__modal-header[data-v-5f819648] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 16px 14px;
}
.staff-daily-report__modal-header h2[data-v-5f819648] {
  margin: 0;
  font-size: 20px;
  line-height: 1.15;
}
.staff-daily-report__modal-header p[data-v-5f819648] {
  margin: 4px 0 0;
  color: #5f6870;
  font-size: 12px;
}
.staff-daily-report__modal-close[data-v-5f819648] {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 50%;
  background: #f1f4f5;
  color: #12232d;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.staff-daily-report__modal-body[data-v-5f819648] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 0 16px 16px;
}
.staff-daily-report__modal-body label[data-v-5f819648] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
}
.staff-daily-report__modal-body>label.required[data-v-5f819648] {
  display: block;
  margin-bottom: -6px;
}
.staff-daily-report__modal-body input[data-v-5f819648],
.staff-daily-report__modal-body select[data-v-5f819648],
.staff-daily-report__modal-body textarea[data-v-5f819648] {
  width: 100%;
  box-sizing: border-box;
  padding: 11px 12px;
  border: 1px solid #cbd5dc;
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-weight: 400;
}
.staff-daily-report__modal-body textarea[data-v-5f819648] {
  min-height: 56px;
  resize: vertical;
}
.staff-daily-report__task-mode[data-v-5f819648] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 44px;
  min-height: 44px;
  flex: 0 0 44px;
  border: 1px solid #cbd5dc;
  border-radius: 8px;
  overflow: hidden;
}
.staff-daily-report__task-mode button[data-v-5f819648] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 0;
  min-height: 44px;
  border: 0;
  background: #fff;
  color: #101820;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.staff-daily-report__task-mode button+button[data-v-5f819648] {
  border-left: 1px solid #cbd5dc;
}
.staff-daily-report__task-mode button.active[data-v-5f819648] {
  background: #1e2c35;
  color: #fff;
}
.staff-daily-report__modal-times[data-v-5f819648] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.staff-daily-report__required[data-v-5f819648] {
  color: #bd362f;
}
.staff-daily-report__optional[data-v-5f819648] {
  color: #83909a;
  font-weight: 400;
}
.staff-daily-report__checklist-field>label[data-v-5f819648] {
  margin-bottom: 7px;
}
.staff-daily-report__checklist-row[data-v-5f819648] {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 44px;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}
.staff-daily-report__checklist-row input[data-v-5f819648] {
  min-width: 0;
}
.staff-daily-report__empty-check[data-v-5f819648] {
  width: 18px;
  height: 18px;
  border: 2px solid #b9c7d0;
  border-radius: 5px;
}
.staff-daily-report__checklist-row button[data-v-5f819648] {
  height: 44px;
  border: 1px solid #d6e0e5;
  border-radius: 8px;
  background: #fff;
  color: #8b9aa4;
  font-size: 20px;
  cursor: pointer;
}
.staff-daily-report__add-step[data-v-5f819648] {
  display: inline-flex;
  align-items: center;
  padding: 4px 0;
  border: 0;
  background: transparent;
  color: #20852c;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.staff-daily-report__modal>footer[data-v-5f819648] {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 0 16px 20px;
}
.staff-daily-report__modal>footer span[data-v-5f819648] {
  flex: 1;
}

/* The shift bar has no counterpart in the original mock either. It reuses
   .staff-daily-report__actions for its button styling (bordered white
   buttons + a trailing primary__button, exactly like Print/Export/Add task
   above) and only needs enough of its own CSS to sit as its own strip
   between the header and the progress card, using the page's own tokens. */
.staff-daily-report__shift-bar[data-v-5f819648] {
  background: #fff;
  border-bottom: 1px solid var(--line);
  padding: 12px 28px;
  align-items: center;
  gap: 10px;
}
.staff-daily-report__shift-status[data-v-5f819648] {
  margin-right: 4px;
  color: var(--ink);
  font-weight: 700;
  font-size: 13px;
}
.staff-daily-report__shift-status.on-break[data-v-5f819648] {
  color: #9a6100;
}
.staff-daily-report__live-photo[data-v-5f819648] {
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid #2e8d3a;
  border-radius: 8px;
  background: #fff;
  color: #19752a;
  font-weight: 800;
  cursor: pointer;
}
.staff-daily-report__live-photo.captured[data-v-5f819648] {
  background: #eaf7ec;
}
.staff-daily-report__live-photo[data-v-5f819648]:disabled {
  cursor: not-allowed;
  opacity: .55;
}
.staff-daily-report__end-break[data-v-5f819648],
.staff-daily-report__end-shift[data-v-5f819648] {
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 8px;
  font-weight: 800;
  cursor: pointer;
}
.staff-daily-report__end-break[data-v-5f819648] {
  background: #e8a500;
  color: #fff;
}
.staff-daily-report__end-shift[data-v-5f819648] {
  background: #1c2b37;
  color: #fff;
}
.staff-daily-report__end-break[data-v-5f819648]:disabled,
.staff-daily-report__end-shift[data-v-5f819648]:disabled {
  cursor: not-allowed;
  opacity: .55;
}
.end-shift-review[data-v-5f819648] {
  width: min(688px, calc(100% - 32px));
  margin: 0 auto;
  padding: 26px 0 34px;
  color: #102033;
}
.end-shift-review__back[data-v-5f819648] {
  padding: 0;
  border: 0;
  background: transparent;
  color: #117a25;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.end-shift-review h1[data-v-5f819648] {
  margin: 17px 0 2px;
  font-size: 24px;
}
.end-shift-review__worked[data-v-5f819648] {
  margin: 0 0 15px;
  color: #536276;
  font-size: 14px;
}
.end-shift-review__summary[data-v-5f819648] {
  border: 1px solid #d8dfe7;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.end-shift-review__summary>div[data-v-5f819648] {
  display: grid;
  grid-template-columns: 27px 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 14px;
  border-bottom: 1px solid #e6eaf0;
}
.end-shift-review__summary>div[data-v-5f819648]:last-child {
  border-bottom: 0;
}
.end-shift-review__summary i[data-v-5f819648] {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #e7a600;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
}
.end-shift-review__summary i.complete[data-v-5f819648] {
  background: #3fa64a;
}
.end-shift-review__summary strong[data-v-5f819648] {
  font-size: 14px;
}
.end-shift-review__summary b[data-v-5f819648] {
  color: #a94700;
  font-size: 14px;
}
.end-shift-review__incomplete[data-v-5f819648],
.end-shift-review__complete[data-v-5f819648] {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #efcf83;
  border-radius: 10px;
  background: #fffaf0;
}
.end-shift-review__incomplete h2[data-v-5f819648],
.end-shift-review__complete strong[data-v-5f819648] {
  margin: 0;
  color: #985a00;
  font-size: 15px;
}
.end-shift-review__incomplete>p[data-v-5f819648],
.end-shift-review__complete p[data-v-5f819648] {
  margin: 4px 0 10px;
  color: #24384d;
  font-size: 13px;
}
.end-shift-review__incomplete>button[data-v-5f819648] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
  min-height: 37px;
  margin-top: 5px;
  padding: 7px 12px;
  border: 0;
  border-radius: 7px;
  background: #fff;
  color: #102033;
  text-align: left;
  cursor: pointer;
}
.end-shift-review__incomplete>button strong[data-v-5f819648] {
  font-size: 13px;
}
.end-shift-review__incomplete>button span[data-v-5f819648] {
  color: #536276;
  font-size: 12px;
}
.end-shift-review__review[data-v-5f819648],
.end-shift-review__end[data-v-5f819648] {
  width: 100%;
  min-height: 53px;
  border-radius: 9px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}
.end-shift-review__review[data-v-5f819648] {
  margin-top: 30px;
  border: 0;
  background: #3fa64a;
  color: #fff;
}
.end-shift-review__end[data-v-5f819648] {
  margin-top: 8px;
  border: 1px solid #cfd7e1;
  background: #fff;
  color: #102033;
}
.end-shift-review__end[data-v-5f819648]:disabled {
  cursor: not-allowed;
  opacity: .6;
}

/* Assigned issues have no counterpart in the original mock, so this borrows
   the page's own palette (defined on .staff-daily-report) rather than
   introducing a new one. It lives inside the same "Incidents and issues"
   block — no separate heading/section. */
.staff-daily-report__assigned-list[data-v-5f819648] {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.staff-daily-report__assigned-row[data-v-5f819648] {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto 14px;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-left: 3px solid var(--muted);
  border-radius: 9px;
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.staff-daily-report__assigned-row[data-v-5f819648]:hover {
  border-color: var(--green);
  box-shadow: 0 4px 14px rgba(9, 45, 59, 0.08);
  transform: translateY(-1px);
}
.staff-daily-report__assigned-row[data-priority="urgent"][data-v-5f819648],
.staff-daily-report__assigned-row[data-priority="high"][data-v-5f819648] {
  border-left-color: var(--amber);
}
.staff-daily-report__assigned-ref[data-v-5f819648] {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.staff-daily-report__assigned-name[data-v-5f819648] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
}
.staff-daily-report__assigned-status[data-v-5f819648] {
  flex-shrink: 0;
  padding: 3px 9px;
  border-radius: 999px;
  background: #eef3f4;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.staff-daily-report__assigned-status[data-status="in_review"][data-v-5f819648] {
  background: #fff3e0;
  color: var(--amber);
}
.staff-daily-report__assigned-status[data-status="in_progress"][data-v-5f819648] {
  background: #e9f6ec;
  color: var(--green);
}
.staff-daily-report__assigned-chevron[data-v-5f819648] {
  color: var(--muted);
  justify-self: end;
}
.staff-daily-report__camera-preview[data-v-5f819648] {
  display: block;
  width: 100%;
  max-height: 360px;
  border-radius: 10px;
  background: #102d39;
  object-fit: cover;
}
.staff-daily-report__shift-form[data-v-5f819648] {
  display: grid;
  gap: 12px;
  padding: 18px 20px 20px;
}
.staff-shift-action-modal .modal-dialog {
  max-width: 560px;
}
.staff-shift-action-modal .modal-content {
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(10, 28, 38, .28);
}
.staff-shift-action-modal .modal-body {
  padding: 0;
}
.staff-shift-dialog[data-v-5f819648] {
  color: #122532;
}
.staff-shift-dialog__header[data-v-5f819648] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 21px 20px 17px;
  border-bottom: 1px solid #e5eaed;
  background: #fff;
}
.staff-shift-dialog__heading[data-v-5f819648] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.staff-shift-dialog__heading>i[data-v-5f819648] {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 10px;
  background: #e9f6eb;
  color: #268438;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
}
.staff-shift-dialog__heading h2[data-v-5f819648] {
  margin: 0;
  font-size: 20px;
}
.staff-shift-dialog__heading p[data-v-5f819648] {
  margin: 3px 0 0;
  color: #667983;
  font-size: 12px;
}
.staff-shift-dialog__header>button[data-v-5f819648] {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f1f4f5;
  color: #62727b;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.staff-shift-dialog__requirement[data-v-5f819648] {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 68px;
  padding: 11px 12px;
  border: 1px solid #d8e0e4;
  border-radius: 10px;
  background: #fff;
}
.staff-shift-dialog__requirement.complete[data-v-5f819648] {
  border-color: #a9d8ae;
  background: #f3faf4;
}
.staff-shift-dialog__requirement.error[data-v-5f819648] {
  border-color: #efbbb5;
  background: #fff8f7;
}
.staff-shift-dialog__requirement>i[data-v-5f819648] {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: #edf2f5;
  color: #526d7b;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}
.staff-shift-dialog__requirement.complete>i[data-v-5f819648] {
  background: #dff2e2;
  color: #267b33;
}
.staff-shift-dialog__requirement strong[data-v-5f819648],
.staff-shift-dialog__requirement small[data-v-5f819648] {
  display: block;
}
.staff-shift-dialog__requirement strong[data-v-5f819648] {
  margin-bottom: 3px;
  font-size: 13px;
}
.staff-shift-dialog__requirement small[data-v-5f819648] {
  color: #667983;
  font-size: 11px;
  line-height: 1.35;
}
.staff-shift-dialog__requirement b[data-v-5f819648],
.staff-shift-dialog__field b[data-v-5f819648],
.staff-shift-dialog__confirm b[data-v-5f819648] {
  color: #c3342a;
}
.staff-shift-dialog__requirement>button[data-v-5f819648] {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #cad5da;
  border-radius: 7px;
  background: #fff;
  color: #17313e;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}
.staff-shift-dialog__requirement>button[data-v-5f819648]:disabled {
  cursor: wait;
  opacity: .65;
}
.staff-shift-dialog__requirement>span[data-v-5f819648] {
  color: #287f36;
  font-size: 11px;
  font-weight: 800;
}
.staff-shift-dialog__field[data-v-5f819648] {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid #d8e0e4;
  border-radius: 10px;
  background: #fff;
}
.staff-shift-dialog__field>span[data-v-5f819648] {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 800;
}
.staff-shift-dialog__field>span>i[data-v-5f819648] {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 50%;
  background: #edf2f5;
  color: #516b78;
  font-size: 10px;
  font-style: normal;
}
.staff-shift-dialog__field>small[data-v-5f819648] {
  color: #667983;
  font-size: 11px;
}
.staff-shift-dialog__field select[data-v-5f819648],
.staff-shift-dialog__field textarea[data-v-5f819648],
.staff-shift-dialog__field input[data-v-5f819648]:not([type=file]) {
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  padding: 9px 11px;
  border: 1px solid #bdcbd2;
  border-radius: 8px;
  background: #fff;
  color: #122532;
  font: inherit;
  outline: none;
}
.staff-shift-dialog__field textarea[data-v-5f819648] {
  min-height: 82px;
  resize: vertical;
}
.staff-shift-dialog__field select[data-v-5f819648]:focus,
.staff-shift-dialog__field textarea[data-v-5f819648]:focus,
.staff-shift-dialog__field input[data-v-5f819648]:focus {
  border-color: #3b9d49;
  box-shadow: 0 0 0 3px rgba(59, 157, 73, .12);
}
.staff-shift-dialog__confirm[data-v-5f819648] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px;
  border: 1px solid #d8e0e4;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}
.staff-shift-dialog__confirm.complete[data-v-5f819648] {
  border-color: #a9d8ae;
  background: #f3faf4;
}
.staff-shift-dialog__confirm input[data-v-5f819648] {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: #3b9d49;
}
.staff-shift-dialog__confirm strong[data-v-5f819648],
.staff-shift-dialog__confirm small[data-v-5f819648] {
  display: block;
}
.staff-shift-dialog__confirm strong[data-v-5f819648] {
  font-size: 13px;
}
.staff-shift-dialog__confirm small[data-v-5f819648] {
  margin-top: 3px;
  color: #667983;
  font-size: 11px;
}
.staff-shift-dialog__notice[data-v-5f819648] {
  margin: 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fff6df;
  color: #8b5800;
  font-size: 11px;
}
.staff-shift-dialog__footer[data-v-5f819648] {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding: 14px 20px 18px;
  border-top: 1px solid #e5eaed;
  background: #f8fafb;
}
.staff-shift-dialog__footer button[data-v-5f819648] {
  min-width: 96px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid #ced8dd;
  border-radius: 8px;
  background: #fff;
  color: #1b303b;
  font-weight: 800;
  cursor: pointer;
}
.staff-shift-dialog__footer button[type=submit][data-v-5f819648] {
  border-color: #329341;
  background: #329b43;
  color: #fff;
}
.staff-shift-dialog__footer button[data-v-5f819648]:disabled {
  cursor: not-allowed;
  opacity: .6;
}
.staff-daily-report__camera-error[data-v-5f819648],
.staff-daily-report__end-shift-copy[data-v-5f819648] {
  margin: 12px 0;
  color: var(--muted, #58717c);
}
.staff-daily-report__camera-actions[data-v-5f819648] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}
.staff-daily-report__task-notes[data-v-5f819648] {
  border-top: 1px solid #d7e2e4;
  padding-top: 12px;
  color: #476d7a;
  font-size: 13px;
}
.staff-daily-report__task-notes p[data-v-5f819648] {
  margin: 7px 0 0;
}
.staff-daily-report__task-notes span[data-v-5f819648] {
  font-weight: 700;
}
@media (max-width: 560px) {
.staff-shift-dialog__header[data-v-5f819648] {
    padding: 17px 15px 14px;
}
.staff-daily-report__shift-form[data-v-5f819648] {
    padding: 14px 15px;
}
.staff-shift-dialog__requirement[data-v-5f819648] {
    grid-template-columns: 38px minmax(0, 1fr);
}
.staff-shift-dialog__requirement>button[data-v-5f819648],
  .staff-shift-dialog__requirement>span[data-v-5f819648] {
    grid-column: 2;
    justify-self: start;
}
.staff-shift-dialog__footer[data-v-5f819648] {
    padding: 12px 15px 15px;
}
.staff-shift-dialog__footer button[data-v-5f819648] {
    flex: 1;
}
.staff-daily-report__assigned-row[data-v-5f819648] {
    grid-template-columns: 1fr auto;
    grid-template-areas: "ref status" "name name";
}
.staff-daily-report__assigned-ref[data-v-5f819648] {
    grid-area: ref;
}
.staff-daily-report__assigned-status[data-v-5f819648] {
    grid-area: status;
}
.staff-daily-report__assigned-name[data-v-5f819648] {
    grid-area: name;
}
.staff-daily-report__assigned-chevron[data-v-5f819648] {
    display: none;
}
}
@media (max-width: 900px) {
.staff-daily-report__layout[data-v-5f819648] {
    grid-template-columns: 1fr;
}
.staff-daily-report__ongoing[data-v-5f819648] {
    grid-row: 1;
}
.staff-daily-report__footer[data-v-5f819648] {
    margin-left: 0;
}
.staff-daily-report__progress>.staff-daily-report__actions[data-v-5f819648] {
    position: static;
    grid-column: 1 / -1;
}
.staff-daily-report__timeline[data-v-5f819648] {
    padding-top: 42px;
}
}
@media (max-width: 620px) {
.staff-daily-report[data-v-5f819648] {
    padding-inline: 8px;
}
.staff-daily-report__header[data-v-5f819648] {
    align-items: flex-start;
    flex-direction: column;
}
.staff-daily-report__header-fields[data-v-5f819648] {
    width: 100%;
    flex-wrap: wrap;
}
.staff-daily-report__step[data-v-5f819648] {
    grid-template-columns: 48px 16px minmax(0, 1fr);
}
.staff-daily-report__step[data-v-5f819648]::before {
    left: 62px;
}
.staff-daily-report__card-actions[data-v-5f819648] {
    display: none;
}
}
.staff-task-workspace[data-v-5f819648] {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  width: min(1240px, 100%);
  min-height: 620px;
  box-sizing: border-box;
  gap: 22px;
  margin: 0 auto;
  padding: 30px 24px 56px;
  background: #f5f7f8;
}
.staff-task-workspace__summary[data-v-5f819648] {
  position: sticky;
  top: 18px;
  align-self: start;
  overflow: hidden;
  padding: 20px;
  border: 1px solid #d7e0e5;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(23, 40, 52, .06);
}
.staff-task-workspace__back[data-v-5f819648] {
  border: 0;
  background: transparent;
  color: #0b7b2b;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.staff-task-workspace__time[data-v-5f819648] {
  margin-top: 11px;
  color: #45576a;
  font-size: 13px;
}
.staff-task-workspace__badges[data-v-5f819648] {
  display: flex;
  gap: 6px;
  margin: -19px 0 10px auto;
  justify-content: flex-end;
}
.staff-task-workspace__badges small[data-v-5f819648],
.staff-task-workspace__badges b[data-v-5f819648] {
  border: 1px solid #24405b;
  border-radius: 4px;
  padding: 3px 6px;
  color: #153b81;
  font-size: 10px;
  line-height: 1;
}
.staff-task-workspace__badges small[data-v-5f819648] {
  border: 0;
  background: #e4edff;
}
.staff-task-workspace__summary h1[data-v-5f819648] {
  margin: 12px 0 7px;
  color: #122132;
  font-size: 24px;
  line-height: 1.2;
}
.staff-task-workspace__summary p[data-v-5f819648] {
  margin: 0;
  color: #334b67;
  font-size: 14px;
  line-height: 1.5;
}
.staff-task-workspace__progress[data-v-5f819648] {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #e7ecef;
}
.staff-task-workspace__progress span[data-v-5f819648] {
  display: block;
  height: 8px;
  overflow: hidden;
  border-radius: 99px;
  background: #e7ebef;
}
.staff-task-workspace__progress i[data-v-5f819648] {
  display: block;
  height: 100%;
  background: #3ca34a;
}
.staff-task-workspace__progress strong[data-v-5f819648] {
  display: block;
  margin-top: 6px;
  color: #102842;
  font-size: 13px;
  text-align: right;
}
.staff-task-workspace__remaining[data-v-5f819648] {
  margin: 9px 0 0 !important;
  color: #647483 !important;
  text-align: center;
}
.staff-task-workspace__summary .primary__button[data-v-5f819648] {
  width: 100%;
  height: 48px;
  margin-top: 16px;
  border-radius: 9px;
  font-size: 14px;
}
.staff-task-workspace__summary .primary__button[data-v-5f819648]:disabled {
  border-color: #d7dee3;
  background: #e4e9ec;
  box-shadow: none;
  color: #7a8994;
  cursor: not-allowed;
  opacity: 1;
}
.staff-task-workspace__items[data-v-5f819648] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 14px;
}
.staff-task-workspace__items-header[data-v-5f819648] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 2px 2px 4px;
}
.staff-task-workspace__items-header small[data-v-5f819648] {
  color: #268441;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}
.staff-task-workspace__items-header h2[data-v-5f819648] {
  margin: 4px 0 0;
  color: #182a38;
  font-size: 20px;
}
.staff-task-workspace__items-header>span[data-v-5f819648] {
  padding: 5px 9px;
  border-radius: 999px;
  background: #e8f4eb;
  color: #24783a;
  font-size: 11px;
  font-weight: 700;
}
.staff-task-workspace__item[data-v-5f819648] {
  display: flex;
  gap: 13px;
  padding: 18px;
  border: 1px solid #d9e1e6;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(21, 39, 52, .035);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.staff-task-workspace__item[data-v-5f819648]:hover {
  border-color: #becbd4;
  box-shadow: 0 5px 14px rgba(21, 39, 52, .06);
}
.staff-task-workspace__item--complete[data-v-5f819648] {
  border-color: #cde5d2;
  background: linear-gradient(90deg, #f8fcf8 0, #fff 120px);
}
.staff-task-workspace__checkbox[data-v-5f819648] {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border: 2px solid #b9c5d0;
  border-radius: 9px;
  background: #fff;
  color: transparent;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
}
.staff-task-workspace__checkbox.checked[data-v-5f819648] {
  border-color: #3ca34a;
  background: #3ca34a;
  color: #fff;
}
.staff-task-workspace__checkbox[data-v-5f819648]:disabled,
.staff-task-workspace__answers button[data-v-5f819648]:disabled,
.staff-task-workspace__photo input[data-v-5f819648]:disabled,
.staff-task-workspace__photo[data-v-5f819648]:disabled {
  cursor: wait;
  opacity: .6;
}
.staff-task-workspace__item-content[data-v-5f819648] {
  min-width: 0;
  flex: 1;
  color: #122132;
  font-size: 15px;
}
.staff-task-workspace__item-content>strong>small[data-v-5f819648] {
  margin-left: 7px;
  padding: 2px 5px;
  border-radius: 4px;
  background: #edf2f5;
  color: #61717e;
  font-size: 9px;
  letter-spacing: .04em;
}
.staff-task-workspace__instructions[data-v-5f819648] {
  display: block;
  margin-top: 5px;
  color: #637583;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.staff-task-workspace__value[data-v-5f819648] {
  width: 100%;
  min-height: 45px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #c6d1d9;
  border-radius: 8px;
  color: #122132;
  font: inherit;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.staff-task-workspace__value[data-v-5f819648]:focus {
  border-color: #48a45a;
  box-shadow: 0 0 0 3px rgba(60, 163, 74, .12);
}
textarea.staff-task-workspace__value[data-v-5f819648] {
  min-height: 90px;
  resize: vertical;
}
.staff-task-workspace__confirm[data-v-5f819648] {
  width: 100%;
  min-height: 45px;
  margin-top: 12px;
  border: 1px solid #cbd6de;
  border-radius: 8px;
  background: #fff;
  color: #102842;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.staff-task-workspace__confirm.selected[data-v-5f819648] {
  border-color: #3ca34a;
  background: #e8f5e9;
  color: #18762b;
}
.staff-task-workspace__answers[data-v-5f819648] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}
.staff-task-workspace__answers button[data-v-5f819648] {
  height: 47px;
  border: 1px solid #cbd6de;
  border-radius: 8px;
  background: #fff;
  color: #102842;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
.staff-task-workspace__answers button.selected[data-v-5f819648] {
  border: 2px solid #3ca34a;
  background: #e8f5e9;
  color: #18762b;
}
.staff-task-workspace__photo[data-v-5f819648] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 96px;
  margin-top: 12px;
  padding: 14px;
  border: 1px dashed #aebdca;
  border-radius: 10px;
  background: #f9fbfc;
  color: #087727;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}
.staff-task-workspace__photo[data-v-5f819648]:hover {
  border-color: #55a867;
  background: #f4faf5;
}
.staff-task-workspace__photo--attached[data-v-5f819648] {
  min-height: 0;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px;
  border-style: solid;
  background: #f6faf7;
  text-align: left;
}
.staff-task-workspace__photo-preview[data-v-5f819648] {
  display: block;
  width: 150px;
  height: 92px;
  flex: 0 0 150px;
  border-radius: 8px;
  object-fit: cover;
}
.staff-task-workspace__file-link[data-v-5f819648] {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  padding: 9px 11px;
  border-radius: 7px;
  background: #fff;
  color: #087727;
  text-align: left;
  text-decoration: none;
}
.staff-task-workspace__file-link strong[data-v-5f819648] {
  overflow: hidden;
  color: #294535;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.staff-task-workspace__file-link small[data-v-5f819648] {
  color: #087727;
  font-size: 11px;
  font-weight: 700;
}
.staff-task-workspace__photo--file[data-v-5f819648] {
  border-style: solid;
}
.staff-task-workspace__photo--evidence[data-v-5f819648] {
  min-height: 76px;
  background: #f8fbfc;
}
.staff-task-workspace__photo--evidence.staff-task-workspace__photo--attached[data-v-5f819648] {
  min-height: 0;
}
.staff-task-workspace__photo input[data-v-5f819648] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.staff-task-workspace__evidence-options[data-v-5f819648] {
  display: grid;
  gap: 10px;
}
.staff-task-workspace__evidence-options p[data-v-5f819648] {
  margin: 0 0 6px;
  color: #5b6f7c;
}
.staff-task-workspace__evidence-options button[data-v-5f819648] {
  width: 100%;
  min-height: 46px;
}
.staff-task-workspace__incident[data-v-5f819648] {
  margin-top: 12px;
  border: 0;
  background: transparent;
  color: #c41b14;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 960px) {
.staff-task-workspace[data-v-5f819648] {
    grid-template-columns: 1fr;
    padding: 16px;
}
.staff-task-workspace__summary[data-v-5f819648] { position: static;
}
}
@media (max-width: 560px) {
.staff-task-workspace__item[data-v-5f819648] { padding: 14px 12px;
}
.staff-task-workspace__items-header[data-v-5f819648] { align-items: flex-start; flex-direction: column; gap: 8px;
}
.staff-task-workspace__photo--attached[data-v-5f819648] { align-items: flex-start; flex-direction: column;
}
.staff-task-workspace__photo-preview[data-v-5f819648] { width: 100%; height: 150px; flex-basis: auto;
}
}

.staff-overview[data-v-618d255c] {
  margin: 0 12px;
  padding: 24px;
}
.staff-overview__header[data-v-618d255c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}
.staff-overview__subtitle[data-v-618d255c] {
  margin: 4px 0 0;
  color: var(--color-grey-dark, #6b7280);
  font-size: 13px;
}
.staff-overview__controls[data-v-618d255c] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.staff-overview__search[data-v-618d255c],
.staff-overview__date[data-v-618d255c] {
  border: 1px solid var(--color-gray-light, #e5e7eb);
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 13px;
  background: var(--color-white, #fff);
}
.staff-overview__summary[data-v-618d255c] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 16px;
}
.staff-overview__table-wrap[data-v-618d255c] {
  overflow-x: auto;
}
.staff-overview__empty[data-v-618d255c] {
  padding: 32px;
  text-align: center;
  color: var(--color-grey-dark, #6b7280);
  font-size: 13px;
}
.staff-overview__photo-heading[data-v-618d255c],
.staff-overview__photo-cell[data-v-618d255c] {
  width: 58px;
  text-align: center;
}
.staff-overview__photo-cell[data-v-618d255c] {
  padding-right: 4px;
}
.staff-overview__avatar[data-v-618d255c] {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  border-radius: 50%;
  object-fit: cover;
  background: #fff;
}
.staff-overview__avatar--fallback[data-v-618d255c] {
  background: #eaf7ec;
  border-color: #c6e8cb;
  color: var(--color-green-primary, #1e7e34);
  font-size: 12px;
  font-weight: 700;
}
.staff-overview__name[data-v-618d255c] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--color-black-50, #1f2937);
}
.staff-overview__dot[data-v-618d255c] {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d1d5db;
  flex: 0 0 auto;
}
.staff-overview__dot[data-status="working"][data-v-618d255c] { background: #22c55e;
}
.staff-overview__dot[data-status="on_break"][data-v-618d255c] { background: #f59e0b;
}
.staff-overview__dot[data-status="ended"][data-v-618d255c] { background: #9ca3af;
}
.staff-overview__status-pill[data-v-618d255c] {
  display: inline-flex;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  background: #f3f4f6;
  color: #6b7280;
}
.staff-overview__status-pill[data-status="working"][data-v-618d255c] { background: #eaf7ec; color: #1e7e34;
}
.staff-overview__status-pill[data-status="on_break"][data-v-618d255c] { background: #fff6e6; color: #b45309;
}
.staff-overview__status-pill[data-status="ended"][data-v-618d255c] { background: #fdecec; color: #c62828;
}
.staff-overview__tasks-cell[data-v-618d255c] {
  min-width: 150px;
}
.staff-overview__progress[data-v-618d255c] {
  height: 5px;
  border-radius: 999px;
  background: #f0f2f5;
  overflow: hidden;
  margin-bottom: 4px;
}
.staff-overview__progress span[data-v-618d255c] {
  display: block;
  height: 100%;
  background: var(--color-green-primary, #1e7e34);
}
.staff-overview__tasks-cell small[data-v-618d255c] {
  color: var(--color-grey-dark, #6b7280);
}
@media (max-width: 991px) {
.staff-overview__summary[data-v-618d255c] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
}
.staff-overview__row[data-v-618d255c]:hover {
  background: #fafbfc;
}
.staff-overview__manage-btn[data-v-618d255c] {
  border: 1px solid var(--color-gray-light, #d1d5db);
  border-radius: 8px;
  background: #fff;
  color: #374151;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.staff-overview__manage-btn[data-v-618d255c]:hover {
  border-color: var(--color-green-primary, #1e7e34);
  color: var(--color-green-primary, #1e7e34);
}
.staff-overview__drilldown-actions[data-v-618d255c] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.staff-overview__drilldown-list[data-v-618d255c] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.staff-overview__drilldown-item[data-v-618d255c] {
  border: 1px solid var(--color-gray-light, #e5e7eb);
  border-radius: 10px;
  overflow: hidden;
}
.staff-overview__drilldown-row[data-v-618d255c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  flex-wrap: wrap;
}
.staff-overview__drilldown-notes[data-v-618d255c] {
  padding: 10px 12px 12px;
  border-top: 1px solid var(--color-gray-light, #e5e7eb);
  background: #fafbfc;
}
.staff-overview__empty--tight[data-v-618d255c] {
  padding: 6px 0;
  text-align: left;
}
.staff-overview__occurrence-list[data-v-618d255c] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.staff-overview__occurrence[data-v-618d255c] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 12px;
}
.staff-overview__occurrence-meta[data-v-618d255c] {
  color: var(--color-grey-dark, #6b7280);
  font-weight: 600;
}
.staff-overview__occurrence-note[data-v-618d255c] {
  color: var(--color-black-50, #1f2937);
  font-style: italic;
}
.staff-overview__occurrence-note--empty[data-v-618d255c] {
  color: var(--color-grey-dark, #9ca3af);
  font-style: normal;
}
.staff-overview__drilldown-info[data-v-618d255c] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.staff-overview__drilldown-title[data-v-618d255c] {
  font-weight: 600;
  color: var(--color-black-50, #1f2937);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.staff-overview__drilldown-title.is-cancelled[data-v-618d255c] {
  color: var(--color-grey-dark, #9ca3af);
  text-decoration: line-through;
}
.staff-overview__drilldown-priority[data-v-618d255c] {
  color: var(--color-grey-dark, #6b7280);
  font-size: 12px;
  text-transform: capitalize;
}
.staff-overview__drilldown-btn[data-v-618d255c] {
  flex-shrink: 0;
  border: 1px solid var(--color-gray-light, #d1d5db);
  border-radius: 8px;
  background: #fff;
  color: #374151;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.staff-overview__drilldown-btn--danger[data-v-618d255c] {
  border-color: #f3c8c8;
  color: #c62828;
}
.staff-overview__drilldown-btn[data-v-618d255c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.staff-overview__modal-copy[data-v-618d255c] {
  color: var(--color-grey-dark, #6b7280);
  font-size: 14px;
  line-height: 1.5;
}
.staff-overview__modal-label[data-v-618d255c] {
  display: block;
  margin-top: 14px;
  color: var(--color-black-50, #1f2937);
  font-size: 13px;
  font-weight: 600;
}
.staff-overview__modal-textarea[data-v-618d255c] {
  display: block;
  width: 100%;
  margin-top: 6px;
  border: 1px solid var(--color-gray-light, #d1d5db);
  border-radius: 8px;
  padding: 10px 12px;
  min-height: 90px;
  font-size: 13px;
  font-family: inherit;
  resize: vertical;
}
.staff-overview__modal-footer[data-v-618d255c] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

/* Staff overview card design */
.staff-overview[data-v-618d255c] {
  margin: 0;
  color: #14202b;
}
.staff-overview__header--new[data-v-618d255c] {
  margin-bottom: 10px;
}
.staff-overview__title[data-v-618d255c] {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.25;
}
.staff-overview__subtitle[data-v-618d255c] {
  margin: 3px 0 0;
  color: #465569;
  font-size: 13px;
}
.staff-overview__summary-strip[data-v-618d255c] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  overflow: hidden;
  margin-bottom: 12px;
  border: 1px solid #dce2e7;
  border-radius: 8px;
  background: #fff;
}
.staff-overview__summary-item[data-v-618d255c] {
  position: relative;
  min-width: 0;
  min-height: 94px;
  padding: 13px 16px 11px;
  border: 0;
  border-right: 1px solid #e5e9ed;
  background: #fff;
  color: #101820;
  text-align: left;
  cursor: pointer;
  transition: background-color .15s ease, box-shadow .15s ease;
}
.staff-overview__summary-item[data-v-618d255c]:last-child { border-right: 0;
}
.staff-overview__summary-item[data-v-618d255c]:hover { background: #fafcfb;
}
.staff-overview__summary-item.is-active[data-v-618d255c] {
  background: #fbfefb;
  border-bottom: 3px solid #43a44b;
}
.staff-overview__summary-label[data-v-618d255c] {
  display: flex;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  color: #374659;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.staff-overview__summary-label i[data-v-618d255c] {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 2px;
  background: #485564;
}
.staff-overview__summary-item[data-tone="green"] .staff-overview__summary-label i[data-v-618d255c] { background: #43a44b;
}
.staff-overview__summary-item[data-tone="muted"] .staff-overview__summary-label i[data-v-618d255c] { background: #9ca6af;
}
.staff-overview__summary-item[data-tone="amber"] .staff-overview__summary-label i[data-v-618d255c] { background: #dda000;
}
.staff-overview__summary-item[data-tone="blue"] .staff-overview__summary-label i[data-v-618d255c] { background: #3f70c9;
}
.staff-overview__summary-item > strong[data-v-618d255c] {
  display: block;
  margin-top: 4px;
  color: #000;
  font-size: 27px;
  font-weight: 700;
  line-height: 30px;
}
.staff-overview__summary-item > small[data-v-618d255c] {
  display: block;
  overflow: hidden;
  margin-top: 3px;
  color: #536273;
  font-size: 10px;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.staff-overview__tabs[data-v-618d255c] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 10px;
}
.staff-overview__tab[data-v-618d255c] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 33px;
  padding: 0 13px;
  border: 1px solid #d7dde3;
  border-radius: 999px;
  background: #fff;
  color: #13202d;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.staff-overview__tab span[data-v-618d255c] {
  min-width: 19px;
  padding: 1px 6px;
  border-radius: 999px;
  background: #eef1f4;
  color: #596576;
  font-size: 10px;
  text-align: center;
}
.staff-overview__tab.is-active[data-v-618d255c] {
  border-color: #1e2b36;
  background: #1e2b36;
  color: #fff;
}
.staff-overview__tab.is-active span[data-v-618d255c] {
  background: #4c5964;
  color: #fff;
}
.staff-overview__tab.is-issue[data-v-618d255c] {
  border-color: #f1ce8a;
  color: #a85d00;
}
.staff-overview__tab.is-issue span[data-v-618d255c] {
  background: #fff0d8;
  color: #b76608;
}
.staff-overview__tab.is-issue.is-active[data-v-618d255c] {
  background: #b96a08;
  border-color: #b96a08;
  color: #fff;
}
.staff-overview__filters[data-v-618d255c] {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 128px repeat(5, minmax(120px, auto)) auto;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding: 10px;
  border: 1px solid #dde2e7;
  border-radius: 9px;
  background: #fff;
}
.staff-overview__search[data-v-618d255c],
.staff-overview__date[data-v-618d255c],
.staff-overview__select[data-v-618d255c] {
  width: 100%;
  height: 35px;
  border: 1px solid #d4dbe2;
  border-radius: 7px;
  background: #fff;
  color: #172534;
  padding: 0 10px;
  font-size: 12px;
  outline: none;
}
.staff-overview__search[data-v-618d255c]:focus,
.staff-overview__date[data-v-618d255c]:focus,
.staff-overview__select[data-v-618d255c]:focus {
  border-color: #43a44b;
  box-shadow: 0 0 0 2px rgba(67, 164, 75, 0.12);
}
.staff-overview__clear[data-v-618d255c] {
  border: 0;
  background: transparent;
  color: #157322;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.staff-overview__grid[data-v-618d255c] {
  display: grid;
  grid-template-columns: repeat(4, minmax(275px, 1fr));
  gap: 12px;
}
.staff-overview__card[data-v-618d255c] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d9dfe5;
  border-radius: 9px;
  background: #fff;
}
.staff-overview__card[data-alert="danger"][data-v-618d255c] { border-color: #f2b9b2;
}
.staff-overview__card[data-alert="warning"][data-v-618d255c] { border-color: #efd18d;
}
.staff-overview__card-head[data-v-618d255c] {
  display: flex;
  min-height: 83px;
  gap: 12px;
  padding: 14px 14px 10px;
}
.staff-overview__photo-wrap[data-v-618d255c] {
  position: relative;
  flex: 0 0 56px;
  height: 56px;
}
.staff-overview__photo[data-v-618d255c] {
  display: flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5dce3;
  border-radius: 6px;
  object-fit: cover;
  background: repeating-linear-gradient(135deg, #f7f9fb 0, #f7f9fb 5px, #e9edf1 5px, #e9edf1 10px);
}
.staff-overview__photo--fallback[data-v-618d255c] {
  color: #677381;
  font-size: 14px;
  font-weight: 700;
}
.staff-overview__photo-state[data-v-618d255c] {
  position: absolute;
  left: 1px;
  bottom: 0;
  max-width: 54px;
  padding: 1px 3px;
  overflow: hidden;
  border-radius: 2px;
  background: #dff3e2;
  color: #16702a;
  font-size: 8px;
  line-height: 12px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.staff-overview__photo-state[data-state="missing"][data-v-618d255c] { background: #ffe1de; color: #c52218;
}
.staff-overview__photo-state[data-state="required"][data-v-618d255c] { background: #e4ecfb; color: #174ca5;
}
.staff-overview__identity[data-v-618d255c] { min-width: 0; flex: 1;
}
.staff-overview__name-row[data-v-618d255c] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.staff-overview__name-row > strong[data-v-618d255c] {
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.staff-overview__status-pill[data-v-618d255c] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  padding: 3px 7px;
  border-radius: 4px;
  font-size: 10px;
  line-height: 16px;
}
.staff-overview__status-pill i[data-v-618d255c] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.staff-overview__status-pill[data-status="late"][data-v-618d255c] { background: #fff0e3; color: #bd5d08;
}
.staff-overview__status-pill[data-status="absent"][data-v-618d255c] { background: #fee7e7; color: #d52b26;
}
.staff-overview__status-pill[data-status="not_started"][data-v-618d255c] { background: #edf1f5; color: #687482;
}
.staff-overview__status-pill[data-status="ended"][data-v-618d255c],
.staff-overview__status-pill[data-status="completed"][data-v-618d255c] { background: #e4edfc; color: #235dbc;
}
.staff-overview__meta[data-v-618d255c],
.staff-overview__started[data-v-618d255c] {
  overflow: hidden;
  color: #4b5a6a;
  font-size: 11px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.staff-overview__started strong[data-v-618d255c] { color: #243342; font-weight: 700;
}
.staff-overview__metrics[data-v-618d255c] {
  display: grid;
  grid-template-columns: 1.25fr 1fr .9fr;
  border-top: 1px solid #e5e9ed;
  border-bottom: 1px solid #e5e9ed;
}
.staff-overview__metric[data-v-618d255c] {
  position: relative;
  min-height: 63px;
  padding: 9px 13px;
  border-right: 1px solid #e5e9ed;
}
.staff-overview__metric[data-v-618d255c]:last-child { border-right: 0;
}
.staff-overview__metric > span[data-v-618d255c] { display: block; color: #4f5d6d; font-size: 10px;
}
.staff-overview__metric > strong[data-v-618d255c] { color: #13202d; font-size: 12px;
}
.staff-overview__metric > strong.is-danger[data-v-618d255c] { color: #c52218;
}
.staff-overview__metric > em[data-v-618d255c] { float: right; color: #344657; font-size: 11px; font-style: normal;
}
.staff-overview__progress[data-v-618d255c] {
  height: 5px;
  margin: 5px 0 0;
  border-radius: 999px;
  background: #e9edf1;
}
.staff-overview__progress span[data-v-618d255c] { background: #43a44b;
}
.staff-overview__card[data-alert="warning"] .staff-overview__progress span[data-v-618d255c] { background: #e3a500;
}
.staff-overview__alert[data-v-618d255c],
.staff-overview__card-spacer[data-v-618d255c] {
  min-height: 35px;
  padding: 8px 13px;
  font-size: 11px;
  font-weight: 700;
}
.staff-overview__alert[data-v-618d255c] { background: #fff8e9; color: #a45b00;
}
.staff-overview__card[data-alert="danger"] .staff-overview__alert[data-v-618d255c] { background: #fff0ef; color: #bd190f;
}
.staff-overview__actions[data-v-618d255c] {
  display: grid;
  grid-template-columns: minmax(100px, 1.35fr) minmax(88px, 1fr) auto;
  gap: 6px;
  margin-top: auto;
  padding: 10px 14px;
  border-top: 1px solid #e5e9ed;
}
.staff-overview__view-btn[data-v-618d255c],
.staff-overview__manage-btn[data-v-618d255c] {
  height: 33px;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.staff-overview__view-btn[data-v-618d255c] {
  border: 1px solid #43a44b;
  background: #43a44b;
  color: #fff;
}
.staff-overview__manage-btn[data-v-618d255c] {
  border-color: #d3dae1;
  color: #172433;
}
@media (max-width: 1399px) {
.staff-overview__grid[data-v-618d255c] { grid-template-columns: repeat(3, minmax(275px, 1fr));
}
.staff-overview__filters[data-v-618d255c] { grid-template-columns: minmax(220px, 1fr) 130px repeat(3, minmax(130px, 1fr));
}
}
@media (max-width: 991px) {
.staff-overview__grid[data-v-618d255c] { grid-template-columns: repeat(2, minmax(260px, 1fr));
}
.staff-overview__filters[data-v-618d255c] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.staff-overview__summary-strip[data-v-618d255c] { grid-template-columns: repeat(3, minmax(0, 1fr));
}
.staff-overview__summary-item[data-v-618d255c]:nth-child(3) { border-right: 0;
}
.staff-overview__summary-item[data-v-618d255c]:nth-child(-n+3) { border-bottom: 1px solid #e5e9ed;
}
}
@media (max-width: 575px) {
.staff-overview__grid[data-v-618d255c],
  .staff-overview__filters[data-v-618d255c] { grid-template-columns: 1fr;
}
.staff-overview__tab[data-v-618d255c] { padding: 0 10px;
}
.staff-overview__summary-strip[data-v-618d255c] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.staff-overview__summary-item[data-v-618d255c] { min-height: 86px; padding: 11px 13px;
}
.staff-overview__summary-item[data-v-618d255c]:nth-child(odd) { border-right: 1px solid #e5e9ed;
}
.staff-overview__summary-item[data-v-618d255c]:nth-child(even) { border-right: 0;
}
.staff-overview__summary-item[data-v-618d255c]:nth-child(-n+4) { border-bottom: 1px solid #e5e9ed;
}
}

/* Full staff-day view */
.staff-day[data-v-618d255c] {
  color: #17212b;
  font-size: 11px;
}
.staff-day__back[data-v-618d255c] {
  margin: 0 0 8px;
  border: 0;
  background: transparent;
  color: #087727;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.staff-day__header[data-v-618d255c] {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 13px;
  border: 1px solid #d7dde3;
  border-radius: 8px 8px 0 0;
  background: #fff;
}
.staff-day__person[data-v-618d255c],
.staff-day__name-row[data-v-618d255c],
.staff-day__header-actions[data-v-618d255c] {
  display: flex;
  align-items: center;
}
.staff-day__person[data-v-618d255c] { gap: 12px; min-width: 0;
}
.staff-day__initials[data-v-618d255c] {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid #cce7cf;
  border-radius: 50%;
  background: #eaf6eb;
  color: #24853a;
  font-size: 12px;
  font-weight: 700;
}
.staff-day__name-row[data-v-618d255c] { gap: 8px;
}
.staff-day__name-row h2[data-v-618d255c] { margin: 0; font-size: 16px; font-weight: 700;
}
.staff-day__person p[data-v-618d255c] { margin: 2px 0 0; color: #405269; font-size: 10px;
}
.staff-day__header-actions[data-v-618d255c] { gap: 7px; flex: 0 0 auto;
}
.staff-day__header-actions button[data-v-618d255c] {
  height: 28px;
  border: 1px solid #cfd7df;
  border-radius: 5px;
  background: #fff;
  color: #152535;
  padding: 0 11px;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}
.staff-day__stats[data-v-618d255c] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 9px;
  overflow: hidden;
  border: 1px solid #d7dde3;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #fff;
}
.staff-day__stats > div[data-v-618d255c] {
  min-height: 43px;
  padding: 8px 13px;
  border-right: 1px solid #e4e8ec;
}
.staff-day__stats > div[data-v-618d255c]:last-child { border-right: 0;
}
.staff-day__stats span[data-v-618d255c] { display: block; color: #4a5a6d; font-size: 8px; letter-spacing: .12em; text-transform: uppercase;
}
.staff-day__stats strong[data-v-618d255c] { display: block; margin-top: 2px; color: #152333; font-size: 11px;
}
.staff-day__stats strong small[data-v-618d255c] { color: #536275; font-size: 9px; font-weight: 600;
}
.staff-day__layout[data-v-618d255c] {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(235px, .95fr);
  align-items: start;
  gap: 9px;
}
.staff-day__main[data-v-618d255c],
.staff-day__aside[data-v-618d255c] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 9px;
}
.staff-day__panel[data-v-618d255c] {
  overflow: hidden;
  border: 1px solid #d7dde3;
  border-radius: 7px;
  background: #fff;
}
.staff-day__panel-title[data-v-618d255c] {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  border-bottom: 1px solid #e2e7eb;
  color: #142332;
  font-size: 10px;
}
.staff-day__panel-title > strong[data-v-618d255c] { font-size: 11px;
}
.staff-day__panel-title > span[data-v-618d255c] { color: #3e4e61;
}
.staff-day__task[data-v-618d255c] {
  display: grid;
  grid-template-columns: 65px minmax(130px, 1.7fr) minmax(110px, .8fr) 83px;
  min-height: 40px;
  align-items: center;
  gap: 10px;
  padding: 5px 12px;
  border-bottom: 1px solid #edf0f2;
}
.staff-day__task[data-v-618d255c]:last-child { border-bottom: 0;
}
.staff-day__task > time[data-v-618d255c] { color: #506176; font-size: 8px;
}
.staff-day__task-name strong[data-v-618d255c],
.staff-day__task-name small[data-v-618d255c] { display: block;
}
.staff-day__task-name strong[data-v-618d255c] { color: #112333; font-size: 10px;
}
.staff-day__task-name small[data-v-618d255c] { margin-top: 1px; color: #5b6b7c; font-size: 8px;
}
.staff-day__task-progress > strong[data-v-618d255c] {
  display: block;
  margin-bottom: 4px;
  color: #142638;
  font-size: 8px;
}
.staff-day__task-progress > span[data-v-618d255c] {
  display: block;
  width: 100%;
  height: 3px;
  overflow: hidden;
  background: #e6ebef;
}
.staff-day__task-progress i[data-v-618d255c] { display: block; height: 100%; background: #43a44b;
}
.staff-day__task-status[data-v-618d255c] {
  justify-self: end;
  border-radius: 3px;
  background: #edf1f4;
  color: #354659;
  padding: 3px 5px;
  font-size: 8px;
  font-weight: 700;
  text-transform: capitalize;
}
.staff-day__task-status[data-status="completed"][data-v-618d255c] { background: #e4f4e6; color: #17802c;
}
.staff-day__task-status[data-status="completed_late"][data-v-618d255c] { background: #fff2d7; color: #a96200;
}
.staff-day__task-status[data-status="overdue"][data-v-618d255c] { background: #ffe4d6; color: #bd4b13;
}
.staff-day__task-status[data-status="in_progress"][data-v-618d255c] { background: #e4edfc; color: #225fc4;
}
.staff-day__timeline-panel[data-v-618d255c] { min-height: 365px;
}
.staff-day__timeline-panel .staff-day__panel-title[data-v-618d255c] { margin-bottom: 5px;
}
.staff-day__timeline-item[data-v-618d255c] {
  display: grid;
  grid-template-columns: 42px 12px minmax(0, 1fr);
  min-height: 42px;
  gap: 7px;
  padding: 5px 12px;
}
.staff-day__timeline-item > time[data-v-618d255c] { padding-top: 2px; color: #23384c; font-size: 8px; font-weight: 700;
}
.staff-day__timeline-item > div strong[data-v-618d255c],
.staff-day__timeline-item > div small[data-v-618d255c] { display: block;
}
.staff-day__timeline-item > div strong[data-v-618d255c] { font-size: 9px;
}
.staff-day__timeline-item > div small[data-v-618d255c] { margin-top: 2px; color: #617082; font-size: 8px;
}
.staff-day__timeline-dot[data-v-618d255c] {
  position: relative;
  width: 8px;
  height: 8px;
  margin-top: 2px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #43a44b;
  box-shadow: 0 0 0 1px #43a44b;
}
.staff-day__timeline-dot[data-v-618d255c]::after {
  position: absolute;
  top: 8px;
  left: 2px;
  width: 1px;
  height: 35px;
  background: #dce2e7;
  content: '';
}
.staff-day__timeline-item:last-child .staff-day__timeline-dot[data-v-618d255c]::after { display: none;
}
.staff-day__timeline-item[data-tone="blue"] .staff-day__timeline-dot[data-v-618d255c] { background: #3973d3; box-shadow: 0 0 0 1px #3973d3;
}
.staff-day__timeline-item[data-tone="amber"] .staff-day__timeline-dot[data-v-618d255c] { background: #e39416; box-shadow: 0 0 0 1px #e39416;
}
.staff-day__timeline-item[data-tone="red"] .staff-day__timeline-dot[data-v-618d255c] { background: #e32c25; box-shadow: 0 0 0 1px #e32c25;
}
.staff-day__timeline-item[data-tone="red"] strong[data-v-618d255c] { color: #c9231c;
}
.staff-day__captured[data-v-618d255c] {
  border-radius: 3px;
  background: #e2f3e4;
  color: #17802c !important;
  padding: 2px 7px;
  font-size: 8px !important;
  font-weight: 700;
}
.staff-day__large-photo[data-v-618d255c] {
  position: relative;
  display: flex;
  height: 162px;
  margin: 10px 11px 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #d6dde3;
  border-radius: 5px 5px 0 0;
  background: repeating-linear-gradient(135deg, #fafbfc 0, #fafbfc 7px, #ebeff2 7px, #ebeff2 14px);
  color: #778493;
  font-size: 22px;
  font-weight: 700;
}
.staff-day__large-photo img[data-v-618d255c] { width: 100%; height: 100%; object-fit: cover;
}
.staff-day__large-photo > small[data-v-618d255c] { position: absolute; right: 0; bottom: 0; left: 0; padding: 4px 7px; background: rgba(25, 38, 50, .76); color: #fff; font-size: 8px;
}
.staff-day__photo-meta[data-v-618d255c] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 0 11px;
  padding: 7px 0 9px;
  color: #5b6979;
  font-size: 8px;
}
.staff-day__photo-meta strong[data-v-618d255c] { color: #26384a;
}
.staff-day__question[data-v-618d255c] {
  position: relative;
  min-height: 51px;
  padding: 8px 11px;
  border-bottom: 1px solid #e6eaed;
}
.staff-day__question[data-v-618d255c]:last-child { border-bottom: 0;
}
.staff-day__question > span[data-v-618d255c],
.staff-day__question > strong[data-v-618d255c] { display: block; padding-right: 38px;
}
.staff-day__question > span[data-v-618d255c] { color: #58697b; font-size: 8px;
}
.staff-day__question > strong[data-v-618d255c] { margin-top: 2px; color: #16802b; font-size: 9px;
}
.staff-day__question > time[data-v-618d255c] { position: absolute; right: 10px; bottom: 8px; color: #637183; font-size: 7px;
}
.staff-day__question.is-alert > strong[data-v-618d255c] { color: #cf2019;
}
.staff-day__none[data-v-618d255c],
.staff-day__incident[data-v-618d255c] { padding: 12px; color: #637183; font-size: 9px;
}
.staff-day__incident[data-v-618d255c] { display: flex; flex-direction: column; gap: 3px; border-bottom: 1px solid #e6eaed;
}
.staff-day__incident strong[data-v-618d255c] { color: #c9231c;
}
@media (max-width: 991px) {
.staff-day__layout[data-v-618d255c] { grid-template-columns: 1fr;
}
.staff-day__aside[data-v-618d255c] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start;
}
.staff-day__photo-panel[data-v-618d255c] { grid-row: span 2;
}
}
@media (max-width: 767px) {
.staff-day__header[data-v-618d255c] { align-items: flex-start; flex-direction: column;
}
.staff-day__stats[data-v-618d255c] { grid-template-columns: repeat(3, minmax(0, 1fr));
}
.staff-day__stats > div[data-v-618d255c]:nth-child(3) { border-right: 0;
}
.staff-day__stats > div[data-v-618d255c]:nth-child(-n+3) { border-bottom: 1px solid #e4e8ec;
}
.staff-day__task[data-v-618d255c] { grid-template-columns: 55px minmax(110px, 1fr) 80px;
}
.staff-day__task-status[data-v-618d255c] { grid-column: 2 / -1; grid-row: 2; justify-self: start;
}
}
@media (max-width: 575px) {
.staff-day__aside[data-v-618d255c] { grid-template-columns: 1fr;
}
.staff-day__task[data-v-618d255c] { grid-template-columns: 48px minmax(0, 1fr);
}
.staff-day__task-progress[data-v-618d255c] { grid-column: 2;
}
.staff-day__task-status[data-v-618d255c] { grid-column: 2; grid-row: auto;
}
}

.nav-link[data-v-408e9565] {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  border: none;
  cursor: pointer;
  padding: 0.75rem 1.1rem;
  text-transform: uppercase;
}
.nav-link.active[data-v-408e9565] {
  border-bottom: 3px solid var(--color-primary);
  border-radius: 0.5rem 0.5rem 0 0;
  color: var(--color-primary);
}
.nav-link[data-v-408e9565]:not(.active):hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.total-bookings-text[data-v-eab67358]{
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: oklch(0.5 0.012 260);
}
.pagination-button[data-v-eab67358]{
   font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.template-builder[data-v-3c1fc243] { padding: 4px 10px 22px;
}
.template-builder__topbar[data-v-3c1fc243], .template-builder__layout[data-v-3c1fc243], .template-builder__actions[data-v-3c1fc243], .template-builder__choices[data-v-3c1fc243], .template-builder__assignments[data-v-3c1fc243] { display: flex;
}
.template-builder__topbar[data-v-3c1fc243] { align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px;
}
.template-builder__actions[data-v-3c1fc243] { gap: 10px;
}
.template-builder__backlink[data-v-3c1fc243] { border: 0; background: transparent; color: #17883b; padding: 0; margin-bottom: 5px; font-size: 13px; cursor: pointer;
}
.template-builder__layout[data-v-3c1fc243] { align-items: flex-start; gap: 16px;
}
.template-builder__steps[data-v-3c1fc243] { flex: 0 0 220px; border: 1px solid #dce3e8; background: #fff; border-radius: 9px; padding: 8px;
}
.template-builder__step[data-v-3c1fc243] { width: 100%; display: flex; text-align: left; align-items: center; gap: 10px; border: 0; border-radius: 7px; padding: 10px 8px; background: transparent; cursor: pointer; color: #14263b;
}
.template-builder__step > span[data-v-3c1fc243] { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 22px; border: 1px solid #c9d3dc; border-radius: 50%; font-size: 12px; color: #627386;
}
.template-builder__step strong[data-v-3c1fc243] { font-size: 14px; line-height: 1.1;
}.template-builder__step small[data-v-3c1fc243] { display: block; margin-top: 3px; font-weight: 400; color: #58708a; font-size: 11px;
}
.template-builder__step.is-active[data-v-3c1fc243] { background: #eaf6eb; color: #087b2f;
}.template-builder__step.is-active > span[data-v-3c1fc243] { border-color: #36a450; color: #087b2f;
}.template-builder__step.is-complete > span[data-v-3c1fc243] { background: #3da552; border-color: #3da552; color: #fff;
}
.template-builder__card[data-v-3c1fc243] { flex: 1 1 auto; min-width: 0; background: #fff; border: 1px solid #dce3e8; border-radius: 9px; overflow: hidden;
}.template-builder__card-head[data-v-3c1fc243] { padding: 16px 18px 12px; border-bottom: 1px solid #e6ebef;
}.template-builder__card-head small[data-v-3c1fc243], .template-builder__preview > small[data-v-3c1fc243] { color: #657383; font-size: 11px; letter-spacing: .7px; font-weight: 700;
}.template-builder__card-head h3[data-v-3c1fc243] { margin: 4px 0 2px; font-size: 17px;
}.template-builder__card-head p[data-v-3c1fc243] { margin: 0; color: #46607a; font-size: 13px;
}
.template-builder__content[data-v-3c1fc243] { padding: 16px 18px; min-height: 290px; display: flex; flex-direction: column; gap: 14px;
}.template-builder__label-note[data-v-3c1fc243] { color: #6e7e8e; font-weight: 400;
}.template-builder__choices[data-v-3c1fc243] { flex-wrap: wrap; gap: 7px;
}.template-builder__choices button[data-v-3c1fc243], .template-builder__assignments button[data-v-3c1fc243] { border: 1px solid #cfdae3; background: #fff; border-radius: 7px; padding: 8px 13px; color: #17324d; font-weight: 600; font-size: 13px; cursor: pointer;
}.template-builder__choices button.selected[data-v-3c1fc243], .template-builder__assignments button.selected[data-v-3c1fc243] { border-color: #36a450; background: #f0faef; color: #087b2f;
}
.template-builder__assignments[data-v-3c1fc243] { gap: 8px;
}.template-builder__assignments button[data-v-3c1fc243] { flex: 1; text-align: left; min-height: 56px;
}.template-builder__assignments small[data-v-3c1fc243] { display: block; font-weight: 400; color: #56708a; margin-top: 2px;
}.template-builder__notice[data-v-3c1fc243] { background: #f4f6f8; padding: 12px; color: #39516a; border-radius: 6px; font-size: 13px;
}.template-builder__short-input[data-v-3c1fc243] { max-width: 230px;
}
.schedule-note[data-v-3c1fc243] { width: fit-content; padding: 8px 11px; border-radius: 6px; background: #eef9ee; color: #087b2f; font-size: 13px; font-weight: 700;
}
.staff-chip-field[data-v-3c1fc243] { display: flex; flex-direction: column; gap: 8px;
}.staff-chip-field > strong[data-v-3c1fc243] { color: #173149; font-size: 13px;
}.staff-chips[data-v-3c1fc243] { display: flex; flex-wrap: wrap; gap: 7px;
}.staff-chips button[data-v-3c1fc243] { padding: 7px 13px; border: 1px solid #d1dbe3; border-radius: 999px; background: #fff; color: #173149; font-size: 13px; font-weight: 600; cursor: pointer;
}.staff-chips button[data-v-3c1fc243]:hover { border-color: #6eb47d;
}.staff-chips button.selected[data-v-3c1fc243] { border-color: #36a450; background: #eef9ee; color: #087b2f;
}
.template-builder__empty-step[data-v-3c1fc243] { background: #f8fafb; border: 1px dashed #c9d5de; padding: 24px; border-radius: 8px; color: #40566d;
}.template-builder__empty-step b[data-v-3c1fc243] { color: #17324d;
}.template-builder__empty-step p[data-v-3c1fc243] { margin: 5px 0 14px;
}.template-builder__review h4[data-v-3c1fc243] { font-size: 18px;
}.template-builder__review dl[data-v-3c1fc243] { display: grid; grid-template-columns: 130px 1fr; gap: 10px; font-size: 13px;
}.template-builder__review dt[data-v-3c1fc243] { color: #64748b;
}.template-builder__review dd[data-v-3c1fc243] { margin: 0; font-weight: 600;
}
.task-items[data-v-3c1fc243] { display: flex; flex-direction: column; gap: 12px;
}.task-item[data-v-3c1fc243] { display: flex; border: 1px solid #d9e1e7; border-radius: 7px; background: #fff; overflow: hidden;
}.task-item--ghost[data-v-3c1fc243] { opacity: .45; background: #eaf6eb;
}.task-item__number[data-v-3c1fc243] { width: 43px; flex: 0 0 43px; padding-top: 12px; text-align: center; background: #f7f9fa; color: #1e3851; font-weight: 700; font-size: 13px;
}.task-item__handle[data-v-3c1fc243] { display: block; width: 100%; margin-top: 4px; border: 0; background: transparent; color: #7890a3; font-size: 20px; line-height: 18px; cursor: grab;
}.task-item__handle[data-v-3c1fc243]:active { cursor: grabbing;
}.task-item__body[data-v-3c1fc243] { flex: 1; min-width: 0; padding: 10px 12px;
}.task-item__row[data-v-3c1fc243] { display: grid; grid-template-columns: 150px minmax(180px, 1fr) 36px; gap: 8px;
}.task-item__type[data-v-3c1fc243] { width: 100%;
}.task-item__remove[data-v-3c1fc243] { border: 1px solid #d9e1e7; border-radius: 6px; background: #fff; color: #7990a3; font-size: 18px; cursor: pointer;
}.task-item__remove[data-v-3c1fc243]:hover { color: #c62828; border-color: #edb9b9;
}.task-item__instructions[data-v-3c1fc243] { min-height: 34px; height: 34px; margin-top: 8px; padding-top: 7px;
}.task-item__options[data-v-3c1fc243] { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding-top: 7px; font-size: 12px;
}.task-item__options small[data-v-3c1fc243] { color: #667b8e;
}.switch-control[data-v-3c1fc243] { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-weight: 600;
}.switch-control input[data-v-3c1fc243] { position: absolute; opacity: 0; pointer-events: none;
}.switch-control span[data-v-3c1fc243] { position: relative; width: 31px; height: 18px; border-radius: 999px; background: #cbd5dd; transition: .2s;
}.switch-control span[data-v-3c1fc243]::after { content: ''; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: .2s; box-shadow: 0 1px 2px #64748b55;
}.switch-control input:checked + span[data-v-3c1fc243] { background: #3da552;
}.switch-control input:checked + span[data-v-3c1fc243]::after { transform: translateX(13px);
}.task-item-add[data-v-3c1fc243] { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding: 10px 12px; border: 1px dashed #cbd7df; border-radius: 7px;
}.task-item-add strong[data-v-3c1fc243] { margin-right: 3px; font-size: 13px;
}.task-item-add button[data-v-3c1fc243] { border: 1px solid #d2dce4; border-radius: 999px; background: #fff; padding: 6px 10px; color: #18344c; font-size: 11px; font-weight: 600; cursor: pointer;
}.task-item-add button[data-v-3c1fc243]:hover { border-color: #3da552; background: #f0faef;
}.task-item-add button small[data-v-3c1fc243] { margin-right: 5px; color: #18813a; font-size: 8px;
}.task-items__hint[data-v-3c1fc243] { margin: 0; color: #5f7385; font-size: 12px;
}
.requirements-list[data-v-3c1fc243] { display: flex; flex-direction: column;
}.requirement-row[data-v-3c1fc243] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 0; border-bottom: 1px solid #e5eaee; cursor: pointer;
}.requirement-row[data-v-3c1fc243]:first-child { padding-top: 4px;
}.requirement-row > span[data-v-3c1fc243]:first-child { min-width: 0;
}.requirement-row strong[data-v-3c1fc243] { display: block; color: #10283e; font-size: 13px;
}.requirement-row small[data-v-3c1fc243] { display: block; margin-top: 3px; color: #607488; font-size: 11px;
}.requirement-row > .switch-control[data-v-3c1fc243] { flex: 0 0 auto;
}.template-review > div[data-v-3c1fc243] { display: grid; grid-template-columns: 130px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 15px 0; border-bottom: 1px solid #e5eaee;
}.template-review > div[data-v-3c1fc243]:first-child { padding-top: 4px;
}.template-review span[data-v-3c1fc243] { color: #52677b; text-transform: uppercase; letter-spacing: .7px; font-size: 11px; font-weight: 700;
}.template-review strong[data-v-3c1fc243] { color: #10283e; font-size: 13px;
}.template-review button[data-v-3c1fc243] { border: 0; background: transparent; color: #087b2f; font-size: 12px; font-weight: 700; cursor: pointer;
}
.question-cards[data-v-3c1fc243] { display: flex; flex-direction: column; gap: 12px;
}.question-card[data-v-3c1fc243] { display: flex; border: 1px solid #d9e1e7; border-radius: 7px; overflow: hidden;
}.question-card__number[data-v-3c1fc243] { width: 43px; flex: 0 0 43px; padding-top: 12px; text-align: center; background: #f7f9fa; color: #18344c; font-weight: 700;
}.question-card__handle[data-v-3c1fc243] { display: block; width: 100%; margin-top: 4px; border: 0; background: transparent; color: #7b91a3; cursor: grab; font-size: 18px;
}.question-card__body[data-v-3c1fc243] { flex: 1; min-width: 0; padding: 10px 12px;
}.question-card__title[data-v-3c1fc243] { display: grid; grid-template-columns: minmax(0, 1fr) 36px; gap: 8px;
}.question-card__title input[data-v-3c1fc243] { font-weight: 600;
}.question-card__settings[data-v-3c1fc243] { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px; margin-top: 9px;
}.question-card__settings > label[data-v-3c1fc243]:not(.switch-control) { display: flex; flex-direction: column; gap: 4px; min-width: 130px; color: #50667b; font-size: 11px; font-weight: 600;
}.question-card__required[data-v-3c1fc243] { min-height: 35px;
}.question-card__followup[data-v-3c1fc243] { margin-top: 8px; font-size: 12px;
}.question-builder__add[data-v-3c1fc243] { width: 100%; padding: 11px 13px; border: 1px dashed #cbd7df; border-radius: 7px; background: #fff; color: #087b2f; text-align: left; font-size: 13px; font-weight: 700; cursor: pointer;
}.question-builder__roles[data-v-3c1fc243] { display: flex; flex-wrap: wrap; gap: 7px;
}.question-builder__roles button[data-v-3c1fc243] { padding: 7px 13px; border: 1px solid #d1dbe3; border-radius: 999px; background: #fff; color: #18344c; font-size: 13px; font-weight: 600; cursor: pointer;
}.question-builder__roles button.selected[data-v-3c1fc243] { border-color: #36a450; background: #eef9ee; color: #087b2f;
}.question-builder__advanced[data-v-3c1fc243] { width: fit-content; padding: 0; border: 0; background: transparent; color: #087b2f; font-size: 13px; font-weight: 700; cursor: pointer;
}.question-review > div[data-v-3c1fc243] { display: grid; grid-template-columns: 140px minmax(0, 1fr) auto; gap: 10px; padding: 16px 0; border-bottom: 1px solid #e4e9ed; align-items: center;
}.question-review span[data-v-3c1fc243] { color: #50667b; text-transform: uppercase; letter-spacing: .7px; font-size: 11px; font-weight: 700;
}.question-review strong[data-v-3c1fc243] { color: #10283e; font-size: 13px;
}.question-review button[data-v-3c1fc243] { border: 0; background: transparent; color: #087b2f; font-weight: 700; cursor: pointer;
}.question-phone-card[data-v-3c1fc243] { margin-top: 10px;
}.question-phone-card h4[data-v-3c1fc243] { margin: 6px 0 10px; font-size: 13px;
}.question-phone-card__answers[data-v-3c1fc243] { display: grid; grid-template-columns: 1fr 1fr; gap: 7px;
}.question-phone-card__answers button[data-v-3c1fc243], .question-phone-card__input[data-v-3c1fc243] { border: 1px solid #cdd7df; border-radius: 5px; background: #fff; padding: 9px; text-align: center; color: #173149; font-size: 12px; font-weight: 600;
}.question-phone-card__input[data-v-3c1fc243] { color: #8795a3; text-align: left; font-weight: 400;
}
.template-builder__footer[data-v-3c1fc243] { display: flex; justify-content: space-between; padding: 14px 18px; border-top: 1px solid #e6ebef;
}
.template-builder__preview[data-v-3c1fc243] { flex: 0 0 300px;
}.phone-preview[data-v-3c1fc243] { margin-top: 9px; border: 10px solid #172937; border-radius: 25px; padding: 0 8px 10px; background: #eef1f3;
}.phone-preview header[data-v-3c1fc243] { color: white; background: #102e35; margin: 0 -8px 10px; padding: 11px 10px; font-size: 12px; font-weight: 700;
}.phone-preview header span[data-v-3c1fc243] { float: right;
}.phone-preview article[data-v-3c1fc243] { background: #fff; border: 1px solid #e0e6eb; border-radius: 8px; padding: 13px;
}.phone-preview article > small[data-v-3c1fc243] { color: #607089; font-size: 11px;
}.phone-preview article > small b[data-v-3c1fc243] { float: right; text-transform: uppercase; color: #ae6800;
}.phone-preview h3[data-v-3c1fc243] { margin: 7px 0; font-size: 16px;
}.phone-preview p[data-v-3c1fc243] { color: #40566d; margin: 0 0 10px; font-size: 12px;
}.phone-preview__item[data-v-3c1fc243] { display: flex; align-items: flex-start; gap: 8px; padding: 9px 0; border-top: 1px solid #edf0f2; font-size: 12px;
}.phone-preview__item > i[data-v-3c1fc243] { display: grid; place-items: center; min-width: 22px; height: 22px; border: 1px solid #c8d3db; border-radius: 4px; color: #547087; font-size: 8px; font-style: normal;
}.phone-preview__item span[data-v-3c1fc243] { flex: 1; min-width: 0;
}.phone-preview__item span b[data-v-3c1fc243] { display: block; font-size: 12px; color: #112b42;
}.phone-preview__item span small[data-v-3c1fc243] { display: block; margin-top: 2px; color: #5e7182; font-size: 10px;
}.phone-preview__item em[data-v-3c1fc243] { color: #172937; font-size: 8px; font-style: normal; font-weight: 700;
}.phone-preview article > strong[data-v-3c1fc243] { color: #40566d; font-size: 11px;
}
@media (max-width: 1000px) {
.template-builder__preview[data-v-3c1fc243] { display: none;
}
}.template-builder__layout[data-v-3c1fc243] { min-width: 0;
}
@media (max-width: 720px) {
.template-builder__layout[data-v-3c1fc243] { display: block;
}.template-builder__steps[data-v-3c1fc243] { margin-bottom: 12px;
}.template-builder__assignments[data-v-3c1fc243] { flex-wrap: wrap;
}.template-builder__assignments button[data-v-3c1fc243] { min-width: 43%;
}.template-builder__topbar[data-v-3c1fc243] { align-items: flex-start;
}.template-builder__actions[data-v-3c1fc243] { flex-wrap: wrap; justify-content: flex-end;
}.task-item__row[data-v-3c1fc243] { grid-template-columns: 1fr 36px;
}.task-item__type[data-v-3c1fc243] { grid-column: 1 / -1;
}
}
.task-templates[data-v-3c1fc243] {
  margin: 0;
}
.task-templates__header[data-v-3c1fc243] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 8px;
}
.task-templates__header-actions[data-v-3c1fc243] { display: flex; align-items: center; gap: 9px;
}
.task-templates__header-btn[data-v-3c1fc243] { min-height: 40px; padding: 7px 14px; border: 1px solid #d3dce4; border-radius: 7px; background: #fff; color: #14283d; font-size: 13px; font-weight: 700; cursor: pointer;
}
.task-templates__tabs[data-v-3c1fc243] { display: block; margin: 5px 0 12px;
}
.task-templates__tabs[data-v-3c1fc243] .nav { margin: 0;
}
.task-templates__tabs[data-v-3c1fc243] .nav-link { white-space: nowrap;
}
.daily-questions__table-wrap[data-v-3c1fc243] { overflow-x: auto; border: 1px solid #dce3e8; border-radius: 8px; background: #fff;
}
.daily-questions__table[data-v-3c1fc243] { width: 100%; min-width: 900px; border-collapse: collapse; color: #10283e; font-size: 13px;
}
.daily-questions__table th[data-v-3c1fc243] { padding: 10px 14px; border-bottom: 1px solid #dce3e8; background: #f8f9fa; color: #53677b; text-align: left; text-transform: uppercase; letter-spacing: .6px; font-size: 10px;
}
.daily-questions__table td[data-v-3c1fc243] { padding: 12px 14px; border-bottom: 1px solid #e4e9ed; vertical-align: middle;
}
.daily-questions__table tr:last-child td[data-v-3c1fc243] { border-bottom: 0;
}
.daily-questions__table td[data-v-3c1fc243]:first-child { width: 39%;
}
.daily-questions__table td[data-v-3c1fc243]:last-child { width: 60px; text-align: right;
}
.daily-questions__table td > small[data-v-3c1fc243] { display: block; margin-top: 2px; color: #617488; font-size: 11px;
}
.daily-questions__type[data-v-3c1fc243] { display: inline-flex; padding: 2px 7px; border: 1px solid #cdd7df; border-radius: 4px; background: #fff; font-weight: 600; font-size: 11px;
}
.daily-questions__table .optional[data-v-3c1fc243] { color: #8795a3; font-weight: 600;
}
.daily-questions__unanswered[data-v-3c1fc243] { color: #c22116 !important; font-weight: 700;
}
.daily-questions__empty[data-v-3c1fc243] { border: 0;
}
.task-templates__subtitle[data-v-3c1fc243] {
  margin: 4px 0 0;
  color: var(--color-grey-dark, #6b7280);
  font-size: 13px;
  max-width: 520px;
}
.task-templates__filters[data-v-3c1fc243] {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  margin-bottom: 0;
  padding-bottom: 2px;
}
.task-templates__filters .search-container[data-v-3c1fc243] {
  flex: 1 1 auto;
  width: auto;
  min-width: 260px;
}
.task-templates__filters .search-input[data-v-3c1fc243] { width: 100%;
}
.task-templates__filter-select[data-v-3c1fc243] {
  width: 168px;
  min-height: 44px;
  border-radius: 14px;
}
.task-templates__staff-filter[data-v-3c1fc243] {
  width: 220px;
  min-height: 44px;
  border-radius: 14px;
}
@media (max-width: 1180px) {
.task-templates__filters[data-v-3c1fc243] { flex-wrap: wrap;
}
.task-templates__filters .search-container[data-v-3c1fc243] { flex-basis: 100%;
}
}
.task-templates__input[data-v-3c1fc243],
.task-templates__textarea[data-v-3c1fc243] {
  border: 1px solid var(--color-gray-light, #e5e7eb);
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 13px;
  background: var(--color-white, #fff);
  font-family: inherit;
}
.task-templates__textarea[data-v-3c1fc243] {
  min-height: 80px;
  resize: vertical;
  width: 100%;
}
.task-templates__select[data-v-3c1fc243] {
  min-width: 220px;
}
[data-v-3c1fc243] .task-templates__select .vs__dropdown-toggle {
  min-height: 44px;
  border: 1px solid var(--color-grey-light-2, #e5e7eb);
  border-radius: 14px;
  background: var(--color-white, #fff);
}
[data-v-3c1fc243] .task-templates__select .vs__selected,[data-v-3c1fc243] .task-templates__select .vs__search {
  font-size: 13px;
}
.task-templates__table-wrap[data-v-3c1fc243] {
  overflow-x: auto;
  margin-top: 20px;
}
.task-templates__empty[data-v-3c1fc243] {
  padding: 32px;
  text-align: center;
  color: var(--color-grey-dark, #6b7280);
  font-size: 13px;
}
.task-templates__table[data-v-3c1fc243] {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  font-size: 13px;
}
.task-templates__table th[data-v-3c1fc243] {
  text-align: left;
  padding: 11px 14px;
  color: var(--color-black, #111827);
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  background: rgb(248, 250, 252);
  border-bottom: 1px solid rgb(226, 232, 240);
}
.task-templates__table td[data-v-3c1fc243] {
  padding: 12px 14px;
  border-bottom: 1px solid var(--color-albastar-white, #f1f5f9);
  vertical-align: middle;
}
.task-templates__table tbody tr[data-v-3c1fc243]:hover {
  background: var(--color-albastar-white, #f8fafc);
}
.task-templates__clickable-row[data-v-3c1fc243] { cursor: pointer;
}
.task-templates__clickable-row[data-v-3c1fc243]:focus-visible { outline: 2px solid #36a450; outline-offset: -2px;
}
.task-templates__title-cell[data-v-3c1fc243] {
  font-weight: 600;
  color: var(--color-black-50, #1f2937);
}
.task-templates__priority[data-v-3c1fc243] {
  text-transform: capitalize;
  color: #6b7280;
}
.task-templates__priority[data-priority="high"][data-v-3c1fc243],
.task-templates__priority[data-priority="urgent"][data-v-3c1fc243] {
  color: #c2410c;
  font-weight: 700;
}
.task-templates__status-pill[data-v-3c1fc243] {
  display: inline-flex;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  background: #fdecec;
  color: #c62828;
}
.task-templates__status-pill[data-active="true"][data-v-3c1fc243] {
  background: #eaf7ec;
  color: #1e7e34;
}
.task-templates__row-actions[data-v-3c1fc243] {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.task-templates__btn[data-v-3c1fc243] {
  border: 1px solid var(--color-gray-light, #d1d5db);
  border-radius: 8px;
  background: #fff;
  color: #374151;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.task-templates__btn--danger[data-v-3c1fc243] {
  border-color: #f3c8c8;
  color: #c62828;
}
.task-templates__btn[data-v-3c1fc243]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.task-templates__pagination[data-v-3c1fc243] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 14px;
  font-size: 13px;
  color: var(--color-grey-dark, #6b7280);
}
.task-templates__pagination button[data-v-3c1fc243] {
  border: 1px solid var(--color-gray-light, #d1d5db);
  border-radius: 8px;
  background: #fff;
  padding: 6px 14px;
  cursor: pointer;
}
.task-templates__pagination button[data-v-3c1fc243]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.task-templates__form[data-v-3c1fc243] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.task-templates__field[data-v-3c1fc243] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.task-templates__field-label[data-v-3c1fc243] {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.task-templates__form-row[data-v-3c1fc243] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.task-templates__hint[data-v-3c1fc243] {
  font-weight: 400;
  color: var(--color-grey-dark, #9ca3af);
  font-size: 12px;
}
.task-templates__days[data-v-3c1fc243] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.task-templates__day-btn[data-v-3c1fc243] {
  border: 1px solid var(--color-gray-light, #d1d5db);
  border-radius: 8px;
  background: #fff;
  color: #374151;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.task-templates__day-btn.is-selected[data-v-3c1fc243] {
  background: var(--color-green-primary, #1e7e34);
  border-color: var(--color-green-primary, #1e7e34);
  color: #fff;
}
.task-templates__timeline[data-v-3c1fc243] {
  border-top: 1px solid var(--color-gray-light, #e5e7eb);
  padding-top: 12px;
}
.task-templates__timeline ul[data-v-3c1fc243] {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  color: var(--color-grey-dark, #6b7280);
}
.task-templates__modal-footer[data-v-3c1fc243] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

.task-history[data-v-12f3e1d5] {
  margin: 0;
}
.task-history__header[data-v-12f3e1d5] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.task-history__header p[data-v-12f3e1d5] {
  margin: 4px 0 0;
  color: #53677b;
  font-size: 13px;
}
.task-history__export[data-v-12f3e1d5] {
  padding: 8px 14px;
  border: 1px solid #d1dbe3;
  border-radius: 7px;
  background: #fff;
  color: #10283e;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.task-history__export[data-v-12f3e1d5]:disabled {
  opacity: .5;
  cursor: default;
}
.task-history__filters[data-v-12f3e1d5] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 14px;
  padding: 10px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  background: #fff;
}
.task-history__search[data-v-12f3e1d5] {
  flex: 1 1 auto;
  min-width: 260px;
}
.task-history__search .search-input[data-v-12f3e1d5] {
  width: 100%;
}
.task-history__date-range[data-v-12f3e1d5] {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #617488;
  font-size: 11px;
}
.task-history__date-range input[data-v-12f3e1d5] {
  width: 128px;
  height: 36px;
  padding: 0 9px;
  border: 1px solid #cfd9e1;
  border-radius: 6px;
  background: #fff;
  color: #10283e;
  font: inherit;
}
.task-history__filters .mws__select--field[data-v-12f3e1d5] {
  width: 154px;
  min-height: 36px;
  border-radius: 6px;
  font-size: 12px;
}
.task-history__priority-filter[data-v-12f3e1d5] {
  width: 105px !important;
}
.task-history__chip[data-v-12f3e1d5] {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid #d1dbe3;
  border-radius: 999px;
  background: #fff;
  color: #183149;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.task-history__chip.active[data-v-12f3e1d5] {
  border-color: #36a450;
  background: #eef9ee;
  color: #087b2f;
}
.task-history__table-wrap[data-v-12f3e1d5] {
  margin-top: 12px;
}
.task-history__table[data-v-12f3e1d5] {
  width: 100%;
  min-width: 1100px;
}
.task-history__table td>small[data-v-12f3e1d5] {
  display: block;
  margin-top: 2px;
}
.task-history__priority[data-v-12f3e1d5] {
  font-weight: 700;
  color: #0b45a0;
}
.task-history__priority[data-priority="high"][data-v-12f3e1d5],
.task-history__priority[data-priority="urgent"][data-v-12f3e1d5] {
  color: #b66a00;
}
.task-history__status[data-v-12f3e1d5] {
  display: inline-flex;
  padding: 3px 8px;
  border-radius: 4px;
  background: #f1f3f5;
  font-size: 10px;
  font-weight: 700;
}
.task-history__status[data-status="completed"][data-v-12f3e1d5] {
  color: #087b2f;
  background: #e5f5e7;
}
.task-history__status[data-status="completed_late"][data-v-12f3e1d5] {
  color: #9b6100;
  background: #fff0cc;
}
.task-history__status[data-status="overdue"][data-v-12f3e1d5] {
  color: #b44f00;
  background: #ffe5cf;
}
.task-history__status[data-status="missed"][data-v-12f3e1d5],
.task-history__status[data-status="incomplete"][data-v-12f3e1d5],
.task-history__status[data-status="cancelled"][data-v-12f3e1d5] {
  color: #bd261d;
  background: #fde2e0;
}
.task-history__not-reviewed[data-v-12f3e1d5] {
  color: #8392a2;
  font-weight: 600;
}
.task-history__empty[data-v-12f3e1d5] {
  padding: 32px;
  text-align: center;
  color: #6b7280;
}
.task-history__pager[data-v-12f3e1d5] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  font-size: 12px;
}
.task-history__pager button[data-v-12f3e1d5] {
  padding: 6px 14px;
  border: 1px solid #d1d5db;
  border-radius: 7px;
  background: #fff;
}
.task-history__pager button[data-v-12f3e1d5]:disabled {
  opacity: .5;
}
@media (max-width:1250px) {
.task-history__filters[data-v-12f3e1d5] {
    flex-wrap: wrap;
}
.task-history__search[data-v-12f3e1d5] {
    flex-basis: 100%;
}
.task-history__date-range[data-v-12f3e1d5] {
    flex: 1 1 auto;
}
}

.shift-rules[data-v-20c027b3] {
  margin: 0;
  padding: 0 24px;
}
.shift-rules__header[data-v-20c027b3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.shift-rules__header p[data-v-20c027b3] {
  margin: 4px 0 0;
  color: #53677b;
  font-size: 13px;
}
.rule-tabs[data-v-20c027b3] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 12px;
}
.rule-tabs>button[data-v-20c027b3] {
  position: relative;
  min-width: 180px;
  padding: 10px 28px 9px 12px;
  border: 1px solid #d8e0e6;
  border-radius: 8px;
  background: #fff;
  color: #10283e;
  text-align: left;
  cursor: pointer;
}
.rule-tabs>button.active[data-v-20c027b3] {
  border: 2px solid #3da552;
  background: #f5fbf5;
  padding: 9px 27px 8px 11px;
}
.rule-tabs strong[data-v-20c027b3],
.rule-tabs small[data-v-20c027b3] {
  display: block;
}
.rule-tabs small[data-v-20c027b3] {
  margin-top: 2px;
  color: #526b7d;
  font-size: 11px;
}
.rule-tabs small span[data-v-20c027b3] {
  color: #b35c00;
}
.rule-tabs b[data-v-20c027b3] {
  position: absolute;
  top: 8px;
  right: 9px;
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 17px;
  border-radius: 999px;
  background: #e2f4e5;
  color: #087b2f;
  font-size: 10px;
}
.rule-editor[data-v-20c027b3] {
  border: 1px solid #dce3e8;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.rule-editor__title[data-v-20c027b3] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #e4e9ed;
}
.rule-editor__title input[data-v-20c027b3] {
  width: 220px;
  padding: 7px 10px;
  border: 1px solid #cfd9e1;
  border-radius: 6px;
  font-weight: 700;
}
.rule-editor__title>span[data-v-20c027b3] {
  color: #52677b;
  font-size: 12px;
}
.rule-editor__title>div[data-v-20c027b3] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.rule-editor__title em[data-v-20c027b3] {
  padding: 5px 9px;
  border-radius: 4px;
  background: #eaf1ff;
  color: #1b56a8;
  text-transform: uppercase;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}
.rule-editor__title button.danger[data-v-20c027b3] {
  border-color: #efc0bd;
  color: #c43128;
}
.rule-editor__columns[data-v-20c027b3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 14px 16px;
}
[data-v-20c027b3] .rule-side {
  border: 1px solid #dce3e8;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
}
[data-v-20c027b3] .rule-side header {
  display: block;
  padding: 12px 14px;
  background: #fafbfc;
}
[data-v-20c027b3] .rule-side header strong,[data-v-20c027b3] .rule-side header small {
  display: block;
}
[data-v-20c027b3] .rule-side header small,[data-v-20c027b3] .rule-option small {
  margin-top: 2px;
  color: #607488;
  font-size: 11px;
}
[data-v-20c027b3] .rule-option {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 13px;
  border-top: 1px solid #e5eaee;
}
[data-v-20c027b3] .rule-option i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 8px;
  background: #e9f0ff;
  color: #1352a1;
  font-size: 10px;
  font-style: normal;
}
[data-v-20c027b3] .rule-option > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}
[data-v-20c027b3] .rule-option strong,[data-v-20c027b3] .rule-option small {
  display: block;
}
[data-v-20c027b3] .rule-questions {
  border-top: 1px solid #dce3e8;
  padding: 10px 13px;
}
[data-v-20c027b3] .rule-questions__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
[data-v-20c027b3] .rule-questions__head button {
  padding: 7px 11px;
  border: 1px solid #d1dbe3;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
}
[data-v-20c027b3] .rule-questions__head button.active {
  background: #162532;
  color: #fff;
}
[data-v-20c027b3] .random-count {
  margin: 9px 0;
  padding: 10px;
  background: #f5f7f9;
  font-size: 13px;
}
[data-v-20c027b3] .random-count button {
  width: 28px;
  height: 28px;
  border: 1px solid #d1dbe3;
  background: #fff;
}
[data-v-20c027b3] .random-count b {
  display: inline-block;
  width: 28px;
  text-align: center;
}
[data-v-20c027b3] .question-choice {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 2px;
  border-top: 1px solid #edf0f2;
  font-size: 13px;
}
[data-v-20c027b3] .question-choice input {
  width: 18px;
  height: 18px;
  accent-color: #3da552;
}
[data-v-20c027b3] .question-choice span {
  flex: 1;
}
[data-v-20c027b3] .question-choice small {
  padding: 2px 7px;
  border: 1px solid #dce3e8;
  border-radius: 4px;
  color: #607488;
  font-size: 12px;
}
[data-v-20c027b3] .rule-option .switch-control {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  cursor: pointer;
}
[data-v-20c027b3] .rule-option .switch-control input {
  position: absolute;
  opacity: 0;
}
[data-v-20c027b3] .rule-option .switch-control > span {
  position: relative;
  width: 38px;
  height: 21px;
  border-radius: 999px;
  background: #c8d2db;
}
[data-v-20c027b3] .rule-option .switch-control > span::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  transition: .2s;
}
[data-v-20c027b3] .rule-option .switch-control input:checked + span {
  background: #3da552;
}
[data-v-20c027b3] .rule-option .switch-control input:checked + span::after {
  transform: translateX(17px);
}
.staff-rules[data-v-20c027b3] {
  margin-top: 14px;
}
.staff-rules__head[data-v-20c027b3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border: 1px solid #dce3e8;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: #fff;
}
.staff-rules__head>div[data-v-20c027b3] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
}
.staff-rules__head select[data-v-20c027b3],
.staff-rules__table select[data-v-20c027b3] {
  min-width: 160px;
  padding: 7px 10px;
  border: 1px solid #cfd9e1;
  border-radius: 6px;
  background: #fff;
  font-weight: 600;
}
.staff-rules__table[data-v-20c027b3] {
  min-width: 1050px;
}
.staff-rules__table td[data-v-20c027b3]:first-child,
.staff-rules__table th[data-v-20c027b3]:first-child {
  width: 38px;
}
.staff-rules__table td>small[data-v-20c027b3] {
  display: block;
  color: #607488;
}
.staff-rules__actions[data-v-20c027b3] {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}
.staff-rules__actions .custom[data-v-20c027b3] {
  border-color: #3da552;
  color: #087b2f;
}
.staff-rules__empty[data-v-20c027b3] {
  padding: 24px;
  text-align: center;
  color: #607488;
}
.switch-control[data-v-20c027b3] {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.switch-control input[data-v-20c027b3] {
  position: absolute;
  opacity: 0;
}
.switch-control span[data-v-20c027b3] {
  position: relative;
  width: 38px;
  height: 21px;
  border-radius: 999px;
  background: #c8d2db;
}
.switch-control span[data-v-20c027b3]::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  transition: .2s;
}
.switch-control input:checked+span[data-v-20c027b3] {
  background: #3da552;
}
.switch-control input:checked+span[data-v-20c027b3]::after {
  transform: translateX(17px);
}
.shift-prompts[data-v-20c027b3] {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid #dce3e8;
  border-radius: 8px;
  background: #fff;
}
.shift-prompts__head[data-v-20c027b3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.shift-prompts__head strong[data-v-20c027b3],
.shift-prompts__head small[data-v-20c027b3] {
  display: block;
}
.shift-prompts__head small[data-v-20c027b3] {
  margin-top: 3px;
  color: #607488;
  font-size: 11px;
}
.shift-prompts__form[data-v-20c027b3] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 14px;
  margin-top: 14px;
  padding: 18px;
  border: 1px solid #e4e9ed;
  border-radius: 8px;
  background: #f6f8fa;
}
.shift-prompts__form label[data-v-20c027b3] {
  display: grid;
  min-width: 0;
  gap: 7px;
  margin: 0;
  color: #1f2d3d;
  font-size: 12px;
  font-weight: 700;
}
.shift-prompts__choices[data-v-20c027b3],
.shift-prompts__required[data-v-20c027b3],
.shift-prompts__form-actions[data-v-20c027b3] {
  grid-column: 1/-1;
}
.shift-prompts__form input[data-v-20c027b3]:not([type=checkbox]),
.shift-prompts__form select[data-v-20c027b3],
.shift-prompts__form textarea[data-v-20c027b3] {
  width: 100%;
  min-height: 40px;
  padding: 9px 11px;
  border: 1px solid #cfd9e1;
  border-radius: 6px;
  background: #fff;
  color: #233548;
  font-size: 13px;
  line-height: 1.4;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.shift-prompts__form input[data-v-20c027b3]:not([type=checkbox]):focus,
.shift-prompts__form select[data-v-20c027b3]:focus,
.shift-prompts__form textarea[data-v-20c027b3]:focus {
  border-color: #36954a;
  box-shadow: 0 0 0 3px rgba(54, 149, 74, .12);
  outline: none;
}
.shift-prompts__form textarea[data-v-20c027b3] {
  min-height: 86px;
  resize: vertical;
}
.shift-prompts__required[data-v-20c027b3] {
  display: flex !important;
  grid-template-columns: auto 1fr !important;
  align-items: center;
  justify-content: flex-start;
  gap: 8px !important;
  padding-top: 2px;
  cursor: pointer;
}
.shift-prompts__required input[data-v-20c027b3] {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #36954a;
}
.shift-prompts__form-actions[data-v-20c027b3] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 2px -18px -18px;
  padding: 12px 18px;
  border-top: 1px solid #e1e7eb;
  border-radius: 0 0 8px 8px;
  background: #fff;
}
.shift-prompts__groups[data-v-20c027b3] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.shift-prompts__group[data-v-20c027b3] {
  padding: 12px;
  border: 1px solid #e2e7eb;
  border-radius: 7px;
}
.shift-prompts__group h3[data-v-20c027b3] {
  margin: 0 0 8px;
  font-size: 13px;
}
.shift-prompts__group article[data-v-20c027b3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid #edf0f2;
}
.shift-prompts__group article span[data-v-20c027b3] {
  min-width: 0;
}
.shift-prompts__group article strong[data-v-20c027b3],
.shift-prompts__group article small[data-v-20c027b3] {
  display: block;
}
.shift-prompts__group article small[data-v-20c027b3],
.shift-prompts__group>p[data-v-20c027b3] {
  color: #607488;
  font-size: 11px;
}
.shift-prompts__group article>div[data-v-20c027b3] {
  display: flex;
  gap: 5px;
}
.shift-prompts__group article button.danger[data-v-20c027b3] {
  color: #c43128;
}
@media (max-width:950px) {
.rule-editor__columns[data-v-20c027b3] {
    grid-template-columns: 1fr;
}
.shift-rules__header[data-v-20c027b3] {
    align-items: flex-start;
}
.rule-editor__title[data-v-20c027b3] {
    flex-wrap: wrap;
}
.rule-editor__title>div[data-v-20c027b3] {
    margin-left: 0;
}
}
@media (max-width:700px) {
.shift-prompts__form[data-v-20c027b3],
  .shift-prompts__groups[data-v-20c027b3] {
    grid-template-columns: 1fr;
}
.shift-prompts__choices[data-v-20c027b3],
  .shift-prompts__required[data-v-20c027b3],
  .shift-prompts__form-actions[data-v-20c027b3] {
    grid-column: auto;
}
.shift-prompts__form-actions[data-v-20c027b3] {
    margin-top: 2px;
}
.shift-prompts__group article[data-v-20c027b3] {
    align-items: flex-start;
    flex-direction: column;
}
}

.staff-overview-header__search[data-v-028d2120],
.staff-overview-header__date[data-v-028d2120] {
  border: 1px solid var(--color-gray-light, #e5e7eb);
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 13px;
  background: var(--color-white, #fff);
}
.staff-overview-header__search[data-v-028d2120] {
  min-width: 170px;
}

.staff-report-page[data-v-6f54b4d3] {
  min-height: 100vh;
  padding: 22px 24px 60px;
  background: #f3f4f6;
}
.staff-report[data-v-6f54b4d3] {
  width: 100%;
  margin: 0 auto;
  color: #12202d;
  font-family: Helvetica, Arial, sans-serif;
}
.staff-report__back[data-v-6f54b4d3] {
  margin: 0 0 11px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #087728;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.staff-report__header[data-v-6f54b4d3] {
  display: flex;
  min-height: 85px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 17px;
  border: 1px solid #d6dde3;
  border-radius: 8px 8px 0 0;
  background: #fff;
}
.staff-report__person[data-v-6f54b4d3],
.staff-report__name-row[data-v-6f54b4d3],
.staff-report__actions[data-v-6f54b4d3] {
  display: flex;
  align-items: center;
}
.staff-report__person[data-v-6f54b4d3] {
  min-width: 0;
  gap: 15px;
}
.staff-report__avatar[data-v-6f54b4d3] {
  display: inline-flex;
  width: 53px;
  height: 53px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid #c7e5cc;
  border-radius: 50%;
  background: #eaf6eb;
  color: #188034;
  font-size: 16px;
  font-weight: 700;
}
.staff-report__name-row[data-v-6f54b4d3] {
  gap: 10px;
}
.staff-report__name-row h1[data-v-6f54b4d3] {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}
.staff-report__person p[data-v-6f54b4d3] {
  margin: 4px 0 0;
  color: #405167;
  font-size: 12px;
}
.staff-report__status[data-v-6f54b4d3] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 4px;
  background: #e3f3e5;
  color: #17812d;
  font-size: 10px;
  font-weight: 700;
}
.staff-report__status i[data-v-6f54b4d3] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.staff-report__status[data-status="on_break"][data-v-6f54b4d3] {
  background: #fff2d8;
  color: #ad6700;
}
.staff-report__status[data-status="absent"][data-v-6f54b4d3] {
  background: #fee6e5;
  color: #c92720;
}
.staff-report__actions[data-v-6f54b4d3] {
  flex: 0 0 auto;
  gap: 8px;
}
.staff-report__actions button[data-v-6f54b4d3] {
  height: 35px;
  padding: 0 13px;
  border: 1px solid #ccd5dd;
  border-radius: 6px;
  background: #fff;
  color: #132334;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.staff-report__stats[data-v-6f54b4d3] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  overflow: hidden;
  margin-bottom: 12px;
  border: 1px solid #d6dde3;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #fff;
}
.staff-report__stats>div[data-v-6f54b4d3] {
  min-height: 63px;
  padding: 13px 17px;
  border-right: 1px solid #e3e8ec;
}
.staff-report__stats>div[data-v-6f54b4d3]:last-child {
  border-right: 0;
}
.staff-report__stats span[data-v-6f54b4d3] {
  display: block;
  color: rgb(107, 118, 128);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.staff-report__stats strong[data-v-6f54b4d3] {
  display: block;
  margin-top: 4px;
  color: var(--color-black);
  font-size: 17px;
  font-weight: 700;
}
.staff-report__stats strong.danger[data-v-6f54b4d3] {
  color: #c72019;
}
.staff-report__stats small[data-v-6f54b4d3] {
  font-size: 10px;
}
.staff-report__loading[data-v-6f54b4d3] {
  padding: 50px;
  text-align: center;
  color: #687686;
}
.staff-report__layout[data-v-6f54b4d3] {
  display: grid;
  grid-template-columns: minmax(0, 3.18fr) minmax(320px, 1fr);
  align-items: start;
  gap: 12px;
}
.staff-report__main[data-v-6f54b4d3],
.staff-report__aside[data-v-6f54b4d3] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 12px;
}
.staff-report__panel[data-v-6f54b4d3] {
  overflow: hidden;
  border: 1px solid #d6dde3;
  border-radius: 8px;
  background: #fff;
}
.staff-report__panel-title[data-v-6f54b4d3] {
  display: flex;
  min-height: 45px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 16px;
  border-bottom: 1px solid #e3e8ec;
  font-size: 14px;
  font-weight: 700;
}
.staff-report__panel-title>span[data-v-6f54b4d3] {
  color: rgb(154, 91, 0);
}
.staff-report__task[data-v-6f54b4d3] {
  display: grid;
  grid-template-columns: 88px minmax(190px, 1.8fr) minmax(120px, .65fr) 105px;
  min-height: 56px;
  align-items: center;
  gap: 14px;
  padding: 7px 16px;
  border-bottom: 1px solid #e8ecef;
}
.staff-report__task[data-v-6f54b4d3]:last-child {
  border-bottom: 0;
}
.staff-report__task>time[data-v-6f54b4d3] {
  color: rgb(91, 102, 112);
  font-size: 12px;
}
.staff-report__task-name strong[data-v-6f54b4d3],
.staff-report__task-name small[data-v-6f54b4d3] {
  display: block;
}
.staff-report__task-name strong[data-v-6f54b4d3] {
    color: rgb(31, 42, 51);
    font-size: 13px;
    line-height: 1.4;}
.staff-report__task-name small[data-v-6f54b4d3] {
  margin-top: 2px;
  font-size: 12px;
  color: rgb(107, 118, 128);
}
.staff-report__task-progress strong[data-v-6f54b4d3] {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 700;
}
.staff-report__task-progress>span[data-v-6f54b4d3] {
  display: block;
  height: 4px;
  overflow: hidden;
  background: #e6ebef;
}
.staff-report__task-progress i[data-v-6f54b4d3] {
  display: block;
  height: 100%;
  background: #42a34a;
}
.staff-report__task-status[data-v-6f54b4d3] {
  justify-self: end;
  padding: 4px 7px;
  border-radius: 4px;
  background: #edf1f4;
  color: #344659;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.staff-report__task-status[data-status="completed"][data-v-6f54b4d3] {
  background: rgb(227, 243, 229);
  color: rgb(29, 106, 46);
}
.staff-report__task-status[data-status="completed_late"][data-v-6f54b4d3] {
  background: #fff1d5;
  color: #a45e00;
}
.staff-report__task-status[data-status="overdue"][data-v-6f54b4d3] {
  background: rgb(253, 230, 212);
  color: rgb(150, 60, 0);
}
.staff-report__task-status[data-status="in_progress"][data-v-6f54b4d3] {
  background: rgb(226, 235, 250);
  color: rgb(31, 76, 156);
}
.staff-report__captured[data-v-6f54b4d3] {
  padding: 3px 8px;
  border-radius: 4px;
  background: rgb(227, 243, 229);
  color: rgb(29, 106, 46) !important;
  font-size: 9px;
  font-weight: 700;
}
.staff-report__photo[data-v-6f54b4d3] {
  position: relative;
  display: flex;
  width: calc(100% - 32px);
  height: 243px;
  margin: 15px 16px 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #d3dbe2;
  border-radius: 6px 6px 0 0;
  background: repeating-linear-gradient(135deg, #fafbfc 0, #fafbfc 8px, #e9edf1 8px, #e9edf1 16px);
  color: #768392;
  font-size: 28px;
  font-weight: 700;
  cursor: pointer;
}
.staff-report__photo img[data-v-6f54b4d3] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.staff-report__photo small[data-v-6f54b4d3] {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 6px 9px;
  background: rgba(22, 35, 47, .78);
  color: #fff;
  font-size: 11px;
  text-align: left;
}
.staff-report__photo-meta[data-v-6f54b4d3] {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 16px 14px;
  color: rgb(31, 42, 51);
  font-size: 12px;
}
.staff-report__photo-meta strong[data-v-6f54b4d3] {
  color: #213346;
}
.staff-report__question[data-v-6f54b4d3] {
  position: relative;
  min-height: 58px;
  padding: 11px 16px;
  font-size: 12px;
  border-bottom: 1px solid #e5e9ed;
}
.staff-report__question[data-v-6f54b4d3]:last-child {
  border-bottom: 0;
}
.staff-report__question>span[data-v-6f54b4d3],
.staff-report__question>strong[data-v-6f54b4d3] {
  display: block;
  padding-right: 45px;
}
.staff-report__question>span[data-v-6f54b4d3] {
  color: rgb(91, 102, 112);
  font-size: 12x;
}
.staff-report__question>strong[data-v-6f54b4d3] {
  margin-top: 3px;
  color: #15802c;
  font-size: 13px;
}
.staff-report__question.alert>strong[data-v-6f54b4d3] {
  color: #c61f18;
}
.staff-report__question time[data-v-6f54b4d3] {
  position: absolute;
  right: 16px;
  bottom: 13px;
  color: #596a7b;
  font-size: 9px;
}
.staff-report__empty[data-v-6f54b4d3],
.staff-report__incident[data-v-6f54b4d3] {
  padding: 16px;
  color: #5d6d7e;
  font-size: 10px;
}
.staff-report__incident[data-v-6f54b4d3] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-bottom: 1px solid #e5e9ed;
}
.staff-report__incident strong[data-v-6f54b4d3] {
  color: #c72019;
}
.staff-report__timeline-panel[data-v-6f54b4d3] {
  min-height: 610px;
  padding-bottom: 14px;
  background: #fbfcfd;
}
.staff-report__timeline-item[data-v-6f54b4d3] {
  position: relative;
  display: grid;
  grid-template-columns: 58px 18px minmax(0, 1fr);
  gap: 8px;
  padding: 8px 18px;
}
.staff-report__timeline-item[data-v-6f54b4d3]:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 92px;
  width: 2px;
  background: #dce4eb;
  content: '';
}
.staff-report__panel-title + .staff-report__timeline-item[data-v-6f54b4d3]:before { top: 18px;
}
.staff-report__timeline-item[data-v-6f54b4d3]:last-child:before { bottom: calc(100% - 18px);
}
.staff-report__timeline-card[data-v-6f54b4d3] {
  width: min(100%, 760px);
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #e1e7ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(24, 39, 51, .04);
}
.staff-report__timeline-card--response[data-v-6f54b4d3] {
  border-color: #d8e5f4;
}
.staff-report__timeline-card>header[data-v-6f54b4d3] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.staff-report__timeline-item>time[data-v-6f54b4d3] {
  padding-top: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #536475;
  text-align: right;
}
.staff-report__timeline-card>header strong[data-v-6f54b4d3],
.staff-report__timeline-card>header small[data-v-6f54b4d3] {
  display: block;
}
.staff-report__timeline-card>header strong[data-v-6f54b4d3] {
  font-size: 13px;
  font-weight: 700;
  color: #1f2a33;
}
.staff-report__timeline-card>header small[data-v-6f54b4d3] {
  margin-top: 3px;
  font-size: 12px;
  color: #6b7680;
}
.staff-report__timeline-type[data-v-6f54b4d3] {
  flex: 0 0 auto;
  padding: 3px 7px;
  border-radius: 999px;
  background: #edf4fb;
  color: #3b617f;
  font-size: 10px;
  font-weight: 700;
  text-transform: capitalize;
}
.staff-report__timeline-response[data-v-6f54b4d3] {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  margin-top: 8px;
  padding: 9px;
  border-radius: 6px;
  background: #f3f7fb;
  font-size: 12px;
}
.staff-report__timeline-response-icon[data-v-6f54b4d3] {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 50%;
  background: #dcecfb;
  color: #23639b;
  font-size: 11px;
  font-weight: 800;
}
.staff-report__timeline-response-copy[data-v-6f54b4d3] { min-width: 0;
}
.staff-report__timeline-response-copy>b[data-v-6f54b4d3] { display: block; color: #223344;
}
.staff-report__timeline-response-copy>span[data-v-6f54b4d3] { display: block; margin-top: 2px; color: #526477;
}
.staff-report__timeline-image-link[data-v-6f54b4d3] {
  position: relative;
  display: block;
  width: fit-content;
  margin-top: 8px;
}
.staff-report__timeline-image-link img[data-v-6f54b4d3] {
  display: block;
  width: min(220px, 100%);
  height: 125px;
  border-radius: 6px;
  object-fit: cover;
}
.staff-report__timeline-image-link em[data-v-6f54b4d3] {
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 3px 6px;
  border-radius: 4px;
  background: rgba(13, 28, 38, .8);
  color: #fff;
  font-size: 10px;
  font-style: normal;
}
.staff-report__timeline-file[data-v-6f54b4d3] {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid #d4e5d8;
  border-radius: 6px;
  background: #fff;
  color: #087728;
  text-decoration: none;
}
.staff-report__timeline-file b[data-v-6f54b4d3] {
  overflow: hidden;
  color: #294535;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.staff-report__timeline-file em[data-v-6f54b4d3] { font-size: 10px; font-style: normal; font-weight: 700;
}
.staff-report__timeline-file[data-v-6f54b4d3]:hover { border-color: #78b687;
}
.staff-report__timeline-dot[data-v-6f54b4d3] {
  position: relative;
  z-index: 1;
  width: 10px;
  height: 10px;
  margin: 13px 0 0 3px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #43a44b;
  box-shadow: 0 0 0 1px #43a44b;
}
.staff-report__timeline-item[data-tone="blue"] .staff-report__timeline-dot[data-v-6f54b4d3] {
  background: #3470d1;
  box-shadow: 0 0 0 1px #3470d1;
}
.staff-report__timeline-item[data-tone="muted"] .staff-report__timeline-dot[data-v-6f54b4d3] {
  background: #9ca8b3;
  box-shadow: 0 0 0 1px #9ca8b3;
}
.staff-report__timeline-item[data-tone="amber"] .staff-report__timeline-dot[data-v-6f54b4d3] {
  background: #eb950d;
  box-shadow: 0 0 0 1px #eb950d;
}
.staff-report__timeline-item[data-tone="red"] .staff-report__timeline-dot[data-v-6f54b4d3] {
  background: #e82b23;
  box-shadow: 0 0 0 1px #e82b23;
}
.staff-report__timeline-item[data-tone="red"] strong[data-v-6f54b4d3] {
  color: #c72019;
}
.staff-report__timeline-item[data-tone="amber"] strong[data-v-6f54b4d3] {
  color: #a65b00;
}
.staff-report__manage-list>div[data-v-6f54b4d3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 4px;
  border-bottom: 1px solid #e5e9ed;
}
.staff-report__manage-list>div>div[data-v-6f54b4d3] {
  display: flex;
  flex-direction: column;
}
.staff-report__manage-list span[data-v-6f54b4d3] {
  color: #607080;
  font-size: 11px;
}
.staff-report__expanded-photo[data-v-6f54b4d3] {
  display: block;
  width: 100%;
  max-height: 70vh;
  object-fit: contain;
}
.staff-report__expanded-placeholder[data-v-6f54b4d3] {
  padding: 80px 20px;
  text-align: center;
  color: #687686;
}
@media(max-width:1100px) {
.staff-report__layout[data-v-6f54b4d3] {
    grid-template-columns: minmax(0, 2.2fr) minmax(280px, 1fr)
}
.staff-report__task[data-v-6f54b4d3] {
    grid-template-columns: 75px minmax(150px, 1.5fr) 105px 90px
}
}
@media(max-width:900px) {
.staff-report__layout[data-v-6f54b4d3] {
    grid-template-columns: 1fr
}
.staff-report__aside[data-v-6f54b4d3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start
}
.staff-report__aside section[data-v-6f54b4d3]:first-child {
    grid-row: span 2
}
.staff-report__stats[data-v-6f54b4d3] {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
.staff-report__stats>div[data-v-6f54b4d3]:nth-child(3) {
    border-right: 0
}
.staff-report__stats>div[data-v-6f54b4d3]:nth-child(-n+3) {
    border-bottom: 1px solid #e3e8ec
}
}
@media(max-width:650px) {
.staff-report-page[data-v-6f54b4d3] {
    padding: 14px 10px 40px
}
.staff-report__header[data-v-6f54b4d3] {
    align-items: flex-start;
    flex-direction: column
}
.staff-report__actions[data-v-6f54b4d3] {
    width: 100%
}
.staff-report__actions button[data-v-6f54b4d3] {
    flex: 1
}
.staff-report__aside[data-v-6f54b4d3] {
    grid-template-columns: 1fr
}
.staff-report__task[data-v-6f54b4d3] {
    grid-template-columns: 58px minmax(0, 1fr)
}
.staff-report__task-progress[data-v-6f54b4d3],
  .staff-report__task-status[data-v-6f54b4d3] {
    grid-column: 2;
    justify-self: start
}
.staff-report__stats strong[data-v-6f54b4d3] {
    font-size: 13px
}
.staff-report__timeline-item[data-v-6f54b4d3] {
    grid-template-columns: 42px 14px minmax(0, 1fr);
    gap: 6px;
    padding: 7px 10px;
}
.staff-report__timeline-item[data-v-6f54b4d3]:before { left: 64px;
}
.staff-report__timeline-dot[data-v-6f54b4d3] { margin-left: 1px;
}
.staff-report__timeline-card>header[data-v-6f54b4d3] { flex-direction: column; gap: 5px;
}
.staff-report__timeline-file[data-v-6f54b4d3] { grid-template-columns: 18px minmax(0, 1fr);
}
.staff-report__timeline-file em[data-v-6f54b4d3] { display: none;
}
}
.staff-report__name[data-v-6f54b4d3] {
  font-size: 22px;
  font-weight: 700;
}
.staff-report-subtext[data-v-6f54b4d3] {
  font-size: 13px;
  line-height: 1.4;
  color: rgb(91, 102, 112);
}

.vehicle-modal__content[data-v-d9cc38b7] { border: 0; border-radius: 14px; overflow: hidden;
}
.vehicle-modal__body[data-v-d9cc38b7] { padding: 0 22px 22px; background: #f7fafc;
}
.vehicle-modal__header[data-v-d9cc38b7] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.vehicle-modal__header-icon[data-v-d9cc38b7], .vehicle-section__icon[data-v-d9cc38b7] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.vehicle-modal__header-icon[data-v-d9cc38b7] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}
.vehicle-modal__header-icon svg[data-v-d9cc38b7] { width: 28px; height: 28px;
}
.vehicle-modal__header h2[data-v-d9cc38b7] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.vehicle-modal__header p[data-v-d9cc38b7] { margin: 0; color: #53678f; font-size: 14px;
}
.vehicle-modal__close[data-v-d9cc38b7] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.vehicle-modal__close[data-v-d9cc38b7]:hover { background: #f3f6f9;
}
.vehicle-modal__close svg[data-v-d9cc38b7] { width: 23px; height: 23px;
}
.vehicle-modal__header svg[data-v-d9cc38b7], .vehicle-section__icon svg[data-v-d9cc38b7] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.vehicle-modal__form[data-v-d9cc38b7] { display: flex; flex-direction: column; gap: 14px;
}
.vehicle-section[data-v-d9cc38b7] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.vehicle-section__heading[data-v-d9cc38b7] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.vehicle-section__icon[data-v-d9cc38b7] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.vehicle-section__icon svg[data-v-d9cc38b7] { width: 23px; height: 23px;
}
.vehicle-section__heading h3[data-v-d9cc38b7] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.vehicle-section__heading p[data-v-d9cc38b7] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.vehicle-section__content[data-v-d9cc38b7] { padding: 12px 14px 15px; margin: 0;
}
.vehicle-section__content[data-v-d9cc38b7] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.vehicle-section__content[data-v-d9cc38b7] .mws__input--field, .vehicle-section__content[data-v-d9cc38b7] .mws__select--field, .vehicle-section__content[data-v-d9cc38b7] .vs__dropdown-toggle { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.vehicle-section__content[data-v-d9cc38b7] .mws__input--field:focus, .vehicle-section__content[data-v-d9cc38b7] .mws__select--field:focus, .vehicle-section__content[data-v-d9cc38b7] .vs--open .vs__dropdown-toggle { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, .1);
}
.vehicle-section__content[data-v-d9cc38b7] .vs__selected, .vehicle-section__content[data-v-d9cc38b7] .vs__search { margin-top: 7px;
}
.vehicle-availability[data-v-d9cc38b7] { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 9px 12px; border: 1px solid #d8e2eb; border-radius: 8px; background: #f8fbfd;
}
.vehicle-availability p[data-v-d9cc38b7] { margin: 0; color: #65738d; font-size: 12px;
}
.vehicle-modal__footer[data-v-d9cc38b7] { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px;
}
@media (max-width: 767px) {
.vehicle-modal__body[data-v-d9cc38b7] { padding: 0 14px 14px;
}
.vehicle-section__heading[data-v-d9cc38b7] { align-items: flex-start; padding: 10px;
}
.vehicle-modal__header h2[data-v-d9cc38b7] { font-size: 21px;
}
}

.rating-summary .label[data-v-05e16954] {
  font-size: 12px;
  color: #6c757d;
}
.rating-summary .value[data-v-05e16954] {
  font-size: 16px;
  font-weight: 600;
}
.table-scroll-container[data-v-05e16954] {
  max-height: 60vh; /* Adjust height as needed */
  overflow-y: auto;
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

.vehicle-map-stage[data-v-7658e24a] {
    position: relative;
    height: 100vh;
    min-height: 520px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #eef1f3;
}
.map-type-toggle-button[data-v-7658e24a] {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    background: #fff;
}
.map-type-thumb[data-v-7658e24a] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.vehicle-map-stage .route-map[data-v-7658e24a] {
    width: 100%;
    height: 100%;
}
.map-date-picker[data-v-7658e24a] {
    position: absolute;
    top: 40px;
    left: 50%;
    z-index: 600;
    transform: translateX(-50%);
}
.map-date-picker[data-v-7658e24a] .date-picker-trigger {
    position: relative;
    width: auto;
    justify-content: space-between;
    border: 0;
    border-radius: 999px;
    padding: 11px 14px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.2);
    color: #2563eb;
    font-weight: 600;
}
.map-date-picker[data-v-7658e24a] .date-picker-trigger .date-filter-indicator {
    position: absolute;
    right: 49%;
    bottom: 0;
    width: 113px;
    height: 3px;
    border-radius: 999px;
    background: #001C27;
    transform: translateX(50%);
}
.map-driver-name[data-v-7658e24a] {
    position: absolute;
    top: 40px;
    right: 8px;
    z-index: 600;
    display: inline-flex;
    max-width: min(320px, calc(100% - 32px));
    min-height: 42px;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 9px 14px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(15, 23, 42, 0.2);
    color: #17202a;
    font-size: 13px;
    font-weight: 700;
}
.map-driver-name svg[data-v-7658e24a] {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    fill: none;
    stroke: #7a8490;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}
.map-driver-name span[data-v-7658e24a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vehicle-map-stage[data-v-7658e24a] .leaflet-top.leaflet-right {
    top: 85px;
}
.route-side-panel[data-v-7658e24a] {
    position: absolute;
    top: 10px;
    left: 30px;
    bottom: 30px;
    z-index: 550;
    display: flex;
    width: 270px;
    flex-direction: column;
    overflow: hidden;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.24);
}
.route-panel-header[data-v-7658e24a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 76px;
    padding: 14px 16px;
    background: #001C27;
    color: #fff;
}
.route-panel-header h2[data-v-7658e24a] {
    max-width: 235px;
    margin: 2px 0 0;
    overflow: hidden;
    color: inherit;
    font-size: 16px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.route-panel-eyebrow[data-v-7658e24a] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    opacity: 0.85;
    text-transform: uppercase;
}
.route-panel-close[data-v-7658e24a],
.route-panel-home[data-v-7658e24a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    cursor: pointer;
}
.route-panel-close[data-v-7658e24a] {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    background: transparent;
    color: #fff;
}
.route-panel-close[data-v-7658e24a]:hover {
    background: rgba(255, 255, 255, 0.15);
}
.route-panel-close svg[data-v-7658e24a] {
    width: 19px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
}
.route-driver-card[data-v-7658e24a] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 15px 16px 11px;
}
.route-avatar[data-v-7658e24a] {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f0f2f4;
    color: #94a0ab;
}
.route-avatar svg[data-v-7658e24a],
.route-summary svg[data-v-7658e24a] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}
.route-avatar svg[data-v-7658e24a] {
    width: 23px;
}
.route-driver-copy[data-v-7658e24a] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}
.route-driver-copy strong[data-v-7658e24a] {
    overflow: hidden;
    color: #17202a;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.route-driver-copy span[data-v-7658e24a] {
    color: #7a8490;
    font-size: 12px;
}
.route-driver-contact[data-v-7658e24a] {
    display: grid;
    gap: 8px;
    padding: 0 16px 14px;
}
.route-contact-row[data-v-7658e24a] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    color: #53606d;
    font-size: 12px;
}
.route-contact-row svg[data-v-7658e24a] {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    fill: none;
    stroke: #8a96a1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.6;
}
.route-contact-row a[data-v-7658e24a],
.route-contact-row span[data-v-7658e24a] {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.route-contact-row a[data-v-7658e24a]:hover {
    color: #2563eb;
    text-decoration: underline;
}
.assigned-pill[data-v-7658e24a] {
    border: 1px solid var(--color-green-primary, #65b84f);
    border-radius: 999px;
    padding: 3px 7px;
    color: #3c9637;
    font-size: 10px;
    line-height: 1;
    width: 70px;
}
.route-summary[data-v-7658e24a] {
    display: flex;
    gap: 12px;
    padding: 0 16px 14px;
    border-bottom: 1px solid #edf0f2;
}
.route-summary span[data-v-7658e24a] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #68727d;
    font-size: 11px;
}
.route-summary svg[data-v-7658e24a] {
    width: 15px;
    flex: 0 0 auto;
}
.route-jobs-heading[data-v-7658e24a] {
    padding: 12px 16px 9px;
    color: white;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #001C27;
}
.route-jobs-list[data-v-7658e24a] {
    overflow-y: auto;
    overscroll-behavior: contain;
}
.route-job-card[data-v-7658e24a] {
    display: flex;
    gap: 11px;
    padding: 12px 16px;
    border-top: 1px solid #f0f2f4;
}
.route-job-number[data-v-7658e24a] {
    display: inline-flex;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--color-green-primary, #65b84f);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
.route-job-copy[data-v-7658e24a] {
    min-width: 0;
    flex: 1;
}
.route-job-copy strong[data-v-7658e24a] {
    display: block;
    overflow: hidden;
    color: #202832;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.route-job-copy p[data-v-7658e24a] {
    display: -webkit-box;
    margin: 4px 0 7px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #69737e;
    font-size: 11px;
    line-height: 1.35;
}
.route-job-meta[data-v-7658e24a] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    color: #3c9637;
    font-size: 11px;
    font-weight: 700;
}
.route-live-eta[data-v-7658e24a] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid rgba(60, 150, 55, 0.22);
    border-radius: 999px;
    padding: 3px 7px;
    background: #eff9ec;
    color: #287a2d;
}
.route-live-eta-dot[data-v-7658e24a] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #36a83e;
    box-shadow: 0 0 0 3px rgba(54, 168, 62, 0.14);
}
[data-v-7658e24a] .vehicle-live-eta-tooltip {
    border: 0;
    border-radius: 10px;
    padding: 0;
    background: transparent;
    box-shadow: 0 5px 18px rgba(15, 23, 42, 0.22);
}
[data-v-7658e24a] .vehicle-live-eta-tooltip::before {
    border-top-color: #fff;
}
[data-v-7658e24a] .vehicle-live-eta {
    display: flex;
    min-width: 92px;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    padding: 7px 10px;
    background: #fff;
    color: #17202a;
}
[data-v-7658e24a] .vehicle-live-eta__dot {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #36a83e;
    box-shadow: 0 0 0 4px rgba(54, 168, 62, 0.14);
}
[data-v-7658e24a] .vehicle-live-eta__dot--offline {
    background: #dc3545;
    box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.14);
}
[data-v-7658e24a] .vehicle-live-eta__dot--break {
    background: #d17823;
    box-shadow: 0 0 0 4px rgba(209, 120, 35, 0.14);
}
[data-v-7658e24a] .vehicle-live-eta__copy {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}
[data-v-7658e24a] .vehicle-live-eta__label {
    color: #6b7280;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
}
[data-v-7658e24a] .vehicle-live-eta__copy strong {
    margin-top: 2px;
    color: #287a2d;
    font-size: 13px;
}
[data-v-7658e24a] .vehicle-live-eta--offline .vehicle-live-eta__copy strong {
    color: #c62838;
}
[data-v-7658e24a] .vehicle-live-eta--break .vehicle-live-eta__copy strong {
    color: #a85d17;
}
.route-job-status[data-v-7658e24a] {
    margin-left: auto;
}
.route-jobs-empty[data-v-7658e24a] {
    padding: 42px 24px;
    color: #8a949e;
    font-size: 13px;
    text-align: center;
}
.route-panel-home[data-v-7658e24a] {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 550;
    width: 32px;
    height: 44px;
    border-radius: 0 9px 9px 0;
    background: #fff;
    box-shadow: 2px 2px 9px rgba(15, 23, 42, 0.22);
    color: #111827;
    transform: translateY(-50%);
}
.route-panel-home[data-v-7658e24a]:hover {
    background: #f8fafc;
}
.route-panel-home svg[data-v-7658e24a] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}
.route-panel-enter-active[data-v-7658e24a],
.route-panel-leave-active[data-v-7658e24a] {
    transition: transform 0.25s ease, opacity 0.2s ease;
}
.route-panel-enter-from[data-v-7658e24a],
.route-panel-leave-to[data-v-7658e24a] {
    transform: translateX(-24px);
    opacity: 0;
}
.vehicle-map-dialog {
    width: min(94vw, 1460px);
    max-width: min(94vw, 1460px);
}
.vehicle-map-body {
    padding-top: 0;
}
@media (max-width: 767px) {
.vehicle-map-stage[data-v-7658e24a] {
        min-height: 560px;
}
.map-date-picker[data-v-7658e24a] {
        left: 14px;
        transform: none;
}
.map-date-picker[data-v-7658e24a] .date-picker-trigger {
        min-width: 165px;
}
.map-driver-name[data-v-7658e24a] {
        top: 68px;
        max-width: 210px;
}
.vehicle-map-stage[data-v-7658e24a] .leaflet-top.leaflet-right {
        top: 114px;
}
.route-side-panel[data-v-7658e24a] {
        top: 72px;
}
}
[data-v-7658e24a] .btn .btn-content {
    width: 100%;
}
.map-type-toggle-control[data-v-7658e24a] {
    margin-bottom: 8px !important;
}
.map-type-toggle-button[data-v-7658e24a] {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    background: #fff;
}
.map-type-thumb[data-v-7658e24a] {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

/* Shown while in standard view — a satellite-style preview inviting the switch */
.map-type-thumb--satellite[data-v-7658e24a] {
    background-image: linear-gradient(135deg, #3a5a40 0%, #588157 40%, #a3b18a 70%, #dad7cd 100%);
}

/* Shown while in satellite view — a streets-style preview inviting the switch back */
.map-type-thumb--streets[data-v-7658e24a] {
    background-image: linear-gradient(135deg, #e9ecef 0%, #ced4da 50%, #adb5bd 100%);
}

/* Push leaflet's default bottomright stack (our zoom + toggle) clear of any other UI */
[data-v-7658e24a] .leaflet-bottom.leaflet-right {
    display: flex;
    flex-direction: column;
    /* toggle sits above zoom */
    align-items: flex-end;
    gap: 8px;
    margin: 0 12px 12px 0;
}

.slide-right-enter-active[data-v-7927c422],
.slide-right-leave-active[data-v-7927c422] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.slide-right-enter-from[data-v-7927c422],
.slide-right-leave-to[data-v-7927c422] {
  transform: translateX(100%);
  opacity: 0;
}

/* Unscoped: the dropdown toggle is rendered by BDropdown/BButton, not this
   component's own template, so scoped styles never reach it. !important
   guards these against bootstrap's .btn defaults (same 0,0,1,0 specificity,
   load order not guaranteed). */
.documentation-button {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 35px !important;
    padding: 0px 14px !important;
    border-radius: 999px !important;
    border: 1px solid #d7deed !important;
    background-color: #e0f3f5 !important;
    color: #4a5578 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.2s;
}

/* BButton (used internally by BDropdown for the toggle) always wraps its
   slot content in a `.btn-content` div, which is the real flex container
   the icon/text/chevron need to line up in one row. bootstrap-vue-3 ships
   `.btn .btn-content{display:inline-block}` at the same specificity, so
   !important is needed to reliably win regardless of CSS load order. */
.documentation-button > .btn-content {
    display: flex !important;
    align-items: center;
    gap: 6px;
}
.documentation-button svg {
    display: block;
    flex-shrink: 0;
}
.documentation-button span {
    display: inline-flex;
    align-items: center;
}
.documentation-button .chevron-icon {
    display: block;
    flex-shrink: 0;
    margin-left: 2px;
}
.documentation-button:hover:not(:disabled) {
    background-color: #e0e6f6 !important;
}
.documentation-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.documentation-dropdown {
    padding: 6px;
    border-radius: 12px;
    border: 1px solid #d7deed;
    box-shadow: 0 8px 20px rgba(20, 30, 60, 0.12);
}
.documentation-dropdown .dropdown-item {
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    color: #4a5578;
    white-space: nowrap;
}
.documentation-dropdown .dropdown-item:hover,
.documentation-dropdown .dropdown-item:focus {
    background-color: #e0f3f5;
    color: #4a5578;
}

.vehicle-column-header[data-v-a05a0dbf] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.vehicle-column-drag-handle[data-v-a05a0dbf] {
  display: grid;
  grid-template-columns: repeat(2, 2px);
  grid-template-rows: repeat(3, 2px);
  gap: 2px;
  padding: 4px 3px;
  color: #8b949e;
  cursor: grab;
  touch-action: none;
}
.vehicle-column-drag-handle[data-v-a05a0dbf]:active {
  cursor: grabbing;
}
.vehicle-column-drag-handle[data-v-a05a0dbf]:focus-visible {
  border-radius: 3px;
  outline: 2px solid #0f766e;
  outline-offset: 2px;
}
.vehicle-column-drag-handle span[data-v-a05a0dbf] {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: currentColor;
}
[data-v-a05a0dbf] .vehicle-column-drag-ghost {
  opacity: 0.35;
  background: #eef8f5 !important;
}
[data-v-a05a0dbf] .vehicle-column-drag-chosen {
  box-shadow: inset 0 0 0 2px rgba(15, 118, 110, 0.35);
}
[data-v-a05a0dbf] .vehicle-column-dragging {
  cursor: grabbing;
}
.vehicle-eta-pill[data-v-a05a0dbf] {
  display: inline-flex;
  min-width: 68px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid rgba(40, 122, 45, 0.2);
  border-radius: 999px;
  padding: 4px 9px;
  background: #eff9ec;
  color: #287a2d;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.vehicle-eta-dot[data-v-a05a0dbf] {
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #36a83e;
  box-shadow: 0 0 0 3px rgba(54, 168, 62, 0.14);
}
.vehicle-eta-pill--offline[data-v-a05a0dbf] {
  border-color: rgba(220, 53, 69, 0.2);
  background: #fff1f2;
  color: #c62838;
}
.vehicle-eta-dot--offline[data-v-a05a0dbf] {
  background: #dc3545;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.14);
}
.non-clickable-table[data-v-a05a0dbf] tbody tr {
  cursor: default !important;
}
.service-rating-link[data-v-a05a0dbf] {
  cursor: pointer;
}
.rating-display[data-v-a05a0dbf] {
  min-width: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.15;
}
.rating-star[data-v-a05a0dbf] {
  position: relative;
  width: 50px;
  height: 50px;
  margin-bottom: 4px;
}
.rating-star-icon[data-v-a05a0dbf] {
  width: 40px;
  height: 40px;
  display: block;
}
.rating-star-base[data-v-a05a0dbf] {
  fill: var(--color-white, #fff);
}
.rating-star-fill[data-v-a05a0dbf] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
.rating-star-filled[data-v-a05a0dbf] {
  fill: var(--color-yellow-dark);
}
.rating-star-outline[data-v-a05a0dbf] {
  position: absolute;
  inset: 0;
  fill: none;
  stroke: var(--color-black, #111);
  stroke-width: 01.0;
  stroke-linejoin: round;
}
.rating-label[data-v-a05a0dbf],
.rating-percentage[data-v-a05a0dbf] {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  color: var(--color-black, #111);
  white-space: nowrap;
}
.rating-label[data-v-a05a0dbf] {
  font-size: 12px;
  font-weight: 600;
}
.rating-percentage[data-v-a05a0dbf] {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 500;
}
[data-v-a05a0dbf] .status-wrapper {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 5px;
}

/* Status circle */
[data-v-a05a0dbf] .status-dot {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-radius: 50%;
  margin: 0;
}

/* Soft outer circle */
[data-v-a05a0dbf] .status-dot.green {
  background-color: #d9f2e3;
}
[data-v-a05a0dbf] .status-dot.red {
  background-color: #f8dddd;
}

/* Solid inner dot */
[data-v-a05a0dbf] .status-dot::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[data-v-a05a0dbf] .status-dot.green::after {
  background-color: #16a34a;
}
[data-v-a05a0dbf] .status-dot.red::after {
  background-color: #ef4444;
}

/* Status text */
[data-v-a05a0dbf] .status-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
[data-v-a05a0dbf] .status-dot.green + .status-text {
  color: #00a63e;
}
[data-v-a05a0dbf] .status-dot.red + .status-text {
  color: #ef0000;
}

/* ON BREAK */
[data-v-a05a0dbf] .status-wrapper:has(svg) .status-text {
  color: #d17823;
}
[data-v-a05a0dbf] .status-wrapper:has(svg) {
  gap: 5px;
}
[data-v-a05a0dbf] .status-wrapper svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.battery[data-v-a05a0dbf] {
  width: 44px;
  height: 10px;
  border: 2px solid #ccc;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

/* Battery head */
.battery[data-v-a05a0dbf]::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 3px;
  width: 4px;
  height: 6px;
  background: #ccc;
  border-radius: 1px;
}

/* Fill */
.battery-fill[data-v-a05a0dbf] {
  height: 100%;
  transition: width 0.3s ease;
}

/* Colors */
.battery-high[data-v-a05a0dbf] {
  background-color: #20c997;
  /* green */
}
.battery-medium[data-v-a05a0dbf] {
  background-color: #f59e0b;
  /* orange */
}
.battery-low[data-v-a05a0dbf] {
  background-color: #e11d48;
  /* red */
}
.view-map-cell[data-v-a05a0dbf] {
  cursor: pointer;
  white-space: nowrap;
  gap: 6px;
}
.view-map-cell .view-map-icon[data-v-a05a0dbf] {
  flex-shrink: 0;
  display: block;
}
.view-map-cell .view-map-link[data-v-a05a0dbf] {
  line-height: 1;
  color: var(--color-dark-primary-green);
  cursor: pointer;
}
.search-container-vehicles-page[data-v-a05a0dbf] {
  height: 38px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgb(250, 251, 251);
  border: 1px solid rgb(226, 230, 232);
  border-radius: 9px;
  padding: 0px 12px;
  height: 38px;
  width: 260px;
  transition: border-color 0.15s;
}

.checklist-modal__content[data-v-1ab1b77b] { border: 0; border-radius: 14px; overflow: hidden;
}.checklist-modal__body[data-v-1ab1b77b] { padding: 0 22px 22px; background: #f7fafc;
}.checklist-modal__header[data-v-1ab1b77b] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.checklist-modal__header-icon[data-v-1ab1b77b],.checklist-section__icon[data-v-1ab1b77b] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.checklist-modal__header-icon[data-v-1ab1b77b] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}.checklist-modal__header-icon svg[data-v-1ab1b77b] { width: 28px; height: 28px;
}.checklist-modal__header h2[data-v-1ab1b77b] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700;
}.checklist-modal__header p[data-v-1ab1b77b] { margin: 0; color: #53678f; font-size: 14px;
}.checklist-modal__close[data-v-1ab1b77b] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.checklist-modal__close[data-v-1ab1b77b]:hover { background: #f3f6f9;
}.checklist-modal__close svg[data-v-1ab1b77b],.checklist-modal__header svg[data-v-1ab1b77b],.checklist-section__icon svg[data-v-1ab1b77b] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.checklist-modal__close svg[data-v-1ab1b77b] { width: 23px; height: 23px;
}.checklist-modal__form[data-v-1ab1b77b] { display: flex; flex-direction: column; gap: 14px;
}.checklist-section[data-v-1ab1b77b] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.checklist-section__heading[data-v-1ab1b77b] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%);
}.checklist-section__icon[data-v-1ab1b77b] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.checklist-section__icon svg[data-v-1ab1b77b] { width: 23px; height: 23px;
}.checklist-section__heading h3[data-v-1ab1b77b] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.checklist-section__heading p[data-v-1ab1b77b] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.checklist-section__content[data-v-1ab1b77b] { padding: 12px 14px 15px;
}.checklist-section__content[data-v-1ab1b77b] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}.checklist-section__content[data-v-1ab1b77b] .mws__input--field,.checklist-section__content[data-v-1ab1b77b] .mws__select--field,.checklist-section__content[data-v-1ab1b77b] .vs__dropdown-toggle { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}.checklist-modal__footer[data-v-1ab1b77b] { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px;
}
[data-v-1ab1b77b] .vs__selected {
  color: var(--color-black);
}
[data-v-1ab1b77b] .driver-vehicle-select .vs__selected {
  color: var(--color-white);
}
[data-v-1ab1b77b] .vs__dropdown-menu li {
  white-space: normal;
}
.toggle-title-display[data-v-1ab1b77b]{
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;  
  font-size: 16px;
}

.checklist-item-modal__content[data-v-06fae9ae] { border: 0; border-radius: 14px; overflow: hidden;
}.checklist-item-modal__body[data-v-06fae9ae] { padding: 0 22px 22px; background: #f7fafc;
}.checklist-item-modal__header[data-v-06fae9ae] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.checklist-item-modal__header-icon[data-v-06fae9ae],.checklist-item-section__icon[data-v-06fae9ae] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.checklist-item-modal__header-icon[data-v-06fae9ae] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}.checklist-item-modal__header-icon svg[data-v-06fae9ae] { width: 28px; height: 28px;
}.checklist-item-modal__header h2[data-v-06fae9ae] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700;
}.checklist-item-modal__header p[data-v-06fae9ae] { margin: 0; color: #53678f; font-size: 14px;
}.checklist-item-modal__close[data-v-06fae9ae] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.checklist-item-modal__close[data-v-06fae9ae]:hover { background: #f3f6f9;
}.checklist-item-modal__close svg[data-v-06fae9ae],.checklist-item-modal__header svg[data-v-06fae9ae],.checklist-item-section__icon svg[data-v-06fae9ae] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.checklist-item-modal__close svg[data-v-06fae9ae] { width: 23px; height: 23px;
}.checklist-item-modal__form[data-v-06fae9ae] { display: flex; flex-direction: column; gap: 14px;
}.checklist-item-section[data-v-06fae9ae] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.checklist-item-section__heading[data-v-06fae9ae] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%);
}.checklist-item-section__icon[data-v-06fae9ae] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.checklist-item-section__icon svg[data-v-06fae9ae] { width: 23px; height: 23px;
}.checklist-item-section__heading h3[data-v-06fae9ae] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.checklist-item-section__heading p[data-v-06fae9ae] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.checklist-item-section__content[data-v-06fae9ae] { padding: 12px 14px 15px;
}.checklist-item-section__content[data-v-06fae9ae] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}.checklist-item-section__content[data-v-06fae9ae] .mws__input--field,.checklist-item-section__content[data-v-06fae9ae] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}.checklist-item-modal__footer[data-v-06fae9ae] { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px;
}

.history-modal__content[data-v-2a0b0011] { border: 0; border-radius: 14px; overflow: hidden;
}.history-modal__body[data-v-2a0b0011] { padding: 0 22px 22px; background: #f7fafc;
}.history-modal__header[data-v-2a0b0011] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.history-modal__header-icon[data-v-2a0b0011],.history-section__icon[data-v-2a0b0011] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.history-modal__header-icon[data-v-2a0b0011] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}.history-modal__header-icon svg[data-v-2a0b0011] { width: 28px; height: 28px;
}.history-modal__header h2[data-v-2a0b0011] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700;
}.history-modal__header p[data-v-2a0b0011] { margin: 0; color: #53678f; font-size: 14px;
}.history-modal__close[data-v-2a0b0011] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.history-modal__close[data-v-2a0b0011]:hover { background: #f3f6f9;
}.history-modal__close svg[data-v-2a0b0011],.history-modal__header svg[data-v-2a0b0011],.history-section__icon svg[data-v-2a0b0011] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.history-modal__close svg[data-v-2a0b0011] { width: 23px; height: 23px;
}.history-modal__form[data-v-2a0b0011] { display: flex; flex-direction: column; gap: 14px;
}.history-section[data-v-2a0b0011] { overflow: hidden; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.history-section__heading[data-v-2a0b0011] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; background: linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%);
}.history-section__icon[data-v-2a0b0011] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.history-section__icon svg[data-v-2a0b0011] { width: 23px; height: 23px;
}.history-section__heading h3[data-v-2a0b0011] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.history-section__heading p[data-v-2a0b0011] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.history-section__content[data-v-2a0b0011] { padding: 12px 14px 15px; margin: 0;
}.history-section__content[data-v-2a0b0011] .submission_history_container { height: calc(100% - 24px); padding: 12px; border: 1px solid #dce7f0; border-radius: 8px; background: #f8fbfd;
}.history-section__content[data-v-2a0b0011] .mws__table { margin-bottom: 0;
}.history-modal__footer[data-v-2a0b0011] { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px;
}

.badge-lg[data-v-907e489a] {
  font-size: 14px;
  padding: 6px 10px;
  line-height: 1.2;
  display: inline-block;
}
.vue-treeselect-helper-hide{display:none}.vue-treeselect-helper-zoom-effect-off{-webkit-transform:none!important;transform:none!important}@-webkit-keyframes vue-treeselect-animation-fade-in{0%{opacity:0}}@keyframes vue-treeselect-animation-fade-in{0%{opacity:0}}@-webkit-keyframes vue-treeselect-animation-bounce{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes vue-treeselect-animation-bounce{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes vue-treeselect-animation-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vue-treeselect-animation-rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.vue-treeselect__multi-value-item--transition-enter-active,.vue-treeselect__multi-value-item--transition-leave-active{-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.vue-treeselect__multi-value-item--transition-enter-active{-webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-timing-function:cubic-bezier(.075,.82,.165,1)}.vue-treeselect__multi-value-item--transition-leave-active{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);position:absolute}.vue-treeselect__multi-value-item--transition-enter,.vue-treeselect__multi-value-item--transition-leave-to{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}.vue-treeselect__multi-value-item--transition-move{-webkit-transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1)}.vue-treeselect{position:relative;text-align:left}[dir=rtl] .vue-treeselect{text-align:right}.vue-treeselect div,.vue-treeselect span{box-sizing:border-box}.vue-treeselect svg{fill:currentColor}.vue-treeselect__control{padding-left:5px;padding-right:5px;display:table;table-layout:fixed;width:100%;height:36px;border:1px solid #ddd;border-radius:5px;background:#fff;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:border-color,box-shadow,width,height,background-color,opacity;transition-property:border-color,box-shadow,width,height,background-color,opacity;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover{border-color:#cfcfcf}.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control{border-color:#039be5;box-shadow:0 0 0 3px rgba(3,155,229,.1)}.vue-treeselect--disabled .vue-treeselect__control{background-color:#f9f9f9}.vue-treeselect--open .vue-treeselect__control{border-color:#cfcfcf}.vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control{border-bottom-left-radius:0;border-bottom-right-radius:0}.vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control{border-top-left-radius:0;border-top-right-radius:0}.vue-treeselect__multi-value,.vue-treeselect__value-container{width:100%;vertical-align:middle}.vue-treeselect__value-container{display:table-cell;position:relative}.vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container{cursor:text}.vue-treeselect__multi-value{display:inline-block}.vue-treeselect--has-value .vue-treeselect__multi-value{margin-bottom:5px}.vue-treeselect__placeholder,.vue-treeselect__single-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px;padding-right:5px;position:absolute;top:0;right:0;bottom:0;left:0;line-height:34px;-webkit-user-select:none;user-select:none;pointer-events:none}.vue-treeselect__placeholder{color:#bdbdbd}.vue-treeselect__single-value{color:#333}.vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value{color:#bdbdbd}.vue-treeselect--disabled .vue-treeselect__single-value{position:static}.vue-treeselect__multi-value-item-container{display:inline-block;padding-top:5px;padding-right:5px;vertical-align:top}[dir=rtl] .vue-treeselect__multi-value-item-container{padding-right:0;padding-left:5px}.vue-treeselect__multi-value-item{display:inline-table;padding:2px 0;border:1px solid transparent;border-radius:2px;font-size:12px;vertical-align:top}.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover,.vue-treeselect__multi-value-item{cursor:pointer;background:#e3f2fd;color:#039be5}.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled{cursor:default;background:#f5f5f5;color:#757575}.vue-treeselect--disabled .vue-treeselect__multi-value-item{cursor:default;background:#fff;border-color:#e5e5e5;color:#555}.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new,.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover{background:#e8f5e9}.vue-treeselect__multi-value-label,.vue-treeselect__value-remove{display:table-cell;padding:0 5px;vertical-align:middle}.vue-treeselect__value-remove{color:#039be5;padding-left:5px;border-left:1px solid #fff;line-height:0}[dir=rtl] .vue-treeselect__value-remove{border-left:0 none;border-right:1px solid #fff}.vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove{color:#e53935}.vue-treeselect--disabled .vue-treeselect__value-remove,.vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove{display:none}.vue-treeselect__value-remove>svg{width:6px;height:6px}.vue-treeselect__multi-value-label{padding-right:5px;white-space:pre-line;-webkit-user-select:none;user-select:none}.vue-treeselect__limit-tip{display:inline-block;padding-top:5px;padding-right:5px;vertical-align:top}[dir=rtl] .vue-treeselect__limit-tip{padding-right:0;padding-left:5px}.vue-treeselect__limit-tip-text{cursor:default;display:block;margin:2px 0;padding:1px 0;color:#bdbdbd;font-size:12px;font-weight:600}.vue-treeselect__input-container{display:block;max-width:100%;outline:none}.vue-treeselect--single .vue-treeselect__input-container{font-size:inherit;height:100%}.vue-treeselect--multi .vue-treeselect__input-container{display:inline-block;font-size:12px;vertical-align:top}.vue-treeselect--searchable .vue-treeselect__input-container{padding-left:5px;padding-right:5px}.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container{padding-top:5px;padding-left:0}[dir=rtl] .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container{padding-left:5px;padding-right:0}.vue-treeselect--disabled .vue-treeselect__input-container{display:none}.vue-treeselect__input,.vue-treeselect__sizer{margin:0;line-height:inherit;font-family:inherit;font-size:inherit}.vue-treeselect__input{max-width:100%;margin:0;padding:0;border:0;outline:none;box-sizing:initial;box-shadow:none;background:none transparent;line-height:1;vertical-align:middle}.vue-treeselect__input::-ms-clear{display:none}.vue-treeselect--single .vue-treeselect__input{width:100%;height:100%}.vue-treeselect--multi .vue-treeselect__input{padding-top:3px;padding-bottom:3px}.vue-treeselect--has-value .vue-treeselect__input{line-height:inherit;vertical-align:top}.vue-treeselect__sizer{position:absolute;top:0;left:0;visibility:hidden;height:0;overflow:scroll;white-space:pre}.vue-treeselect__x-container{display:table-cell;vertical-align:middle;width:20px;text-align:center;line-height:0;cursor:pointer;color:#ccc;-webkit-animation:vue-treeselect-animation-fade-in .2s cubic-bezier(.075,.82,.165,1);animation:vue-treeselect-animation-fade-in .2s cubic-bezier(.075,.82,.165,1)}.vue-treeselect__x-container:hover{color:#e53935}.vue-treeselect__x{width:8px;height:8px}.vue-treeselect__control-arrow-container{display:table-cell;vertical-align:middle;width:20px;text-align:center;line-height:0;cursor:pointer}.vue-treeselect--disabled .vue-treeselect__control-arrow-container{cursor:default}.vue-treeselect__control-arrow{width:9px;height:9px;color:#ccc}.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow{color:#616161}.vue-treeselect--disabled .vue-treeselect__control-arrow{opacity:.35}.vue-treeselect__control-arrow--rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vue-treeselect__menu-container{position:absolute;left:0;width:100%;overflow:visible;-webkit-transition:0s;transition:0s}.vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container{top:100%}.vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container{bottom:100%}.vue-treeselect__menu{cursor:default;padding-top:5px;padding-bottom:5px;display:block;position:absolute;overflow-x:hidden;overflow-y:auto;width:auto;border:1px solid #cfcfcf;background:#fff;line-height:180%;-webkit-overflow-scrolling:touch}.vue-treeselect--open-below .vue-treeselect__menu{border-bottom-left-radius:5px;border-bottom-right-radius:5px;top:0;margin-top:-1px;border-top-color:#f2f2f2;box-shadow:0 1px 0 rgba(0,0,0,.06)}.vue-treeselect--open-above .vue-treeselect__menu{border-top-left-radius:5px;border-top-right-radius:5px;bottom:0;margin-bottom:-1px;border-bottom-color:#f2f2f2}.vue-treeselect__indent-level-0 .vue-treeselect__option{padding-left:5px}[dir=rtl] .vue-treeselect__indent-level-0 .vue-treeselect__option{padding-left:5px;padding-right:5px}.vue-treeselect__indent-level-0 .vue-treeselect__tip{padding-left:25px}[dir=rtl] .vue-treeselect__indent-level-0 .vue-treeselect__tip{padding-left:5px;padding-right:25px}.vue-treeselect__indent-level-1 .vue-treeselect__option{padding-left:25px}[dir=rtl] .vue-treeselect__indent-level-1 .vue-treeselect__option{padding-left:5px;padding-right:25px}.vue-treeselect__indent-level-1 .vue-treeselect__tip{padding-left:45px}[dir=rtl] .vue-treeselect__indent-level-1 .vue-treeselect__tip{padding-left:5px;padding-right:45px}.vue-treeselect__indent-level-2 .vue-treeselect__option{padding-left:45px}[dir=rtl] .vue-treeselect__indent-level-2 .vue-treeselect__option{padding-left:5px;padding-right:45px}.vue-treeselect__indent-level-2 .vue-treeselect__tip{padding-left:65px}[dir=rtl] .vue-treeselect__indent-level-2 .vue-treeselect__tip{padding-left:5px;padding-right:65px}.vue-treeselect__indent-level-3 .vue-treeselect__option{padding-left:65px}[dir=rtl] .vue-treeselect__indent-level-3 .vue-treeselect__option{padding-left:5px;padding-right:65px}.vue-treeselect__indent-level-3 .vue-treeselect__tip{padding-left:85px}[dir=rtl] .vue-treeselect__indent-level-3 .vue-treeselect__tip{padding-left:5px;padding-right:85px}.vue-treeselect__indent-level-4 .vue-treeselect__option{padding-left:85px}[dir=rtl] .vue-treeselect__indent-level-4 .vue-treeselect__option{padding-left:5px;padding-right:85px}.vue-treeselect__indent-level-4 .vue-treeselect__tip{padding-left:105px}[dir=rtl] .vue-treeselect__indent-level-4 .vue-treeselect__tip{padding-left:5px;padding-right:105px}.vue-treeselect__indent-level-5 .vue-treeselect__option{padding-left:105px}[dir=rtl] .vue-treeselect__indent-level-5 .vue-treeselect__option{padding-left:5px;padding-right:105px}.vue-treeselect__indent-level-5 .vue-treeselect__tip{padding-left:125px}[dir=rtl] .vue-treeselect__indent-level-5 .vue-treeselect__tip{padding-left:5px;padding-right:125px}.vue-treeselect__indent-level-6 .vue-treeselect__option{padding-left:125px}[dir=rtl] .vue-treeselect__indent-level-6 .vue-treeselect__option{padding-left:5px;padding-right:125px}.vue-treeselect__indent-level-6 .vue-treeselect__tip{padding-left:145px}[dir=rtl] .vue-treeselect__indent-level-6 .vue-treeselect__tip{padding-left:5px;padding-right:145px}.vue-treeselect__indent-level-7 .vue-treeselect__option{padding-left:145px}[dir=rtl] .vue-treeselect__indent-level-7 .vue-treeselect__option{padding-left:5px;padding-right:145px}.vue-treeselect__indent-level-7 .vue-treeselect__tip{padding-left:165px}[dir=rtl] .vue-treeselect__indent-level-7 .vue-treeselect__tip{padding-left:5px;padding-right:165px}.vue-treeselect__indent-level-8 .vue-treeselect__option{padding-left:165px}[dir=rtl] .vue-treeselect__indent-level-8 .vue-treeselect__option{padding-left:5px;padding-right:165px}.vue-treeselect__indent-level-8 .vue-treeselect__tip{padding-left:185px}[dir=rtl] .vue-treeselect__indent-level-8 .vue-treeselect__tip{padding-left:5px;padding-right:185px}.vue-treeselect__option{padding-left:5px;padding-right:5px;display:table;table-layout:fixed;width:100%}.vue-treeselect__option--highlight{background:#f5f5f5}.vue-treeselect--single .vue-treeselect__option--selected{background:#e3f2fd;font-weight:600}.vue-treeselect--single .vue-treeselect__option--selected:hover{background:#e3f2fd}.vue-treeselect__option--hide{display:none}.vue-treeselect__option-arrow-container,.vue-treeselect__option-arrow-placeholder{display:table-cell;vertical-align:middle;width:20px;text-align:center;line-height:0}.vue-treeselect__option-arrow-container{cursor:pointer}.vue-treeselect__option-arrow{display:inline-block;width:9px;height:9px;color:#ccc;vertical-align:middle;-webkit-transition:-webkit-transform .2s cubic-bezier(.19,1,.22,1);transition:-webkit-transform .2s cubic-bezier(.19,1,.22,1);transition:transform .2s cubic-bezier(.19,1,.22,1);transition:transform .2s cubic-bezier(.19,1,.22,1),-webkit-transform .2s cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}[dir=rtl] .vue-treeselect__option-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow,.vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow{color:#616161}.vue-treeselect__option-arrow--rotated,[dir=rtl] .vue-treeselect__option-arrow--rotated{-webkit-transform:rotate(0);transform:rotate(0)}.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter{-webkit-transform:rotate(-90deg)!important;transform:rotate(-90deg)!important}[dir=rtl] .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.vue-treeselect__label-container{display:table-cell;vertical-align:middle;cursor:pointer;display:table;width:100%;table-layout:fixed;color:inherit}.vue-treeselect__option--disabled .vue-treeselect__label-container{cursor:not-allowed;color:rgba(0,0,0,.25)}.vue-treeselect__checkbox-container{display:table-cell;width:20px;min-width:20px;height:100%;text-align:center;vertical-align:middle}.vue-treeselect__checkbox{display:block;margin:auto;width:12px;height:12px;border-width:1px;border-style:solid;border-radius:2px;position:relative;-webkit-transition:all .2s cubic-bezier(.075,.82,.165,1);transition:all .2s cubic-bezier(.075,.82,.165,1)}.vue-treeselect__check-mark,.vue-treeselect__minus-mark{display:block;position:absolute;left:1px;top:1px;background-repeat:no-repeat;opacity:0;-webkit-transition:all .2s ease;transition:all .2s ease}.vue-treeselect__minus-mark{width:8px;height:8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);background-size:8px 8px}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.vue-treeselect__minus-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.vue-treeselect__minus-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){.vue-treeselect__minus-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==)}}.vue-treeselect__checkbox--indeterminate>.vue-treeselect__minus-mark{opacity:1}.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=)}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==)}}.vue-treeselect__check-mark{width:8px;height:8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=);background-size:8px 8px;-webkit-transform:scaleY(.125);transform:scaleY(.125)}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.vue-treeselect__check-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.vue-treeselect__check-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){.vue-treeselect__check-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC)}}.vue-treeselect__checkbox--checked>.vue-treeselect__check-mark{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=)}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=)}}.vue-treeselect__checkbox--unchecked{border-color:#e0e0e0;background:#fff}.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked{border-color:#039be5;background:#fff}.vue-treeselect__checkbox--checked,.vue-treeselect__checkbox--indeterminate,.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked,.vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate{border-color:#039be5;background:#039be5}.vue-treeselect__checkbox--disabled,.vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled{border-color:#e0e0e0;background-color:#f7f7f7}.vue-treeselect__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:table-cell;padding-left:5px;max-width:100%;vertical-align:middle;cursor:inherit}[dir=rtl] .vue-treeselect__label{padding-left:0;padding-right:5px}.vue-treeselect__count{margin-left:5px;font-weight:400;opacity:.6}[dir=rtl] .vue-treeselect__count{margin-left:0;margin-right:5px}.vue-treeselect__tip{padding-left:5px;padding-right:5px;display:table;table-layout:fixed;width:100%;color:#757575}.vue-treeselect__tip-text{display:table-cell;vertical-align:middle;padding-left:5px;padding-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:12px}.vue-treeselect__error-tip .vue-treeselect__retry{cursor:pointer;margin-left:5px;font-style:normal;font-weight:600;text-decoration:none;color:#039be5}[dir=rtl] .vue-treeselect__error-tip .vue-treeselect__retry{margin-left:0;margin-right:5px}.vue-treeselect__icon-container{display:table-cell;vertical-align:middle;width:20px;text-align:center;line-height:0}.vue-treeselect--single .vue-treeselect__icon-container{padding-left:5px}[dir=rtl] .vue-treeselect--single .vue-treeselect__icon-container{padding-left:0;padding-right:5px}.vue-treeselect__icon-warning{display:block;margin:auto;border-radius:50%;position:relative;width:12px;height:12px;background:#fb8c00}.vue-treeselect__icon-warning:after{display:block;position:absolute;content:"";left:5px;top:2.5px;width:2px;height:1px;border:0 solid #fff;border-top-width:5px;border-bottom-width:1px}.vue-treeselect__icon-error{display:block;margin:auto;border-radius:50%;position:relative;width:12px;height:12px;background:#e53935}.vue-treeselect__icon-error:after,.vue-treeselect__icon-error:before{display:block;position:absolute;content:"";background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vue-treeselect__icon-error:before{width:6px;height:2px;left:3px;top:5px}.vue-treeselect__icon-error:after{width:2px;height:6px;left:5px;top:3px}.vue-treeselect__icon-loader{display:block;margin:auto;position:relative;width:12px;height:12px;text-align:center;-webkit-animation:vue-treeselect-animation-rotate 1.6s linear infinite;animation:vue-treeselect-animation-rotate 1.6s linear infinite}.vue-treeselect__icon-loader:after,.vue-treeselect__icon-loader:before{border-radius:50%;position:absolute;content:"";left:0;top:0;display:block;width:100%;height:100%;opacity:.6;-webkit-animation:vue-treeselect-animation-bounce 1.6s ease-in-out infinite;animation:vue-treeselect-animation-bounce 1.6s ease-in-out infinite}.vue-treeselect__icon-loader:before{background:#039be5}.vue-treeselect__icon-loader:after{background:#b3e5fc;-webkit-animation-delay:-.8s;animation-delay:-.8s}.vue-treeselect__menu-placeholder{display:none}.vue-treeselect__portal-target{position:absolute;display:block;left:0;top:0;height:0;width:0;padding:0;margin:0;border:0;overflow:visible;box-sizing:border-box}
.slide-right-enter-active[data-v-7e201863],
.slide-right-leave-active[data-v-7e201863] {
    transition: all 0.3s ease;
}
.slide-right-enter-from[data-v-7e201863],
.slide-right-leave-to[data-v-7e201863] {
    transform: translateX(100%);
    opacity: 0;
}
.slide-right-enter-to[data-v-7e201863],
.slide-right-leave-from[data-v-7e201863] {
    transform: translateX(0);
    opacity: 1;
}
[data-v-7e201863] .vue-treeselect__control{
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    max-height: 104px !important;
    overflow: hidden !important;
}
[data-v-7e201863] .vue-treeselect__multi-value {
    max-height: 84px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
[data-v-7e201863] .vue-treeselect__multi-value-item{
  background-color: var(--color-blue-primary);
  color: var(--color-white);
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 500;
  padding: 4px 8px;
  font-size: 16px;
  border-radius: 8px;
  margin: 2px 0px 2px 4px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
}
[data-v-7e201863] .vue-treeselect__value-remove{
    color: white;
}
[data-v-7e201863] .vue-treeselect__value-remove:hover{
    color: white;
}
[data-v-7e201863] .vue-treeselect__label{
    font-size: large;
}
[data-v-7e201863] .vue-treeselect__checkbox{
    width: 20px;
    height: 20px;
}
[data-v-7e201863] .vue-treeselect__minus-mark{
    left: 5px;
    top: 5px;
    height: 15px;
    width: 15px;
}

.restore-icon svg[data-v-51f198e1] {
  display: inline-block;
}
.restore-modal__title[data-v-51f198e1] {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  align-items: center; /* vertical alignment: middle */
  justify-content: center; /* horizontal alignment: center */
}
.restore-modal__message[data-v-51f198e1] {
    color: #363636;
    font-family: 'Satoshi';
    font-style: medium;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0;
    text-align: center;
  display: flex;
  align-items: center; /* vertical alignment: middle */
  justify-content: center; /* horizontal alignment: center */
}


.assignment-modal__content[data-v-d99dc032] { border: 0; border-radius: 14px; overflow: hidden;
}
.assignment-modal__body[data-v-d99dc032] { padding: 0 22px 22px; background: #f7fafc;
}
.assignment-modal__header[data-v-d99dc032] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.assignment-modal__header-icon[data-v-d99dc032], .assignment-section__icon[data-v-d99dc032] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.assignment-modal__header-icon[data-v-d99dc032] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px;
}
.assignment-modal__header-icon--driver[data-v-d99dc032] { color: #2e9d3c; background: #eef8f2;
}
.assignment-modal__header-icon svg[data-v-d99dc032] { width: 26px; height: 26px;
}
.assignment-modal__header h2[data-v-d99dc032] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.assignment-modal__header p[data-v-d99dc032] { margin: 0; color: #53678f; font-size: 14px;
}
.assignment-modal__close[data-v-d99dc032] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.assignment-modal__close[data-v-d99dc032]:hover { background: #f3f6f9;
}
.assignment-modal__close svg[data-v-d99dc032] { width: 23px; height: 23px;
}
.assignment-modal__header svg[data-v-d99dc032], .assignment-section__icon svg[data-v-d99dc032] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.assignment-modal__form[data-v-d99dc032] { display: flex; flex-direction: column; gap: 14px;
}
.assignment-section[data-v-d99dc032] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.assignment-section__heading[data-v-d99dc032] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.assignment-section__icon[data-v-d99dc032] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.assignment-section__icon svg[data-v-d99dc032] { width: 23px; height: 23px;
}
.assignment-section__heading h3[data-v-d99dc032] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.assignment-section__heading p[data-v-d99dc032] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.assignment-section__content[data-v-d99dc032] { padding: 12px 14px 15px;
}
.assignment-section__content[data-v-d99dc032] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.assignment-section__content[data-v-d99dc032] .mws__input--field, .assignment-section__content[data-v-d99dc032] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.assignment-section__content[data-v-d99dc032] .mws__input--field:focus, .assignment-section__content[data-v-d99dc032] .mws__select--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, .1);
}
.assignment-modal__footer[data-v-d99dc032] { padding: 2px 2px 0;
}
@media (max-width: 767px) {
.assignment-modal__body[data-v-d99dc032] { padding: 0 14px 14px;
}
.assignment-section__heading[data-v-d99dc032] { align-items: flex-start; padding: 10px;
}
}

.route-modal__content[data-v-a1c807a8] { border: 0; border-radius: 14px; overflow: hidden;
}.route-modal__body[data-v-a1c807a8] { padding: 0 22px 22px; background: #f7fafc;
}.route-modal__header[data-v-a1c807a8] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.route-modal__header-icon[data-v-a1c807a8], .route-section__icon[data-v-a1c807a8] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.route-modal__header-icon[data-v-a1c807a8] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; color: #246b9f; background: #eaf4ff;
}.route-modal__header-icon svg[data-v-a1c807a8] { width: 26px; height: 26px;
}.route-modal__header h2[data-v-a1c807a8] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}.route-modal__header p[data-v-a1c807a8] { margin: 0; color: #53678f; font-size: 14px;
}.route-modal__close[data-v-a1c807a8] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.route-modal__close[data-v-a1c807a8]:hover { background: #f3f6f9;
}.route-modal__header svg[data-v-a1c807a8], .route-modal__close svg[data-v-a1c807a8], .route-section__icon svg[data-v-a1c807a8] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.route-modal__form[data-v-a1c807a8] { display: flex; flex-direction: column; gap: 14px;
}.route-section[data-v-a1c807a8] { border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.route-section__heading[data-v-a1c807a8] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}.route-section__icon[data-v-a1c807a8] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.route-section__icon svg[data-v-a1c807a8] { width: 23px; height: 23px;
}.route-section__heading h3[data-v-a1c807a8] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.route-section__heading p[data-v-a1c807a8] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.route-section__content[data-v-a1c807a8] { padding: 12px 14px 15px;
}.route-section__content[data-v-a1c807a8] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}.route-section__content[data-v-a1c807a8] .mws__input--field, .route-section__content[data-v-a1c807a8] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}.route-modal__footer[data-v-a1c807a8] { padding: 2px 2px 0;
}@media (max-width: 767px) {
.route-modal__body[data-v-a1c807a8] { padding: 0 14px 14px;
}
}

[data-v-1b33819b] .booking-table td {
  max-width: none;
}
.remove-pod-image-btn[data-v-1b33819b] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 15px;
  height: 15px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #EF4444;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.remove-pod-image-btn[data-v-1b33819b]:hover {
  background: #DC2626;
}
.pod-upload-tile[data-v-1b33819b] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #9CA3AF;
  border-radius: 8px;
  background: #fff;
  color: #374151;
  cursor: pointer;
  transition: 0.15s ease;
}
.pod-upload-tile[data-v-1b33819b]:hover {
  border-color: #3B82F6;
  color: #3B82F6;
  background: #F8FAFC;
}
.pod-upload-tile .upload-icon[data-v-1b33819b] {
  font-size: 26px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pod-image-hint[data-v-1b33819b] {
  margin-top: 8px;
  color: #9CA3AF;
  font-size: 12px;
}
.slide-right-enter-active[data-v-1b33819b],
.slide-right-leave-active[data-v-1b33819b] {
  transition: all 0.3s ease;
}
.slide-right-enter-from[data-v-1b33819b],
.slide-right-leave-to[data-v-1b33819b] {
  transform: translateX(100%);
}
.slide-right-enter-to[data-v-1b33819b],
.slide-right-leave-from[data-v-1b33819b] {
  transform: translateX(0);
}
.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAeCAYAAACWuCNnAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAbvSURBVHic7dtdbBxXFQfw/9nZ3SRKwAP7UFFUQOoHqGnUoEAoNghX9tyxVcpD1X0J+WgiUQmpfUB5ACSgG1qJIKASqBIUIauqAbWseIlqb+bOWHVR6y0FKZBEqdIUQROIREGRx3FFvR/38ODZst3a3nE8Ywfv+T2t7hzdM3fle/bOnWtACCGEEEIIIYQQQgghhBBCCCGEEEIIIcRa0EbfgBDdFItFKwzDAa3175LuWylVAvBIR/MxrXUp6Vxx9dp4VyObVEdKKW591lonXgiVUg6AHzPzk9ls9meVSmUh6RzXkz179uQKhcIgM+8CACI6U6vVnp+enm6knXt4ePiuTCbzWQAwxlSDIHg57ZwroDAMnwKwz3XdBzzPG08hxzsTNprQG2lTjtd13WFmfghAP4A+AJcATFiW9YNKpfL3uP0kUliiX4SG1pqUUpx0wXJd9/PMXAGwPWq6yMyPz8/P/7xarf4nyVwt7QV4JWkU52i8YwBu6bh0wRhzJAiCF5POCQCDg4N2Pp//NYDRjkuTxph9QRCESeYrFov5ubm5R5n5AIAPtV1aYOb7BgYGTpZKJeO67lFmPsbM9/i+/8Ja8y6zylhOYquPXhsvAJRKpczMzMwTAIaJ6LFGo+HNzs5eKRQKNxPRAWb+CoAjWuvn4vS35skWFasxAAdbbUlOYqVUPwAPwI4lLr8J4KeWZT1eqVTmksoZ5d2QghUVKx/AlmVCFph5yPf9l5LMCwBKqUksFqszRHQcAJj5GwB2MfOE7/tfTDKf4zjHiejrAE4CuNhqZ+bf2rY9FYbhGBH92/O8o47j3Oj7/uUk86+3XhsvACilHmPmgW3btn3pxIkTVzuvj4yMfNoY85wxZiQIglPd+lvTZIuq5xiAQwCe6evr218ul5tr6bNd9GiiAbyvS+hFrfVHk8oLbEzBih4Dz+G9K6t3IaLXFhYWdib5eBh911UA8wBu1lq/CQBDQ0M3WJb1OoAdRPQZz/NeSSqnUuofAKpa6/vb26MfwacA7AdwFcCdWuu/JpU3yl1C91VHoquNXhvvyMjIx4wxr1iWtbNSqfxruTjHcR4AcMj3/bu79XnNe1hpFyvHcXYT0QS6FysASHR1tVEKhcIguhQrAGDm23K53BcATCWV27KsAWYGgPOtYgUAU1NT/1RKnQewxxjzOQCJFSwANwI4297QtmLfD+AtZr43m83OJ5iz3bGU+l1OT43XGFNk5mdXKlYAYNv2eBiG31dK3aS1vrRSbOZabqRYLFppFisAIKJxAB+MGf56krk30O64gZlMJnZsHMxsoo8fHxoauqHVHn3+BAAQUaxV57Xq2F54i5nvIaJXm81mYoX5etID491JRH/sFlQul5tEdMoYc3u32FUXrLYvObViBQDM/MQqwi8knX8jEJHpHrXIGJNo8WDm1spph2VZgeu6+5RSX7YsK8D/Xnb8Psmcnebm5h7G4uS9ysxutOH8VQC70sy7UTb7eImImTnWlgkzUyaT6fr3v6qC1fGL8EytVjuQRrECANu2fwHg1TixzPyXNO5hvTHz6VWE/znJ3L7vzxBRa9PzDmb+FYBfArgjajvd39+f9vGGKwACZh5te6mwmc8KburxMvO5TCbzqW5xxWLRArDbsqyu8z32HtZSxSrNM0Hlcrnpum6JmZ+NEb4pHglrtdrz+Xz+AoBbu4Ser9fra37d3YEBfBvAkq+XmfmbpVIp9grwWnie9zSAp9PMcT3Z7OPNZrO/aTQaf1BKfbd9X7RTGIaHmPlcnPNYsVZYSikOw7AB4CAzj/f19e1fjwOMnueVEeMxJJfLbYqCNT093TDGHAGw0qHYBQBH0vj+Pc+bYOb3HFRk5nHf9yeTzgfgMhF9uEvMTQD+71/vR3pqvJOTk28AeBJAeXR09P1LxbiuuxfA9wB8LU6fsVdYrUOhtm0fTusxcAlMRN+KziUt5SqAM3v37r00OZnGfFp/QRC86DjOUCaTGWPm2zoun8fiIbuZtPLX6/UH8/n8rQDuippertfrD6aRKyqOR5VS81ji8Z+IbmfmgwB+mEb+9dZr4wWA/v7+R6rV6k+azeYpx3EezeVyJ7dv335lfn7+lkajcZCZDzPzYd/3/xSnv9gFq3UuaR2LFQDA87xAKVUB8BEAZ6N9nrNEdEZr/TcArLVOPG8aJ9jj8n3/pcHBwZ1btmx5519zmPl0vV5/Ie2V7fT09Nujo6Nus9kcA4CtW7ce1lq/nUYu27a/Mzs7CyI6gMVX/u/CzJeZ+Ue2bcc9pb1aXc8lJZms18YLANE2wkOu694N4OFGo3E8DMMPAHiDiCaY+ZOb4YCsEEIIIYQQQgghhBBCCCGEEEIIIYQQQgghhEjYfwGO+b5dFNs4OgAAAABJRU5ErkJggg==');background-image:linear-gradient(transparent,transparent),url('/assets/spritesheet-DpIxuf5L.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAA8CAYAAAC6nMS5AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAA16SURBVHic7d1/jBxneQfw7zNzvotdn+9sVQkxoRKoammBqqpbk6uT5mLfvHPn42yn1VFRVCEhoFH5IYpoSaUCKi1NcGkcfrbCVRFKEwG2aHLn83pmLvY2CTqT1AmCOBE0EOT4B0nBPw/snb2dp3/sLr6s77i923dud/a+H8ny7tzMo8f3eud99p133gGIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiFYGaXYCRETUPMYYrWe/MAzZX2QQ27d5OpqdABFROxgZGVlz5cqVrzuOc18QBJPNzofsYvvSYrVcgTVftZ2l6npgYODXHMc5oKoHHcfZHQTB2WbnRETpGRkZWVMoFA6IyO2qutX3/R1Z64TnO8fWOwLSzti+mSKDg4M3l0qlnSJyG4CbAFwP4ByAlwE8paoPX3fddcH4+PjP00yk5QqsrDPGvAZAHsBrReRNqvpeY8x/iMg9QRCcaXJ6ZIHv+xtUdReAHQBej/IHGABOAnhORMY6OjoempiYONe0JC3zPM84jjOqqrfi6r/3RQCPAdgXhmHUvOyaa3R01L1w4cJBALdVNq1W1THP87woir7ZzNyocWzf7PA8b4uI7E6S5A9Frqknb6j8eZOIvKNQKPzU9/1/dhznvlwuV0gjn5YbFapW09Vqu/Z9K9u2bdsNruvmUe50axUAfMV13X/I5XInlzcze2x/28lCu1b19fWt7u7u/hCAvwGwboHdL6jq7unp6T1TU1OXlyG9VAwODv5mkiR7Ady6wK6Plkqldz/yyCPfX468bBkaGuqamZm5E8DbReQNANYscMiLIrI1CILnZ280xrwHwL+hck4VkacBDLTS6HVaIxWt/Blm+zauldu3atOmTas2bNjwWRG5s7LplKp+VUQOuq77/bVr17589uzZ9SKy0XGcAVUdFZE/qOx7zHXdXWn0yy31i6sMw/4MyF6BZYy5XlWPiMhvL7BrrKpfcxznE7Uf4ixYqQWW53kbATw060NZr28nSbJzcnLyRBp5pcnzvNtE5CEAvXUecg7ArjAMH00xLWuGhoZuKpVKEwB+p85DXnRd9/ZcLvcDAOjv778un88XAChwtRMWkW+jxTpfYOV1wGxfO1q1fav6+vpWr1u3blxVtwH4uar+/fT09OcW+mJrjBkBcC+AXwdwBoAJw/AZm7m1zC+uUlyNA9g6189buZH7+/t/tbOz8wiANy7isKKqftV13U8eOnToe2nlZttKLLAqJ+qjAF69xBAnZ2Zmbj58+PApm3mlqTJydRTXFldHAUxVXvcBuLnm5+dU9c1RFP1v2jk2YmhoqKtUKj2B+jvfE0mS3D45OflD4OqcHADPh2H4F6h0wp7nva1YLOby+fz5dDKnerB9Vwzxff8BVX0bgFMAdoZheKzeg4eHh9cXi8WvAfAAvOC67ptzudz/WUvOVqBGVO7OmBCR/vn2adWOuL+/v7ezs3MSwKYlhkgAHBSRjwdB8JTF1FKx0gqsymXBxwH8XoOh/ieO41vz+fwVG3mlzRjzKF55WfA8gD8LwzA3ez/P87aLyIMAeqrbVDUfRdHty5Pp0hhjPgDgM9X3qnq/iNwPYM5RCdd1T1RPvLM63+q/ce/sTpiaj+27Mvi+f6eq/iuAi67r9uVyuWcXG6NSjB8B0KeqE1EUvcVWfk3v3OYZuXosjuPt+Xx+ull51WNgYKBHRKIlXDaaS6Kq+6Mo+lMLsVKz0gosz/M+KiKfsBTub8MwvMdSrNQYYzwAYc3m7bXFVZXv+8OqemD2NlUdiKLokbRybJQx5lsANlfefi4Mww/UedyvADgI4I9mbxeRDwdB8C92s0yHrc9wK3922b6Na+X2BYD+/v61nZ2dz6M8cX00DMP9S421ffv2V83MzDwHoNfmucuxEWSpslxcjYyMrHEcZ8xScQUAjoj8vqVYZIHv+xtE5MMWQ941PDy83mK8VIjIW2s2HZ2vuAKAIAgmADyxQIxWM3uu5J56DhgZGVkDYBw1nS+ApwB82VJeZAfbt82tWrXqPSgXV481UlwBwMGDB3+sqncDgIh81EZ+QBMLrKwXV5Uh5NoPYqMyN+m9nanqHVj4bsHF6InjeKfFeKmoLMUw+/2Ct6KLyOM1m2x/NmxbW30RhuGPFtp5jstGVU+JiNdqE57rEYahzB6lWOz7Fsf2be/2hYj8SeXlvTbiFYvFLwK4DOAWY8z1NmI2pcDKcnE1OjraWSgU9uPaD2LDRKSlJwavQCO2A4rIDtsxU7BxsQeoau2Jeak3BDTDL72kUm/n63neaFoJUkPYvm3G9/0NKN9gc7mrq6t2OsOSVGqPSQCuiAzaiLnsBVaWiysAuHDhwn4AQ2nEVtUfpBGXluwNKcRcaBmPVpDMfiMiW+o4pnafZM69MmYxnW9lsj9lCNs3m1T1tSjXL89aXo39WCX+62wEW9YCK+vFVcXLKcbmJcLW8qoUYmZhZOfFmvc3e563fb6djTFvwdUJxfPFyJx6O1/f999a6Xz5ZIwMYftm2o2Vv60+HUVETldeLnoUfy7LVmC1SXEFVf0YgFSeX5QkCQus9tfyIzsicnSObQ/6vj9cu71SXP1nPTGyplAo5FDT+arqk3Ecb5s9J0dV2flmENs3u0REgTmnJjRkVjwrd2Iuy3+adimuACCKotPGmC8A+GvLoZOZmZkXLMekBojIaVX9DcthTy+8S3MlSTIuIu+q2dyjqgeMMU8A+CYAUdUtAOa8izZJkvG081wG19xN5jjO4ByLTLrLlRBZxfbNrjMAICI3LrTjIlVHrqyMjKU+gtVOxVVVHMf/hHkWrGvAiawsQrlSqOqiF61rRkzbOjo6AsxfCG4G8FcAPvhLlih5qVgsWpl42kIyezcZ1YXtmy0/QvlqwG9V1i6zZRMAiIiV+dCpFljtWFwBQOUbzqcth+XlwdZjfRRGRMZsx7St8mT5zzcQ4r52+LKgqp9S1U8B+GTtZSPKPrZvdlXaagrAalU1NmJWCrVtAEqO4xyyETO1S4TtWlxVXbp06b7u7u6/BHCTjXiqygKrxYjIQ6p6L2Y9BqZB51etWtXyBRYAuK77hVKp9H5cnUxarzOu634xjZyWWxRFdzU7B0oP2zfbVPUbIrLFcZwPAfivRuOJyPtUdbWq5m09jzCVEax2L64AYGpq6rKq/qOteI7jsMBqMUEQnFXV3bbiqerdExMT52zFS1Mul7soIovugETkI7lc7mIaORERVRWLxS8BeElVb/F9v6EnR/i+f6Oq3gUAjuPYejSavQLLGKPVP4VC4Wd4ZXF1pKura7Bdiquq3t7efwfwnKVwLLBa0PT09B5U1kZp0BPFYvGzFuIsmyAI7kf5uWz1OhgEwTV3FLaoX5yLKosWLknNsZcayohsYvu2uUo98TEAUNW9vu8vad3CoaGhLlX9BoBeAONBEByxleNyLNPwWBzHOywvBtYS9u3bV1LVj1sKxwKrBU1NTV12XXcXgFMNhDmpqndkcF6SisifAzhRx76n4jh+Byzd3rwMjldfqOqSV+xPkmT2yvzH592RlhvbdwUIw3AvgAcArFPVcHBwcFHPBvZ9f0OpVDqA8qrwL8Rx/E6b+VkvsGqfZ9ROlwXnEkXRfgDfajCMXrx48Yc28iH7crncSVXdrKpPLvZYEXk6SZItURS1/PIMcwmC4KzjOCMAam9dn+0SgJ35fP4ny5SWDQ/Mer3HGLPoTtgYMyIiv3gOmqpmZfRuJWD7rgwax/G7UH7EzcYkSf7bGHNXX1/f6oUO9H1/Z+WcPoDysgw7bJ/DUl8Hq52LqwoVkb9T1WiRx8UoX158RlWfnJqaupxCbmRJFEWn+/r6buvu7v4ggI9g4Ynv50XknkKh8JkMjly9wqFDh77j+/6oqo4BqD1xXRaRPw6CwMZl1GXjuu6XSqXSOwH8LoD1AMaMMecA1PtF53WV4wCUC+menp699jOlpWD7rhz5fP5Kf3//UFdX132q+l4Ad3d3d7/fGPN1EZlQ1e/19PS8dPbs2fWu694kIgOqOqqqm4Dy4rKlUumOw4cPN3KVYk7WVkE1xsx5aSBLT+duhDEmQrkSnssZlIeXnxWRY6p6PI7j41nveFeq4eHh9XEc7xSRnQBej6t3kp5EuWh+OI7jh+dYsDDTfN/frKrjAKpPmv9pkiS7JicnH29mXku1devWV3d0dBxAuRNeMhF5ulgsjqRxgk7DfOfqxWr1czvbtzGt3r5zGRwc7FPV3ap6y0L7ishPAHx63bp1e/bt2xenkQ8LLEuMMZtE5JCqfhfAMwCeSZLkO2vWrDk+NjbGyZHUFjzP2yginwcAVX1fVi99Vo2OjnaeP3/+3SLydgBvBNBd56GXAHxXVR/s7e3dm9YJOg0rqQNm+y5dFtp3HmKM2QxgF8qr9b8GwA0AzgH4MYBjIjJ28eLFkFeOiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIhWgv8Hnffz4dmwY9cAAAAASUVORK5CYII=');background-image:linear-gradient(transparent,transparent),url('/assets/spritesheet-DpIxuf5L.svg')}
.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}
.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}
.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}
.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}
.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}
.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.switch input[data-v-1c1a41b8] { display:none
}
.switch .slider[data-v-1c1a41b8] { width: 44px; height: 22px; background: #ccc; display:inline-block; border-radius: 22px; position: relative; transition: .2s
}
.switch .slider[data-v-1c1a41b8]:before { content: ''; position: absolute; left: 3px; top: 2px; width: 16px; height: 16px; background: #fff; border-radius: 50%; transition: .2s
}
.switch input:checked + .slider[data-v-1c1a41b8] { background: #2b8cff
}
.switch input:checked + .slider[data-v-1c1a41b8]:before { transform: translateX(22px)
}
.switch input:disabled:checked + .slider[data-v-1c1a41b8] { background: #2b8cff
}
.switch input:disabled:checked + .slider[data-v-1c1a41b8]:before { transform: translateX(22px)
}
.switch input:disabled + .slider[data-v-1c1a41b8] { opacity: 0.7; cursor: not-allowed
}
.tooltip-settings-dropdown .dropdown-menu[data-v-1c1a41b8] {
    padding: 0;
    border-radius: 8px;
    max-height: none;
    overflow: visible;
    z-index: 2000;
}
.dropdown-caret[data-v-1c1a41b8] {
    font-size: 16px;
    opacity: 1;
    font-weight: bold;
}
[data-v-1c1a41b8] .btn-group{
    background-color: white;
    border-radius: 10px;
}
[data-v-1c1a41b8] .button__secondary:hover,[data-v-1c1a41b8] .button__secondary:focus {
    border-color: currentColor;
    border-width: 1px;
}
[data-v-1c1a41b8] .leaflet-control-layers-overlays label {
    display: block;
    margin: 0 0 4px 0;
}
[data-v-1c1a41b8] .leaflet-control-layers-overlays label:last-child {
    margin-bottom: 0;
}

/* outer span holds: checkbox + label span */
[data-v-1c1a41b8] .leaflet-control-layers-overlays label > span {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    line-height: 1;
}

/* checkbox: remove any offset from global/bootstrap styles */
[data-v-1c1a41b8] .leaflet-control-layers-selector {
    margin: 0 !important;
    padding: 0;
    position: static !important;
    top: auto !important;
    vertical-align: middle;
    flex: 0 0 auto;
}

/* inner span that wraps your label markup */
[data-v-1c1a41b8] .leaflet-control-layers-overlays label > span > span {
    display: flex;
    align-items: center;
}
[data-v-1c1a41b8] .layer-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1.2;
}

/* SVG pin: inline SVGs sit on the text baseline by default, which shifts them up */
[data-v-1c1a41b8] .layer-label svg {
    display: block;
    flex: 0 0 auto;
}

.route-modal__content[data-v-ebf1d87e] { border: 0; border-radius: 14px; overflow: hidden;
}.route-modal__body[data-v-ebf1d87e] { padding: 0 22px 22px; background: #f7fafc;
}.route-modal__header[data-v-ebf1d87e] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.route-modal__header-icon[data-v-ebf1d87e], .route-section__icon[data-v-ebf1d87e] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.route-modal__header-icon[data-v-ebf1d87e] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; color: #246b9f; background: #eaf4ff;
}.route-modal__header-icon svg[data-v-ebf1d87e] { width: 26px; height: 26px;
}.route-modal__header h2[data-v-ebf1d87e] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}.route-modal__header p[data-v-ebf1d87e] { margin: 0; color: #53678f; font-size: 14px;
}.route-modal__close[data-v-ebf1d87e] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.route-modal__close[data-v-ebf1d87e]:hover { background: #f3f6f9;
}.route-modal__header svg[data-v-ebf1d87e], .route-modal__close svg[data-v-ebf1d87e], .route-section__icon svg[data-v-ebf1d87e] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.route-section[data-v-ebf1d87e] { margin-bottom: 14px; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.route-section--full-height[data-v-ebf1d87e] { height: calc(100% - 14px);
}.route-section__heading[data-v-ebf1d87e] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}.route-section__icon[data-v-ebf1d87e] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.route-section__icon svg[data-v-ebf1d87e] { width: 23px; height: 23px;
}.route-section__heading h3[data-v-ebf1d87e] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.route-section__heading p[data-v-ebf1d87e] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.route-section__content[data-v-ebf1d87e] { padding: 12px 14px 15px;
}.route-section__content[data-v-ebf1d87e] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}.route-section__content[data-v-ebf1d87e] .mws__input--field, .route-section__content[data-v-ebf1d87e] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}.product-list[data-v-ebf1d87e] { overflow: auto; max-height: 330px; border: 1px solid #dce7f0; border-radius: 8px; background: #fbfdff;
}.product-list > div[data-v-ebf1d87e] { border-color: #e5edf4 !important;
}.route-modal__footer[data-v-ebf1d87e] { padding: 2px 2px 0;
}@media (max-width: 767px) {
.route-modal__body[data-v-ebf1d87e] { padding: 0 14px 14px;
}
}

.depot-modal__content[data-v-cf1af3f1] { border: 0; border-radius: 14px; overflow: hidden;
}
.depot-modal__body[data-v-cf1af3f1] { padding: 0 22px 22px; background: #f7fafc;
}
.depot-modal__header[data-v-cf1af3f1] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.depot-modal__header-icon[data-v-cf1af3f1], .depot-section__icon[data-v-cf1af3f1] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.depot-modal__header-icon[data-v-cf1af3f1] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}
.depot-modal__header-icon svg[data-v-cf1af3f1] { width: 28px; height: 28px;
}
.depot-modal__header h2[data-v-cf1af3f1] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.depot-modal__header p[data-v-cf1af3f1] { margin: 0; color: #53678f; font-size: 14px;
}
.depot-modal__close[data-v-cf1af3f1] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.depot-modal__close[data-v-cf1af3f1]:hover { background: #f3f6f9;
}
.depot-modal__close svg[data-v-cf1af3f1], .depot-modal__header svg[data-v-cf1af3f1], .depot-section__icon svg[data-v-cf1af3f1] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.depot-modal__close svg[data-v-cf1af3f1] { width: 23px; height: 23px;
}
.depot-modal__form[data-v-cf1af3f1] { display: flex; flex-direction: column; gap: 14px;
}
.depot-section[data-v-cf1af3f1] { overflow: hidden; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.depot-section__heading[data-v-cf1af3f1] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.depot-section__icon[data-v-cf1af3f1] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.depot-section__icon svg[data-v-cf1af3f1] { width: 23px; height: 23px;
}
.depot-section__heading h3[data-v-cf1af3f1] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}
.depot-section__heading p[data-v-cf1af3f1] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}
.depot-section__content[data-v-cf1af3f1] { padding: 12px 14px 15px; margin: 0;
}
.depot-section__content[data-v-cf1af3f1] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.depot-section__content[data-v-cf1af3f1] .mws__input--field, .depot-section__content[data-v-cf1af3f1] .form-control { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.depot-section__content[data-v-cf1af3f1] .mws__input--field:focus, .depot-section__content[data-v-cf1af3f1] .form-control:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, .1);
}
.map-container[data-v-cf1af3f1] { height: 310px; border: 1px solid #c7d5e5; border-radius: 8px; overflow: hidden;
}
.depot-modal__footer[data-v-cf1af3f1] { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px;
}
@media (max-width: 767px) {
.depot-modal__body[data-v-cf1af3f1] { padding: 0 14px 14px;
}
.depot-section__heading[data-v-cf1af3f1] { align-items: flex-start; padding: 10px;
}
.depot-modal__header h2[data-v-cf1af3f1] { font-size: 21px;
}
.map-container[data-v-cf1af3f1] { height: 240px;
}
}
.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_not_clearable{padding-inline-end:var(--dp-input-not-clearable-padding) !important}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile]{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile]{flex-direction:column-reverse}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile]{flex-direction:column}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transition: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-input-not-clearable-padding: 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}/*# sourceMappingURL=main.css.map */

.route-modal__content[data-v-c099a52f] { border: 0; border-radius: 14px; overflow: hidden;
}
.route-modal__body[data-v-c099a52f] { padding: 0 22px 22px; background: #f7fafc;
}
.route-modal__header[data-v-c099a52f] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.route-modal__header-icon[data-v-c099a52f], .route-section__icon[data-v-c099a52f] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.route-modal__header-icon[data-v-c099a52f] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}
.route-modal__header-icon svg[data-v-c099a52f] { width: 28px; height: 28px;
}
.route-modal__header h2[data-v-c099a52f] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.route-modal__header p[data-v-c099a52f] { margin: 0; color: #53678f; font-size: 14px;
}
.route-modal__close[data-v-c099a52f] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.route-modal__close[data-v-c099a52f]:hover { background: #f3f6f9;
}
.route-modal__close svg[data-v-c099a52f], .route-modal__header svg[data-v-c099a52f], .route-section__icon svg[data-v-c099a52f] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.route-modal__close svg[data-v-c099a52f] { width: 23px; height: 23px;
}
.route-modal__form[data-v-c099a52f] { display: flex; flex-direction: column; gap: 14px;
}
.route-section[data-v-c099a52f] { border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.route-section__heading[data-v-c099a52f] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.route-section__icon[data-v-c099a52f] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.route-section__icon svg[data-v-c099a52f] { width: 23px; height: 23px;
}
.route-section__heading h3[data-v-c099a52f] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}
.route-section__heading p[data-v-c099a52f] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}
.route-section__content[data-v-c099a52f] { padding: 12px 14px 15px; margin: 0;
}
.route-section__content--continued[data-v-c099a52f] { padding-top: 0;
}
.route-section__content[data-v-c099a52f] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.route-section__content[data-v-c099a52f] .mws__input--field, .route-section__content[data-v-c099a52f] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.route-section__content[data-v-c099a52f] .mws__input--field:focus, .route-section__content[data-v-c099a52f] .mws__select--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, .1);
}
.route-modal__footer[data-v-c099a52f] { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px;
}
@media (max-width: 767px) {
.route-modal__body[data-v-c099a52f] { padding: 0 14px 14px;
}
.route-section__heading[data-v-c099a52f] { align-items: flex-start; padding: 10px;
}
.route-modal__header h2[data-v-c099a52f] { font-size: 21px;
}
}

/* Slight upward nudge for the calendar icon to align with text */
.calendar-icon[data-v-074b9797] {
  position: relative;
  top: -1px;
}
.route-select-checkbox[data-v-074b9797] {
  cursor: pointer;
}
[data-v-074b9797] .route-select-column {
  width: 48px;
  min-width: 48px;
  text-align: center;
  vertical-align: middle;
}

.bg-image[data-v-7069d5ba] {
  background-image: url('/assets/images/message-bg.png');
  background-repeat: repeat;
  background-position: center;
}
.phone-tags-input[data-v-7069d5ba] {
  min-height: 48px;
  border: 1px solid #ced4da;
  border-radius: 10px;
  padding: 6px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  background: white;
}
.phone-tags-input.invalid[data-v-7069d5ba] {
  border-color: #dc3545;
}
.phone-chip[data-v-7069d5ba] {
  background: #6c757d;
  color: white;
  border-radius: 16px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.chip-remove[data-v-7069d5ba] {
  background: transparent;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}
.chip-input[data-v-7069d5ba] {
  border: none;
  outline: none;
  flex: 1;
  min-width: 180px;
  padding: 6px;
}
.composer-textarea-wrapper[data-v-7069d5ba] {
  position: relative;
}
.composer-textarea[data-v-7069d5ba]:disabled {
  pointer-events: none;
}
.new-convo-modal[data-v-7069d5ba] { border: 0; border-radius: 14px; overflow: hidden;
}.new-convo-body[data-v-7069d5ba] { padding: 0 22px 22px; background: #f7fafc;
}.new-convo-modal__header[data-v-7069d5ba] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.new-convo-modal__header-icon[data-v-7069d5ba],.new-convo-section__icon[data-v-7069d5ba] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.new-convo-modal__header-icon[data-v-7069d5ba] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}.new-convo-modal__header-icon svg[data-v-7069d5ba] { width: 28px; height: 28px;
}.new-convo-modal__header h2[data-v-7069d5ba] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700;
}.new-convo-modal__header p[data-v-7069d5ba] { margin: 0; color: #53678f; font-size: 14px;
}.new-convo-modal__close[data-v-7069d5ba] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.new-convo-modal__close svg[data-v-7069d5ba],.new-convo-modal__header svg[data-v-7069d5ba],.new-convo-section__icon svg[data-v-7069d5ba] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.new-convo-section[data-v-7069d5ba] { border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.new-convo-section__heading[data-v-7069d5ba] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; background: linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%);
}.new-convo-section__icon[data-v-7069d5ba] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.new-convo-section__icon svg[data-v-7069d5ba] { width: 23px; height: 23px;
}.new-convo-section__heading h3[data-v-7069d5ba] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.new-convo-section__heading p[data-v-7069d5ba] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.new-convo-section__content[data-v-7069d5ba] { padding: 14px;
}.new-convo-section__content[data-v-7069d5ba] .form__input__label { color: #263653; font-size: 14px; font-weight: 600;
}

.bg-image[data-v-5b6d3f6e] {
  background-image: url('/assets/images/message-bg.png');
  background-repeat: repeat;
  background-position: center;
}
.phone-tags-input[data-v-5b6d3f6e] {
  min-height: 48px;
  border: 1px solid #ced4da;
  border-radius: 10px;
  padding: 6px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  background: white;
}
.phone-tags-input.invalid[data-v-5b6d3f6e] {
  border-color: #dc3545;
}
.phone-chip[data-v-5b6d3f6e] {
  background: #6c757d;
  color: white;
  border-radius: 16px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.chip-remove[data-v-5b6d3f6e] {
  background: transparent;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
}
.chip-input[data-v-5b6d3f6e] {
  border: none;
  outline: none;
  flex: 1;
  min-width: 180px;
  padding: 6px;
}
.feedback-card[data-v-5b6d3f6e] {
  width: 520px;
  max-width: 100%;
  background: #fff;
  border-radius: 50px;
  padding: 28px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
}
.feedback-header h4[data-v-5b6d3f6e] {
  font-weight: 700;
}
.feedback-icon[data-v-5b6d3f6e] {
  width: 72px;
  height: 72px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #eaf8ef;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feedback-icon i[data-v-5b6d3f6e] {
  color: #27ae60;
  font-size: 34px;
}
.rating-stars[data-v-5b6d3f6e] {
  margin-top: 18px;
}
.rating-stars i[data-v-5b6d3f6e] {
  font-size: 34px;
  color: #cfcfcf;
  cursor: pointer;
  margin: 0 6px;
  transition: .2s;
}
.rating-stars i.active[data-v-5b6d3f6e] {
  color: #FFC107;
}
.rating-stars i[data-v-5b6d3f6e]:hover {
  transform: scale(1.1);
}
.rating-text[data-v-5b6d3f6e] {
  margin-top: 12px;
  color: #28a745;
  font-weight: 600;
}
.stars-feedback[data-v-5b6d3f6e] {
  border-radius: 30px;
  background: #F7F7FA;
  padding: 20px;
}

[data-v-74dbbce9] tbody tr {
  cursor: default !important;
}

.slide-right-enter-active[data-v-24bad15e],
.slide-right-leave-active[data-v-24bad15e] {
    transition: all 0.3s ease;
}
.slide-right-enter-from[data-v-24bad15e],
.slide-right-leave-to[data-v-24bad15e] {
    transform: translateX(100%);
    opacity: 0;
}
.slide-right-enter-to[data-v-24bad15e],
.slide-right-leave-from[data-v-24bad15e] {
    transform: translateX(0);
    opacity: 1;
}
[data-v-24bad15e] .vue-treeselect__control{
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    max-height: 104px !important;
    overflow: hidden !important;
}
[data-v-24bad15e] .vue-treeselect__multi-value {
    max-height: 84px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
[data-v-24bad15e] .vue-treeselect__multi-value-item{
  background-color: var(--color-blue-primary);
  color: var(--color-white);
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 500;
  padding: 4px 8px;
  font-size: 16px;
  border-radius: 8px;
  margin: 2px 0px 2px 4px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
}
[data-v-24bad15e] .vue-treeselect__value-remove{
    color: white;
}
[data-v-24bad15e] .vue-treeselect__value-remove:hover{
    color: white;
}
[data-v-24bad15e] .vue-treeselect__label{
    font-size: large;
}
[data-v-24bad15e] .vue-treeselect__checkbox{
    width: 20px;
    height: 20px;
}
[data-v-24bad15e] .vue-treeselect__minus-mark{
    left: 5px;
    top: 5px;
    height: 15px;
    width: 15px;
}

.assignment-modal__content[data-v-ef3ec640] { border: 0; border-radius: 14px; overflow: hidden;
}
.assignment-modal__body[data-v-ef3ec640] { padding: 0 22px 22px; background: #f7fafc;
}
.assignment-modal__header[data-v-ef3ec640] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.assignment-modal__header-icon[data-v-ef3ec640], .assignment-section__icon[data-v-ef3ec640] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.assignment-modal__header-icon[data-v-ef3ec640] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px;
}
.assignment-modal__header-icon--jockey[data-v-ef3ec640] { color: #7a4aa8; background: #f4edfb;
}
.assignment-modal__header-icon svg[data-v-ef3ec640] { width: 26px; height: 26px;
}
.assignment-modal__header h2[data-v-ef3ec640] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.assignment-modal__header p[data-v-ef3ec640] { margin: 0; color: #53678f; font-size: 14px;
}
.assignment-modal__close[data-v-ef3ec640] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.assignment-modal__close[data-v-ef3ec640]:hover { background: #f3f6f9;
}
.assignment-modal__close svg[data-v-ef3ec640], .assignment-modal__header svg[data-v-ef3ec640], .assignment-section__icon svg[data-v-ef3ec640], .assignment-add-button svg[data-v-ef3ec640], .assignment-jockey-card__delete svg[data-v-ef3ec640] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.assignment-modal__form[data-v-ef3ec640] { display: flex; flex-direction: column; gap: 14px;
}
.assignment-section[data-v-ef3ec640] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.assignment-section__heading[data-v-ef3ec640] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.assignment-section__icon[data-v-ef3ec640] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.assignment-section__icon svg[data-v-ef3ec640] { width: 23px; height: 23px;
}
.assignment-section__heading h3[data-v-ef3ec640] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.assignment-section__heading p[data-v-ef3ec640] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.assignment-section__content[data-v-ef3ec640] { padding: 12px 14px 15px;
}
.assignment-section__content[data-v-ef3ec640] .input__label__form, .assignment-jockey-card__content[data-v-ef3ec640] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.assignment-section__content[data-v-ef3ec640] .mws__input--field, .assignment-section__content[data-v-ef3ec640] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.assignment-section__content[data-v-ef3ec640] .mws__input--field:focus, .assignment-section__content[data-v-ef3ec640] .mws__select--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, .1);
}
.assignment-add-button[data-v-ef3ec640] { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 14px; padding: 9px 13px; border: 1px solid #bcd7f5; border-radius: 8px; background: #f5faff; color: #215e9b; font-size: 14px; font-weight: 700;
}
.assignment-add-button[data-v-ef3ec640]:hover { background: #eaf4ff;
}
.assignment-add-button svg[data-v-ef3ec640] { width: 18px; height: 18px;
}
.jockey__container[data-v-ef3ec640] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.assignment-jockey-card[data-v-ef3ec640] { overflow: hidden; border: 1px solid #dce7f0; border-radius: 9px; background: #fbfdff;
}
.assignment-jockey-card__heading[data-v-ef3ec640] { display: flex; align-items: center; min-height: 51px; padding: 7px 11px; background: #f2f7fb; border-bottom: 1px solid #dce7f0;
}
.assignment-jockey-card__number[data-v-ef3ec640] { display: grid; width: 29px; height: 29px; margin-right: 10px; place-items: center; border-radius: 50%; background: #e2ebf2; color: #102f5d; font-size: 13px; font-weight: 700;
}
.assignment-jockey-card__heading h4[data-v-ef3ec640] { margin: 0; color: #0a1d42; font-size: 15px; font-weight: 700;
}
.assignment-jockey-card__heading p[data-v-ef3ec640] { margin: 1px 0 0; color: #53617e; font-size: 12px;
}
.assignment-jockey-card__delete[data-v-ef3ec640] { display: grid; width: 34px; height: 34px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 7px; background: transparent; color: #c24747;
}
.assignment-jockey-card__delete[data-v-ef3ec640]:hover { background: #fff1f1;
}
.assignment-jockey-card__delete svg[data-v-ef3ec640] { width: 18px; height: 18px;
}
.assignment-jockey-card__content[data-v-ef3ec640] { padding: 14px;
}
@media (max-width: 767px) {
.assignment-modal__body[data-v-ef3ec640] { padding: 0 14px 14px;
}
.assignment-section__heading[data-v-ef3ec640] { align-items: flex-start; padding: 10px;
}
}

.assignment-modal__content[data-v-f9865808] { border: 0; border-radius: 14px; overflow: hidden;
}.assignment-modal__body[data-v-f9865808] { padding: 0 22px 22px; background: #f7fafc;
}.assignment-modal__header[data-v-f9865808] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.assignment-modal__header-icon[data-v-f9865808], .assignment-section__icon[data-v-f9865808] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.assignment-modal__header-icon[data-v-f9865808] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px;
}.assignment-modal__header-icon--sms[data-v-f9865808] { color: #2e6caa; background: #eaf4ff;
}.assignment-modal__header-icon svg[data-v-f9865808] { width: 26px; height: 26px;
}.assignment-modal__header h2[data-v-f9865808] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}.assignment-modal__header p[data-v-f9865808] { margin: 0; color: #53678f; font-size: 14px;
}.assignment-modal__close[data-v-f9865808] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.assignment-modal__close[data-v-f9865808]:hover { background: #f3f6f9;
}.assignment-modal__header svg[data-v-f9865808], .assignment-modal__close svg[data-v-f9865808], .assignment-section__icon svg[data-v-f9865808] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.assignment-section[data-v-f9865808] { overflow: hidden; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.assignment-section__heading[data-v-f9865808] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}.assignment-section__icon[data-v-f9865808] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.assignment-section__icon svg[data-v-f9865808] { width: 23px; height: 23px;
}.assignment-section__heading h3[data-v-f9865808] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.assignment-section__heading p[data-v-f9865808] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.assignment-section__content[data-v-f9865808] { padding: 14px;
}.assignment-modal__footer[data-v-f9865808] { padding: 16px 2px 0;
}.modal__message[data-v-f9865808] { padding: 16px; border: 1px solid #dce7f0; border-radius: 8px; background: #f8fbfd; color: #263653; line-height: 1.5;
}.modal__message p[data-v-f9865808]:last-child { margin-bottom: 0;
}@media (max-width: 767px) {
.assignment-modal__body[data-v-f9865808] { padding: 0 14px 14px;
}
}

.assignment-modal__content[data-v-b08f3768] { border: 0; border-radius: 14px; overflow: hidden;
}.assignment-modal__body[data-v-b08f3768] { padding: 0 22px 22px; background: #f7fafc;
}.assignment-modal__header[data-v-b08f3768] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.assignment-modal__header-icon[data-v-b08f3768], .assignment-section__icon[data-v-b08f3768] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.assignment-modal__header-icon[data-v-b08f3768] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px;
}.assignment-modal__header-icon--date[data-v-b08f3768] { color: #b7771d; background: #fff5e3;
}.assignment-modal__header-icon svg[data-v-b08f3768] { width: 26px; height: 26px;
}.assignment-modal__header h2[data-v-b08f3768] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}.assignment-modal__header p[data-v-b08f3768] { margin: 0; color: #53678f; font-size: 14px;
}.assignment-modal__close[data-v-b08f3768] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.assignment-modal__close[data-v-b08f3768]:hover { background: #f3f6f9;
}.assignment-modal__header svg[data-v-b08f3768], .assignment-modal__close svg[data-v-b08f3768], .assignment-section__icon svg[data-v-b08f3768] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.assignment-section[data-v-b08f3768] { border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.assignment-section__heading[data-v-b08f3768] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}.assignment-section__icon[data-v-b08f3768] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.assignment-section__icon svg[data-v-b08f3768] { width: 23px; height: 23px;
}.assignment-section__heading h3[data-v-b08f3768] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.assignment-section__heading p[data-v-b08f3768] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.assignment-section__content[data-v-b08f3768] { padding: 14px;
}.assignment-section__content[data-v-b08f3768] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}.assignment-section__content[data-v-b08f3768] .mws__input--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}.assignment-modal__footer[data-v-b08f3768] { padding: 16px 2px 0;
}@media (max-width: 767px) {
.assignment-modal__body[data-v-b08f3768] { padding: 0 14px 14px;
}
}

.booking-modal__content[data-v-2d54ced3]{border:0;border-radius:14px;overflow:hidden}.booking-modal__body[data-v-2d54ced3]{padding:0 22px 22px;background:#f7fafc}.booking-modal__header[data-v-2d54ced3]{display:flex;align-items:center;width:100%;padding:6px 6px 12px}.booking-modal__header-icon[data-v-2d54ced3],.booking-section__icon[data-v-2d54ced3]{display:grid;place-items:center;border-radius:50%;color:#102f5d;background:#e2ebf2}.booking-modal__header-icon[data-v-2d54ced3]{flex:0 0 58px;width:58px;height:58px;margin-right:15px}.booking-modal__header-icon--truck[data-v-2d54ced3]{color:#246b9f;background:#eaf4ff}.booking-modal__header-icon svg[data-v-2d54ced3]{width:26px;height:26px}.booking-modal__header h2[data-v-2d54ced3]{margin:0 0 3px;color:#0a1939;font-size:25px;font-weight:700;line-height:1.15}.booking-modal__header p[data-v-2d54ced3]{margin:0;color:#53678f;font-size:14px}.booking-modal__close[data-v-2d54ced3]{display:grid;width:38px;height:38px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#263651}.booking-modal__close[data-v-2d54ced3]:hover{background:#f3f6f9}.booking-modal__header svg[data-v-2d54ced3],.booking-modal__close svg[data-v-2d54ced3],.booking-section__icon svg[data-v-2d54ced3]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.booking-modal__form[data-v-2d54ced3]{display:flex;flex-direction:column;gap:14px}.booking-section[data-v-2d54ced3]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.booking-section__heading[data-v-2d54ced3]{display:flex;align-items:center;min-height:61px;padding:6px 12px;border-radius:8px 8px 0 0;background:linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%)}.booking-section__icon[data-v-2d54ced3]{flex:0 0 43px;width:43px;height:43px;margin-right:13px}.booking-section__icon svg[data-v-2d54ced3]{width:23px;height:23px}.booking-section__heading h3[data-v-2d54ced3]{margin:0;color:#0a1d42;font-size:17px;font-weight:700}.booking-section__heading p[data-v-2d54ced3]{margin:1px 0 0;color:#53617e;font-size:13px}.booking-section__content[data-v-2d54ced3]{padding:14px}.booking-section__content[data-v-2d54ced3] .input__label__form{margin-bottom:6px;color:#263653;font-size:14px;font-weight:600}.booking-section__content[data-v-2d54ced3] .mws__select--field{min-height:44px;border:1px solid #c7d5e5;border-radius:8px;box-shadow:none}.booking-modal__footer[data-v-2d54ced3]{padding:2px 2px 0}@media(max-width:767px){.booking-modal__body[data-v-2d54ced3]{padding:0 14px 14px}}

.booking-modal__content[data-v-ec4cf12a]{border:0;border-radius:14px;overflow:hidden}.booking-modal__body[data-v-ec4cf12a]{padding:0 22px 22px;background:#f7fafc}.booking-modal__header[data-v-ec4cf12a]{display:flex;align-items:center;width:100%;padding:6px 6px 12px}.booking-modal__header-icon[data-v-ec4cf12a],.booking-section__icon[data-v-ec4cf12a]{display:grid;place-items:center;border-radius:50%;color:#102f5d;background:#e2ebf2}.booking-modal__header-icon[data-v-ec4cf12a]{flex:0 0 58px;width:58px;height:58px;margin-right:15px}.booking-modal__header-icon--cash[data-v-ec4cf12a]{color:#997126;background:#fff5e3}.booking-modal__header-icon svg[data-v-ec4cf12a]{width:26px;height:26px}.booking-modal__header h2[data-v-ec4cf12a]{margin:0 0 3px;color:#0a1939;font-size:25px;font-weight:700;line-height:1.15}.booking-modal__header p[data-v-ec4cf12a]{margin:0;color:#53678f;font-size:14px}.booking-modal__close[data-v-ec4cf12a]{display:grid;width:38px;height:38px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#263651}.booking-modal__close[data-v-ec4cf12a]:hover{background:#f3f6f9}.booking-modal__header svg[data-v-ec4cf12a],.booking-modal__close svg[data-v-ec4cf12a],.booking-section__icon svg[data-v-ec4cf12a]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.booking-modal__form[data-v-ec4cf12a]{display:flex;flex-direction:column;gap:14px}.booking-section[data-v-ec4cf12a]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.booking-section__heading[data-v-ec4cf12a]{display:flex;align-items:center;min-height:61px;padding:6px 12px;border-radius:8px 8px 0 0;background:linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%)}.booking-section__icon[data-v-ec4cf12a]{flex:0 0 43px;width:43px;height:43px;margin-right:13px}.booking-section__icon svg[data-v-ec4cf12a]{width:23px;height:23px}.booking-section__heading h3[data-v-ec4cf12a]{margin:0;color:#0a1d42;font-size:17px;font-weight:700}.booking-section__heading p[data-v-ec4cf12a]{margin:1px 0 0;color:#53617e;font-size:13px}.booking-section__content[data-v-ec4cf12a]{padding:14px}.booking-section__content[data-v-ec4cf12a] .input__label__form{margin-bottom:6px;color:#263653;font-size:14px;font-weight:600}.booking-section__content[data-v-ec4cf12a] .mws--input__group{border:1px solid #c7d5e5;border-radius:8px}.booking-section__content[data-v-ec4cf12a] .mws--input__group input{border:0;border-radius:0;box-shadow:none}.booking-modal__footer[data-v-ec4cf12a]{padding:2px 2px 0}@media(max-width:767px){.booking-modal__body[data-v-ec4cf12a]{padding:0 14px 14px}}

.booking-modal__content[data-v-36acdc40]{border:0;border-radius:14px;overflow:hidden}.booking-modal__body[data-v-36acdc40]{padding:0 22px 22px;background:#f7fafc}.booking-modal__header[data-v-36acdc40]{display:flex;align-items:center;width:100%;padding:6px 6px 12px}.booking-modal__header-icon[data-v-36acdc40],.booking-section__icon[data-v-36acdc40]{display:grid;place-items:center;border-radius:50%;color:#102f5d;background:#e2ebf2}.booking-modal__header-icon[data-v-36acdc40]{flex:0 0 58px;width:58px;height:58px;margin-right:15px}.booking-modal__header-icon--time[data-v-36acdc40]{color:#7352a0;background:#f4edfb}.booking-modal__header-icon svg[data-v-36acdc40]{width:26px;height:26px}.booking-modal__header h2[data-v-36acdc40]{margin:0 0 3px;color:#0a1939;font-size:25px;font-weight:700;line-height:1.15}.booking-modal__header p[data-v-36acdc40]{margin:0;color:#53678f;font-size:14px}.booking-modal__close[data-v-36acdc40]{display:grid;width:38px;height:38px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#263651}.booking-modal__close[data-v-36acdc40]:hover{background:#f3f6f9}.booking-modal__header svg[data-v-36acdc40],.booking-modal__close svg[data-v-36acdc40],.booking-section__icon svg[data-v-36acdc40]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.booking-modal__form[data-v-36acdc40]{display:flex;flex-direction:column;gap:14px}.booking-section[data-v-36acdc40]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.booking-section__heading[data-v-36acdc40]{display:flex;align-items:center;min-height:61px;padding:6px 12px;border-radius:8px 8px 0 0;background:linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%)}.booking-section__icon[data-v-36acdc40]{flex:0 0 43px;width:43px;height:43px;margin-right:13px}.booking-section__icon svg[data-v-36acdc40]{width:23px;height:23px}.booking-section__heading h3[data-v-36acdc40]{margin:0;color:#0a1d42;font-size:17px;font-weight:700}.booking-section__heading p[data-v-36acdc40]{margin:1px 0 0;color:#53617e;font-size:13px}.booking-section__content[data-v-36acdc40]{padding:14px}.booking-section__content[data-v-36acdc40] .input__label__form{margin-bottom:6px;color:#263653;font-size:14px;font-weight:600}.booking-section__content[data-v-36acdc40] .mws__select--field{min-height:44px;border:1px solid #c7d5e5;border-radius:8px;box-shadow:none}.booking-modal__footer[data-v-36acdc40]{padding:2px 2px 0}@media(max-width:767px){.booking-modal__body[data-v-36acdc40]{padding:0 14px 14px}}

.import-modal__content[data-v-b2c234f0]{border:0;border-radius:14px;overflow:hidden}.import-modal__body[data-v-b2c234f0]{padding:0 22px 22px;background:#f7fafc}.import-modal__header[data-v-b2c234f0]{display:flex;align-items:center;width:100%;padding:6px 6px 12px}.import-modal__header-icon[data-v-b2c234f0],.import-section__icon[data-v-b2c234f0]{display:grid;place-items:center;border-radius:50%;color:#102f5d;background:#e2ebf2}.import-modal__header-icon[data-v-b2c234f0]{flex:0 0 58px;width:58px;height:58px;margin-right:15px;color:#2e9d3c;background:#eef8f2}.import-modal__header-icon svg[data-v-b2c234f0]{width:26px;height:26px}.import-modal__header h2[data-v-b2c234f0]{margin:0 0 3px;color:#0a1939;font-size:25px;font-weight:700;line-height:1.15}.import-modal__header p[data-v-b2c234f0]{margin:0;color:#53678f;font-size:14px}.import-modal__close[data-v-b2c234f0]{display:grid;width:38px;height:38px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#263651}.import-modal__close[data-v-b2c234f0]:hover{background:#f3f6f9}.import-modal__header svg[data-v-b2c234f0],.import-modal__close svg[data-v-b2c234f0],.import-section__icon svg[data-v-b2c234f0]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.import-modal__form[data-v-b2c234f0]{display:flex;flex-direction:column;gap:14px}.import-section[data-v-b2c234f0]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.import-section__heading[data-v-b2c234f0]{display:flex;align-items:center;min-height:61px;padding:6px 12px;border-radius:8px 8px 0 0;background:linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%)}.import-section__icon[data-v-b2c234f0]{flex:0 0 43px;width:43px;height:43px;margin-right:13px}.import-section__icon svg[data-v-b2c234f0]{width:23px;height:23px}.import-section__heading h3[data-v-b2c234f0]{margin:0;color:#0a1d42;font-size:17px;font-weight:700}.import-section__heading p[data-v-b2c234f0]{margin:1px 0 0;color:#53617e;font-size:13px}.import-section__content[data-v-b2c234f0]{padding:12px 14px 15px}.import-section__content[data-v-b2c234f0] .input__label__form{margin-bottom:6px;color:#263653;font-size:14px;font-weight:600}.import-section__content[data-v-b2c234f0] .mws__input--field,.import-section__content[data-v-b2c234f0] .mws__select--field{min-height:44px;border:1px solid #c7d5e5;border-radius:8px;box-shadow:none}.import-modal__footer[data-v-b2c234f0]{padding:2px 2px 0}
.file-chip[data-v-b2c234f0] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 9999px;
  background: var(--color-blue-primary, #2979FF);
  color: #fff;
  border: 1px solid var(--color-blue-primary, #2979FF);
}
.file-chip .file-name[data-v-b2c234f0] {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chip-close[data-v-b2c234f0] {
  border: none;
  background: transparent;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
@media(max-width:767px){.import-modal__body[data-v-b2c234f0]{padding:0 14px 14px}}


.form-date-picker[data-v-2c96d3c8] {
  width: 100%;
}
.form-date-picker[data-v-2c96d3c8] .dp__input {
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: var(--color-black-50);
  background-color: var(--color-white);
  border-radius: 14px;
  border: 1px solid var(--color-grey-light-2);
  min-height: 60px;
  padding: 10px 14px 10px 44px;
  width: 100%;
}
.form-date-picker--invalid[data-v-2c96d3c8] .dp__input {
  border-color: var(--color-red-danger);
}
.form-date-picker[data-v-2c96d3c8] .dp__input_icon {
  color: var(--color-black-50);
}
.form-date-picker--disabled[data-v-2c96d3c8] .dp__input {
  background-color: var(--select-disabled-color) !important;
}

.client-modal__content[data-v-37350e6a]{border:0;border-radius:14px;overflow:hidden}.client-modal__body[data-v-37350e6a]{padding:0 22px 22px;background:#f7fafc}.client-modal__header[data-v-37350e6a]{display:flex;align-items:center;width:100%;padding:4px 4px 10px}.client-modal__header-icon[data-v-37350e6a],.client-section__icon[data-v-37350e6a]{display:grid;place-items:center;border-radius:50%;color:#102f5d;background:#e2ebf2}.client-modal__header-icon[data-v-37350e6a]{flex:0 0 42px;width:42px;height:42px;margin-right:11px;color:#2e9d3c;background:#eef8f2}.client-modal__header-icon svg[data-v-37350e6a]{width:20px;height:20px}.client-modal__header h2[data-v-37350e6a]{margin:0 0 2px;color:#0a1939;font-size:20px;font-weight:700;line-height:1.15}.client-modal__header p[data-v-37350e6a]{margin:0;color:#53678f;font-size:12px}.client-modal__close[data-v-37350e6a]{display:grid;width:32px;height:32px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:7px;background:transparent;color:#263651}.client-modal__close svg[data-v-37350e6a]{width:20px;height:20px}.client-modal__header svg[data-v-37350e6a],.client-modal__close svg[data-v-37350e6a],.client-section__icon svg[data-v-37350e6a]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.client-modal__form[data-v-37350e6a]{display:flex;flex-direction:column;gap:14px}.client-section[data-v-37350e6a]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.client-section__heading[data-v-37350e6a]{display:flex;align-items:center;min-height:61px;padding:6px 12px;background:linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%)}.client-section__icon[data-v-37350e6a]{flex:0 0 43px;width:43px;height:43px;margin-right:13px}.client-section__icon svg[data-v-37350e6a]{width:23px;height:23px}.client-section__heading h3[data-v-37350e6a]{margin:0;color:#0a1d42;font-size:17px;font-weight:700}.client-section__heading p[data-v-37350e6a]{margin:1px 0 0;color:#53617e;font-size:13px}.client-section__content[data-v-37350e6a]{padding:12px 14px 15px}.client-section__content[data-v-37350e6a] .input__label__form{margin-bottom:6px;color:#263653;font-size:14px;font-weight:600}.client-section__content[data-v-37350e6a] .mws__input--field,.client-section__content[data-v-37350e6a] .mws__select--field{min-height:44px;border:1px solid #c7d5e5;border-radius:8px}.modal-footer-custom[data-v-37350e6a]{padding:2px 2px 0}
/* ensure input doesn't overflow when paired with delete icon */
[data-v-37350e6a] .additional-address-row .form-control.custom-input {
    width: auto;
    flex: 1;
}

.dropoff-map[data-v-789e0f15] {
  width: 100%;
  min-height: 70vh;
}


.modal-body[data-v-e792d93f] {
  max-height: 70vh;
  overflow-y: auto;
  max-width: fit-content;
  padding: 12px;
}
.blink-highlight[data-v-e792d93f] {
  animation: blink-e792d93f 0.6s ease-in-out 3 !important;
  border: 3px solid #ff4444 !important;
  box-shadow: 0 0 15px 5px rgba(255, 68, 68, 0.7) !important;
  background-color: #fff8f8 !important;
  transition: all 0.2s !important;
}
@keyframes blink-e792d93f {
0%,
  100% {
    border-color: #ff4444;
    box-shadow: 0 0 15px 5px rgba(255, 68, 68, 0.7);
    background-color: #fff8f8;
}
50% {
    border-color: #ffaaaa;
    box-shadow: 0 0 25px 10px rgba(255, 68, 68, 0.9);
    background-color: #ffe5e5;
}
}
.td-style[data-v-e792d93f] {
  min-width: 200px !important;
  width: 200px !important;
  max-width: 200px !important;
  white-space: nowrap;
}
.pod-hover-preview[data-v-e792d93f] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2100;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.pod-hover-preview img[data-v-e792d93f] {
  display: block;
  width: 600px;
  max-width: 85vw;
  max-height: 80vh;
  height: auto;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.pod-image-pop-enter-active[data-v-e792d93f],
.pod-image-pop-leave-active[data-v-e792d93f] {
  transition: opacity 0.2s ease;
}
.pod-image-pop-enter-active .pod-hover-preview[data-v-e792d93f],
.pod-image-pop-leave-active .pod-hover-preview[data-v-e792d93f] {
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.pod-image-pop-enter-from[data-v-e792d93f],
.pod-image-pop-leave-to[data-v-e792d93f] {
  opacity: 0;
}
.pod-image-pop-enter-from .pod-hover-preview[data-v-e792d93f],
.pod-image-pop-leave-to .pod-hover-preview[data-v-e792d93f] {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.9);
}
.input__label__form[data-v-e792d93f] {
  font-size: 13px;
  line-height: 18px;
}
.input__label__form.required[data-v-e792d93f] {
  font-weight: 700;
  cursor: pointer;
}
[data-v-e792d93f] input::placeholder,[data-v-e792d93f] textarea::placeholder,[data-v-e792d93f] .v-select .vs__search::placeholder,[data-v-e792d93f] .v-select .vs__placeholder,[data-v-e792d93f] .dp__input::placeholder,[data-v-e792d93f] .places-autocomplete input::placeholder {
  color: #b8bec8 !important;
  opacity: 1;
}

/* Native selects render their selected option rather than a CSS placeholder. */
[data-v-e792d93f] select:has(option[value=""]:checked),[data-v-e792d93f] select:has(option:not([value]):checked),[data-v-e792d93f] select:has(option[value="null"]:checked) {
  color: #b8bec8 !important;
}
[data-v-e792d93f] select option {
  color: #212529;
}
.add_booking__created__footer[data-v-e792d93f] {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-black);
}

/* Compact input values to match the reduced label size (Detrack-style density) */
.mws__input--field[data-v-e792d93f],
.mws__select--field[data-v-e792d93f],
.mws--input__group[data-v-e792d93f] {
  font-size: 14px !important;
  line-height: 18px !important;
  min-height: 44px !important;
}
.mws--input__group input[data-v-e792d93f] {
  min-height: 0 !important;
  padding: 0;
  font-size: 14px !important;
  line-height: 18px !important;
  background: transparent;
}
textarea.mws__input--field[data-v-e792d93f] {
  min-height: 60px !important;
}
[data-v-e792d93f] .v-select {
  --vs-font-size: 14px;
  min-height: 44px;
}
[data-v-e792d93f] .v-select .vs__selected,[data-v-e792d93f] .v-select .vs__search {
  font-size: 14px !important;
}
.product-service-chip[data-v-e792d93f] {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 4px 2px 0;
  padding: 3px 4px 3px 10px;
  gap: 8px;
  border: 1px solid color-mix(in srgb, var(--color-blue-primary, #2979ff) 78%, #fff);
  border-radius: 8px;
  background: var(--color-blue-primary, #2979ff);
  color: #fff;
  box-shadow: 0 1px 2px rgba(29, 78, 216, 0.16);
}
.product-service-option[data-v-e792d93f] {
  display: flex;
  align-items: center;
  width: calc(100% + 40px);
  margin: -3px -20px;
  padding: 3px 20px;
  gap: 9px;
  cursor: pointer;
}
.product-service-option input[data-v-e792d93f] {
  flex: 0 0 auto;
  cursor: pointer;
}
.product-service-option-quantity[data-v-e792d93f] {
  margin-left: auto;
  padding: 1px 7px;
  border-radius: 10px;
  background: var(--color-black);
  color: var(--color-white);
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.product-service-chip-label[data-v-e792d93f] {
  max-width: 220px;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-service-chip-quantity[data-v-e792d93f] {
  margin-left: 3px;
  color: rgba(255, 255, 255, 0.92);
  font-variant-numeric: tabular-nums;
}
.product-service-chip-actions[data-v-e792d93f] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding-left: 5px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.product-service-chip-button[data-v-e792d93f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.15s ease, transform 0.15s ease;
}
.product-service-chip-button svg[data-v-e792d93f] {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.product-service-chip-button[data-v-e792d93f]:hover {
  background: rgba(255, 255, 255, 0.2);
}
.product-service-chip-button[data-v-e792d93f]:active {
  transform: scale(0.92);
}
.product-service-chip-button[data-v-e792d93f]:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 1px;
}
.product-service-chip-button[data-v-e792d93f]:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
[data-v-e792d93f] .places-autocomplete input {
  font-size: 14px !important;
  min-height: 44px !important;
}
[data-v-e792d93f] .dp__input {
  font-size: 14px !important;
  min-height: 44px !important;
}
.pod-download-icon-btn[data-v-e792d93f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  gap: 8px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--color-grey-light-2);
  border-radius: 8px;
  background: var(--color-white);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.pod-download-icon-btn[data-v-e792d93f]:hover {
  background: var(--color-grey-lightest, #f3f4f6);
}
.pod-remarks-value[data-v-e792d93f] {
  height: 72px;
  max-height: 72px;
  box-sizing: border-box;
}
.pod-remarks-text[data-v-e792d93f] {
  height: 60px;
  max-height: 60px;
  line-height: 20px;
  overflow: hidden;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.pod-remarks-value[data-v-e792d93f]:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.pod-remarks-tooltip {
  position: fixed;
  z-index: 2000;
  transform: translateY(-100%);
  width: max-content;
  max-width: 360px;
  padding: 8px 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
  background: #111827;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

/* Keep the status-history spacing compact without overriding the shared table card. */
#pod-status-history .booking-table-parent[data-v-e792d93f] {
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  box-shadow: none;
  margin-top: 12px;
  padding-bottom: 0 !important;
}
#pod-status-history[data-v-e792d93f] .booking-table th {
  padding: 9px 16px;
  color: #526078;
  font-size: 11px;
  font-weight: 600;
}
#pod-status-history[data-v-e792d93f] .booking-table td {
  padding: 12px 16px;
}
#pod-status-history[data-v-e792d93f] .booking-table {
  margin-bottom: 0;
}
#pod-status-history[data-v-e792d93f] .status__pill {
  min-width: 120px;
  border-radius: 6px;
}
#pod-status-history[data-v-e792d93f] .p-3 {
  padding: 10px 8px !important;
}
#pod-status-history[data-v-e792d93f] .secondary__button {
  min-height: 30px;
  padding: 5px 13px;
  border-radius: 6px;
}
#pod-status-history[data-v-e792d93f] .form-select-sm {
  min-height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.slide-right-enter-active[data-v-577bc497],
.slide-right-leave-active[data-v-577bc497] {
    transition: all 0.3s ease;
}
.slide-right-enter-from[data-v-577bc497],
.slide-right-leave-to[data-v-577bc497] {
    transform: translateX(100%);
    opacity: 0;
}
.slide-right-enter-to[data-v-577bc497],
.slide-right-leave-from[data-v-577bc497] {
    transform: translateX(0);
    opacity: 1;
}

.arrange-jobs-modal[data-v-526b34a1] {
  height: 80vh;
  padding: 20px 23px 0;
}
.arrange-jobs-modal .legend-dot[data-v-526b34a1] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.arrange-jobs-modal .job-list[data-v-526b34a1] {
  border: 1px solid var(--border-color-gainsboro);
  background: var(--color-white);
}
.arrange-jobs-modal .job-row[data-v-526b34a1] {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  min-height: 84px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-color-gainsboro);
}
.arrange-jobs-modal .job-number[data-v-526b34a1] {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-top: 10px;
  border-radius: 5px;
  background: var(--color-green-primary);
  color: var(--color-white);
}
.arrange-jobs-modal .job-content[data-v-526b34a1] {
  flex: 1 1 auto;
  min-width: 0;
}
.arrange-jobs-modal .job-title[data-v-526b34a1] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
}
.arrange-jobs-modal .job-address[data-v-526b34a1] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title-image[data-v-526b34a1] {
  background: var(--color-light-pistachio);
  height: 55px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 55px;
  border-radius: 100%;
}
.vehicle-details[data-v-526b34a1] {
  border: 1px solid var(--border-color-gainsboro);
  padding: 15px;
  border-radius: 10px;
  background: var(--color-ghost-white);
}
.bookings-count-wrapper[data-v-526b34a1] {
  border: 1px solid var(--border-color-gainsboro);
  padding: 15px;
  border-radius: 10px;
}
.status-box[data-v-526b34a1] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid var(--border-color-gainsboro);
  border-radius: 8px;
  background: var(--color-white);
  min-height: 60px;
}
.legend-dot[data-v-526b34a1] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
.kanban-board[data-v-526b34a1] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  height: 55vh;
}
.kanban-column[data-v-526b34a1] {
  min-width: 0;
  background: var(--color-ghost-white);
  border: 1px solid var(--border-color-gainsboro);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
}
.column-header[data-v-526b34a1] {
  padding: 16px;
  border-bottom: 1px solid var(--border-color-gainsboro);
  background: var(--color-white);
  border-radius: 14px 14px 0 0;
}
.column-body[data-v-526b34a1] {
  padding: 12px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 50vh;
}
.booking-card[data-v-526b34a1] {
  display: flex;
  gap: 12px;
  background: var(--color-white);
  border-radius: 10px;
  padding: 12px;
  border: 1px solid var(--border-color-gainsboro);
  cursor: pointer;
  transition: .2s;
}
.booking-card[data-v-526b34a1]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
}
.booking-no[data-v-526b34a1] {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.status-grid[data-v-526b34a1] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}
.status-box[data-v-526b34a1] {
  min-width: 0;
}

.transfer-jobs-modal__content[data-v-f145c05b] { border: 0; border-radius: 14px; overflow: hidden;
}
.transfer-jobs-modal-body[data-v-f145c05b] { padding: 0 22px 22px; background: #f7fafc;
}
.transfer-jobs-modal__header[data-v-f145c05b] { display: flex; align-items: flex-start; width: 100%; padding: 6px 6px 12px;
}
.transfer-jobs-modal__header-icon[data-v-f145c05b], .transfer-jobs-section__icon[data-v-f145c05b] { display: grid; place-items: center; border-radius: 50%; color: #246b9f; background: #eaf4ff;
}
.transfer-jobs-modal__header-icon[data-v-f145c05b] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px;
}
.transfer-jobs-modal__header-icon svg[data-v-f145c05b] { width: 26px; height: 26px;
}
.transfer-jobs-modal__header h2[data-v-f145c05b] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.transfer-jobs-modal__header p[data-v-f145c05b] { margin: 0; color: #53678f; font-size: 14px;
}
.transfer-jobs-modal__close[data-v-f145c05b] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.transfer-jobs-modal__close[data-v-f145c05b]:hover { background: #f3f6f9;
}
.transfer-jobs-modal__header svg[data-v-f145c05b], .transfer-jobs-modal__close svg[data-v-f145c05b], .transfer-jobs-section__icon svg[data-v-f145c05b] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.transfer-jobs-title-wrap[data-v-f145c05b] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.transfer-jobs-title[data-v-f145c05b] {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: var(--color-black-50, #1a1c1e);
}
.transfer-jobs-links[data-v-f145c05b] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 5px;
}
.transfer-jobs-link[data-v-f145c05b] {
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 12px;
  color: var(--color-primary);
  text-decoration: none;
}
.transfer-jobs-section[data-v-f145c05b] { border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.transfer-jobs-section__heading[data-v-f145c05b] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.transfer-jobs-section__icon[data-v-f145c05b] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px; color: #102f5d; background: #e2ebf2;
}
.transfer-jobs-section__icon svg[data-v-f145c05b] { width: 23px; height: 23px;
}
.transfer-jobs-section__heading h3[data-v-f145c05b] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}
.transfer-jobs-section__heading p[data-v-f145c05b] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}
.transfer-jobs-section__content[data-v-f145c05b] { padding: 14px;
}
.transfer-jobs-link[data-v-f145c05b]:hover {
  text-decoration: underline;
}
.transfer-jobs-columns[data-v-f145c05b] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
.transfer-jobs-panel[data-v-f145c05b] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.transfer-jobs-panel__heading[data-v-f145c05b] { display: flex; align-items: center; gap: 9px;
}
.transfer-jobs-panel__heading > span[data-v-f145c05b] { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 50%; background: #e2ebf2; color: #102f5d; font-size: 13px; font-weight: 700;
}
.transfer-jobs-panel__heading h4[data-v-f145c05b] { margin: 0; color: #0a1d42; font-size: 15px; font-weight: 700;
}
.transfer-jobs-panel__heading p[data-v-f145c05b] { margin: 1px 0 0; color: #53617e; font-size: 12px;
}
.transfer-vehicle-select[data-v-f145c05b] {
  width: 100%;
  min-height: 44px;
  border: 1px solid #c7d5e5;
  border-radius: 8px;
}
.vehicle-select-wrapper[data-v-f145c05b] {
  position: relative;
}
.vehicle-select-trigger[data-v-f145c05b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  background: var(--color-white, #fff);
  text-align: left;
}
.vehicle-select-caret[data-v-f145c05b] {
  margin-left: 8px;
  color: var(--color-grey-slate, #667085);
  flex: 0 0 auto;
}
.vehicle-select-dropdown[data-v-f145c05b] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 20;
  max-height: 240px;
  overflow-y: auto;
  border: 1px solid var(--color-grey-light, #dce4e8);
  border-radius: 8px;
  background: var(--color-white, #fff);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.vehicle-select-option[data-v-f145c05b] {
  padding: 10px 14px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 14px;
  color: var(--color-black-50, #1a1c1e);
  cursor: pointer;
}
.vehicle-select-option[data-v-f145c05b]:hover {
  background: var(--color-grey-vlight, #f8f9fa);
}
.vehicle-select-option.active[data-v-f145c05b] {
  background: var(--color-primary, #268df2);
  color: var(--color-white, #fff);
}
.transfer-list-box[data-v-f145c05b] {
  border: 1px solid #dce7f0;
  border-radius: 8px;
  background: var(--color-white, #fff);
  min-height: 320px;
  display: flex;
  flex-direction: column;
}
.transfer-list-header[data-v-f145c05b] {
  text-align: center;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-grey-light, #dce4e8);
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 16px;
  color: var(--color-grey-slate, #667085);
}
.transfer-list-search[data-v-f145c05b] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-grey-light, #dce4e8);
}
.transfer-search-input[data-v-f145c05b] {
  flex: 1;
  border: none;
  outline: none;
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 15px;
  color: var(--color-black-50, #1a1c1e);
  background: transparent;
}
.transfer-list-content[data-v-f145c05b] {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
  min-height: 220px;
  max-height: 280px;
}
.transfer-list-item[data-v-f145c05b] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 16px;
  margin: 0;
  cursor: pointer;
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 14px;
  color: var(--color-black-50, #1a1c1e);
}
.transfer-list-item[data-v-f145c05b]:hover {
  background: var(--color-grey-vlight, #f8f9fa);
}
.transfer-list-item input[data-v-f145c05b] {
  margin-top: 3px;
}
.transfer-list-empty[data-v-f145c05b] {
  padding: 24px 16px;
  text-align: center;
  color: var(--color-grey-slate, #667085);
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 14px;
}
.transfer-list-actions[data-v-f145c05b] {
  display: flex;
  gap: 12px;
}
.transfer-action-btn[data-v-f145c05b] {
  min-width: 0;
  flex: 1;
  height: 44px;
  padding: 10px 16px;
}
.transfer-controls[data-v-f145c05b] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding-top: 88px;
}
.transfer-arrow-btn[data-v-f145c05b] {
  min-width: 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border-color: #c7d5e5;
  background: #f8fbfd;
  font-size: 18px;
  font-weight: 600;
}
.modal-footer-custom[data-v-f145c05b] {
  padding: 2px 2px 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}
@media (max-width: 991px) {
.transfer-jobs-columns[data-v-f145c05b] {
    grid-template-columns: 1fr;
}
.transfer-controls[data-v-f145c05b] {
    flex-direction: row;
    justify-content: center;
    padding-top: 0;
}
}
@media (max-width: 767px) {
.transfer-jobs-modal-body[data-v-f145c05b] { padding: 0 14px 14px;
}
}

.vehicle-tab .search-container[data-v-e5515dd9] {
  display: flex;
  align-items: center;
}
.vehicle-tab .search-input[data-v-e5515dd9] {
  margin-left: 10px;
}
.vehicle-tab .mws__table-spacing[data-v-e5515dd9] {
  padding: 24px 0 0 24px;
}
.vehicle-tab .icon-button[data-v-e5515dd9] {
  width: 40px;
  height: 40px;
  padding: 0;
}
.vehicle-tab .icon-button--pin[data-v-e5515dd9] {
  background-color: #EAF2FF;
  border-color: #BFDBFE !important;
}
.vehicle-tab .icon-button img[data-v-e5515dd9] {
  width: 20px;
  height: 20px;
}
.vehicle-name-cell[data-v-e5515dd9] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.vehicle-avatar[data-v-e5515dd9] {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 14px;
}
.last-pod-cell[data-v-e5515dd9] {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.last-pod-icon[data-v-e5515dd9] {
  margin-top: 3px;
  flex: 0 0 auto;
}
.last-pod-primary[data-v-e5515dd9] {
  font-weight: 600;
  color: var(--color-black-50, #1a1c1e);
}
.last-pod-secondary[data-v-e5515dd9] {
  font-size: 12px;
  color: var(--color-grey-slate, #667085);
}
.pill-badge[data-v-e5515dd9] {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 12px;
  background-color: var(--color-grey-vlight, #f2f4f7);
  color: var(--color-grey-slate, #667085);
  font-size: 13px;
  font-weight: 500;
}

.booking-status-grid[data-v-4ade39dd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 14px;
    width: 100%;
}
.booking-status-card[data-v-4ade39dd] {
    --status-color: #59616b;
    --status-fill: 0%;
    --status-background: #fff;
    position: relative;
    isolation: isolate;
    min-width: 0;
    height: 180px;
    padding: 22px 12px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 0;
    border-radius: 18px;
    color: #1c222b;
    background: conic-gradient(from -90deg, var(--status-color) 0 var(--status-fill), #dfe3e8 var(--status-fill) 100%);
    cursor: pointer;
    text-align: center;
    transition: transform .18s ease, box-shadow .18s ease;
}
.booking-status-card[data-v-4ade39dd]::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 5px;
    border-radius: 15px;
    background: var(--status-background);
}
.booking-status-card--all[data-v-4ade39dd] { background: var(--status-color);
}
.booking-status-card--active[data-v-4ade39dd] { box-shadow: 0 4px 12px color-mix(in srgb, var(--status-color) 20%, transparent);
}
.booking-status-card__count[data-v-4ade39dd] {
    color: #1b222c;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 700;
    line-height: 1;
}
.booking-status-card__percentage[data-v-4ade39dd] {
    margin-top: 8px;
    color: #708096;
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}
.booking-status-card__icon[data-v-4ade39dd] {
    width: 48px;
    height: 48px;
    margin-top: 16px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--status-color);
    background: color-mix(in srgb, var(--status-color) 14%, white);
    font-size: 23px;
    line-height: 1;
}
.booking-status-card__name[data-v-4ade39dd] {
    margin-top: auto;
    max-width: 100%;
    overflow: hidden;
    color: #59616b;
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 720px) {
.booking-status-grid[data-v-4ade39dd] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.booking-status-card[data-v-4ade39dd] { height: 164px;
}
}
.fade-slide-enter-active[data-v-4ade39dd],
.fade-slide-leave-active[data-v-4ade39dd] {
    transition: all 0.25s ease;
}
.fade-slide-enter-from[data-v-4ade39dd],
.fade-slide-leave-to[data-v-4ade39dd] {
    opacity: 0;
    transform: translateY(-8px);
}
.fade-slide-enter-to[data-v-4ade39dd],
.fade-slide-leave-from[data-v-4ade39dd] {
    opacity: 1;
    transform: translateY(0);
}
[data-v-4ade39dd] .btn.btn-none.btn-md.dropdown-toggle.dropdown-toggle-no-caret:active,[data-v-4ade39dd] .btn.btn-none.btn-md.dropdown-toggle.dropdown-toggle-no-caret:focus,[data-v-4ade39dd] .btn.btn-none.btn-md.dropdown-toggle.dropdown-toggle-no-caret:focus-visible,[data-v-4ade39dd] .btn.btn-none.btn-md.dropdown-toggle.dropdown-toggle-no-caret:disabled,[data-v-4ade39dd] .btn.btn-none.btn-md.dropdown-toggle.dropdown-toggle-no-caret.disabled {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
.booking-export-dropdown .dropdown-toggle[data-v-4ade39dd] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
[data-v-4ade39dd] .booking-export-dropdown .dropdown-menu {
    margin-top: 6px !important;
}
.booking-export-dropdown .dropdown-toggle[data-v-4ade39dd],
.booking-export-dropdown .dropdown-toggle[data-v-4ade39dd]:hover,
.booking-export-dropdown .dropdown-toggle[data-v-4ade39dd]:focus,
.booking-export-dropdown .dropdown-toggle[data-v-4ade39dd]:active,
.booking-export-dropdown .dropdown-toggle.show[data-v-4ade39dd],
.booking-export-dropdown .dropdown-toggle[aria-expanded="true"][data-v-4ade39dd] {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
}
[data-v-4ade39dd] .dropdown-menu.show {
    margin-top: 8px !important;
}
[data-v-4ade39dd] .action-menu-btn .dropdown-menu {
    z-index: 1071;
}
[data-v-4ade39dd] th.sticky-select {
    position: sticky;
    left: 0;
    z-index: 50;
    background: rgb(248, 250, 252);
}
[data-v-4ade39dd] th.sticky-map {
    position: sticky;
    left: 40px;
    z-index: 50;
    background: rgb(248, 250, 252);
}
[data-v-4ade39dd] th.sticky-id {
    position: sticky;
    left: 95px;
    z-index: 50;
    background: rgb(248, 250, 252);
}
[data-v-4ade39dd] th.sticky-name {
    min-width: 150px !important;
    position: sticky;
    left: 165px;
    z-index: 50;
    background:  rgb(248, 250, 252);
}
[data-v-4ade39dd] td.sticky-name {
    min-width: 150px !important;
    position: sticky;
    left: 165px;
    z-index: 20;
    background: #fff;
}

/* When ID is hidden */
[data-v-4ade39dd] th.sticky-name-no-id {
    min-width: 150px !important;
    position: sticky;
    left: 95px;
    z-index: 50;
    background: rgb(248, 250, 252);
}
[data-v-4ade39dd] td.sticky-name-no-id {
    min-width: 150px !important;
    position: sticky;
    left: 95px;
    z-index: 20;
    background: #fff;
}
[data-v-4ade39dd] td.sticky-select {
    position: sticky;
    left: 0;
    z-index: 20;
    background: #fff;
}
[data-v-4ade39dd] td.sticky-map {
    position: sticky;
    left: 40px;
    z-index: 20;
    background: #fff;
}
[data-v-4ade39dd] td.sticky-id {
    position: sticky;
    left: 95px;
    z-index: 20;
    background: #fff;
}
[data-v-4ade39dd] .sticky-id,[data-v-4ade39dd] .sticky-name,[data-v-4ade39dd] .sticky-name-no-id,[data-v-4ade39dd] .sticky-map,[data-v-4ade39dd] .sticky-select {
    box-shadow: 2px 0 6px rgba(0, 0, 0, .08);
}
[data-v-4ade39dd] thead th {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgb(248, 250, 252);
}
[data-v-4ade39dd] thead th.sticky-select,[data-v-4ade39dd] thead th.sticky-map,[data-v-4ade39dd] thead th.sticky-id,[data-v-4ade39dd] thead th.sticky-name {
    z-index: 60;
}
.booking-toolbar__controls[data-v-4ade39dd],
.booking-toolbar__control-list[data-v-4ade39dd] {
    display: contents !important;
}
.history-range-picker[data-v-4ade39dd] .dp__input {
    background: #fff;
    border: 1.5px solid oklch(0.9 0.006 95);
    border-radius: 9px;
    box-shadow: none;
}
.history-preset-select[data-v-4ade39dd] {
    background-color: #fff;
    border: 1.5px solid oklch(0.9 0.006 95);
    border-radius: 9px;
    box-shadow: none;
}
.chevron-icons[data-v-4ade39dd] {
    height: 8px;
    line-height: 0;
}
.chevron-icons img[data-v-4ade39dd] {
    width: 14px;
    height: 14px;
    opacity: 0.55;
}
.chevron-icons.active img[data-v-4ade39dd] {
    opacity: 1;
}
.search-container[data-v-4ade39dd] {
    position: relative;
    width: 230px;
}
.search-input[data-v-4ade39dd] {
    width: 100%;
    padding-left: 20px;
    background-color: #fff;
}
.btn-utility.disabled-button[data-v-4ade39dd],
.btn-utility[data-v-4ade39dd]:disabled {
    background: #e5e7eb !important;
    border-color: #e5e7eb !important;
    color: #9ca3af !important;
    cursor: not-allowed !important;
    opacity: 1;
}
.btn-utility.disabled-button[data-v-4ade39dd] * {
    cursor: not-allowed !important;
    opacity: 0.55;
}
.search-trigger-btn[data-v-4ade39dd] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    background: transparent;
    color: oklch(0.6 0.012 260);
    font-size: 14px;
    line-height: 1;
    opacity: 0.7;
    cursor: pointer;
    transition: opacity 0.15s;
}
.search-trigger-btn[data-v-4ade39dd]:hover {
    opacity: 1;
}


.fade-slide-enter-active[data-v-f1d0f342],
.fade-slide-leave-active[data-v-f1d0f342] {
    transition: all 0.25s ease;
}
.fade-slide-enter-from[data-v-f1d0f342],
.fade-slide-leave-to[data-v-f1d0f342] {
    opacity: 0;
    transform: translateY(-8px);
}
.fade-slide-enter-to[data-v-f1d0f342],
.fade-slide-leave-from[data-v-f1d0f342] {
    opacity: 1;
    transform: translateY(0);
}

.slide-right-enter-active[data-v-3fe9e43a],
.slide-right-leave-active[data-v-3fe9e43a] {
    transition: all 0.3s ease;
}
.slide-right-enter-from[data-v-3fe9e43a],
.slide-right-leave-to[data-v-3fe9e43a] {
    transform: translateX(100%);
    opacity: 0;
}
.slide-right-enter-to[data-v-3fe9e43a],
.slide-right-leave-from[data-v-3fe9e43a] {
    transform: translateX(0);
    opacity: 1;
}

.field-layout[data-v-391adcbc] {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.field-sidebar[data-v-391adcbc] {
  width: 220px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.field-sidebar__title[data-v-391adcbc] {
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-black-50, #9ca3af);
  margin-bottom: 4px;
}
.field-type-card[data-v-391adcbc] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--color-grey-light-2, #d0d5dd);
  background-color: var(--color-white);
  text-align: left;
  cursor: pointer;
}
.field-type-card--active[data-v-391adcbc] {
  background-color: rgba(105, 187, 85, 0.12);
  border-color: var(--color-primary);
}
.field-type-card__icon[data-v-391adcbc] {
  display: inline-flex;
  color: var(--color-primary);
  flex-shrink: 0;
}
.field-type-card__text[data-v-391adcbc] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.field-type-card__label[data-v-391adcbc] {
  font-weight: 600;
  font-size: 14px;
  color: var(--color-grey-section, #374151);
}
.field-type-card__description[data-v-391adcbc] {
  font-size: 12px;
  color: var(--color-black-50, #9ca3af);
}
.field-main[data-v-391adcbc] {
  flex: 1;
  min-width: 0;
}
.field-doc-toolbar[data-v-391adcbc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background-color: var(--color-white);
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.field-doc-toolbar__group[data-v-391adcbc] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.field-doc-toolbar__btn[data-v-391adcbc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: none;
  border-radius: 6px;
  color: var(--color-grey-medium, #6b6b80);
  cursor: pointer;
}
.field-doc-toolbar__btn[data-v-391adcbc]:hover:not(:disabled) {
  background-color: var(--color-grey-vlight, #f0f0f2);
}
.field-doc-toolbar__btn[data-v-391adcbc]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.field-doc-toolbar__zoom[data-v-391adcbc],
.field-doc-toolbar__page[data-v-391adcbc] {
  font-size: 13px;
  color: var(--color-grey-section, #374151);
  min-width: 44px;
  text-align: center;
}
.field-doc-toolbar__fit[data-v-391adcbc] {
  padding: 4px 10px;
  border: 1px solid var(--color-primary);
  border-radius: 6px;
  background: none;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary);
  cursor: pointer;
}
.field-doc-toolbar__fit[data-v-391adcbc]:hover:not(:disabled) {
  background-color: rgba(105, 187, 85, 0.1);
}
.field-doc-toolbar__fit[data-v-391adcbc]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.field-footer-status[data-v-391adcbc] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
}
.alert-box[data-v-391adcbc] {
  padding: 10px 14px;
  border-radius: 8px;
  background-color: var(--color-yellow-light, #fff7e6);
  color: var(--color-dark-yellow-amber, #483a0f);
  font-size: 13px;
}
.field-canvas-area[data-v-391adcbc] {
  max-height: 55vh;
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px;
  background-color: #f7f7f7;
}
.field-canvas-wrapper[data-v-391adcbc] {
  position: relative;
  margin: 0 auto;
  background-color: var(--color-white);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.field-canvas-wrapper canvas[data-v-391adcbc] {
  display: block;
  cursor: crosshair;
}
.field-canvas-loading[data-v-391adcbc] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-grey-medium, #6b6b80);
  font-size: 13px;
  background-color: rgba(255, 255, 255, 0.7);
}
.field-marker[data-v-391adcbc] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 2px 6px;
  border: 1.5px dashed var(--color-primary);
  background-color: rgba(105, 187, 85, 0.15);
  border-radius: 4px;
  cursor: pointer;
  font-size: 11px;
  color: var(--color-primary);
  overflow: hidden;
}
.field-marker--selected[data-v-391adcbc] {
  border-style: solid;
  background-color: rgba(105, 187, 85, 0.3);
}
.field-marker--filled[data-v-391adcbc] {
  background-color: rgba(255, 255, 255, 0.9);
}
.field-marker__icon[data-v-391adcbc] {
  display: inline-flex;
  flex-shrink: 0;
}
.field-marker__label[data-v-391adcbc] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-marker__signature[data-v-391adcbc] {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.field-marker__remove[data-v-391adcbc] {
  border: none;
  background: none;
  color: var(--color-red-danger, #dc3545);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
}
.signature-pad-wrapper[data-v-391adcbc] {
  border: 1px dashed var(--color-grey-light-2, #d0d5dd);
  border-radius: 8px;
  background-color: #fff;
}
.signature-pad-canvas[data-v-391adcbc] {
  width: 100%;
  height: 160px;
  display: block;
  touch-action: none;
}
.muted[data-v-391adcbc] {
  color: var(--color-black-50, #9ca3af);
  font-size: 13px;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.custom-quill[data-v-1df6366b] {
  min-height: 260px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 12px;
  font-family: 'Satoshi', sans-serif;
}
.custom-quill .ql-editor[data-v-1df6366b] {
  min-height: 200px;
}
.preview-box[data-v-1df6366b] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
}
.preview-header[data-v-1df6366b] {
  padding: 14px;
  border-bottom: 1px solid #e5e7eb;
  border-radius: 12px 12px 0 0;
  background-color: #fbfbfb;
}
.preview-body[data-v-1df6366b] {
  padding: 16px;
  color: #6b7280;
  font-family: 'Satoshi', sans-serif;
}
.logo-preview[data-v-1df6366b] {
  width: 120px;
  height: auto;
  margin-bottom: 12px;
}
.custom-modal-body[data-v-1df6366b] {
  max-height: 80vh;
  overflow-y: auto;
  padding: 12px;
}
.preview-body-content[data-v-1df6366b] p {
  margin: 0;
}
.section-title[data-v-1df6366b] {
  font-weight: 600;
  font-size: 14px;
  color: var(--color-grey-section, #374151);
  margin-bottom: 8px;
}

.employee-modal__content[data-v-e24876a7]{border:0;border-radius:14px;overflow:hidden}.employee-modal__body[data-v-e24876a7]{padding:0 22px 22px;background:#f7fafc}.employee-modal__header[data-v-e24876a7]{display:flex;align-items:center;width:100%;padding:6px 6px 12px}.employee-modal__header-icon[data-v-e24876a7],.employee-section__icon[data-v-e24876a7]{display:grid;place-items:center;border-radius:50%;color:#102f5d;background:#e2ebf2}.employee-modal__header-icon[data-v-e24876a7]{flex:0 0 58px;width:58px;height:58px;margin-right:15px;color:#2e9d3c;background:#eef8f2}.employee-modal__header h2[data-v-e24876a7]{margin:0 0 3px;color:#0a1939;font-size:25px;font-weight:700}.employee-modal__header p[data-v-e24876a7]{margin:0;color:#53678f;font-size:14px}.employee-modal__close[data-v-e24876a7]{display:grid;width:38px;height:38px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#263651}.employee-modal__header svg[data-v-e24876a7],.employee-modal__close svg[data-v-e24876a7],.employee-section__icon svg[data-v-e24876a7]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.employee-section[data-v-e24876a7]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.employee-section__heading[data-v-e24876a7]{display:flex;align-items:center;min-height:61px;padding:6px 12px;background:linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%)}.employee-section__icon[data-v-e24876a7]{flex:0 0 43px;width:43px;height:43px;margin-right:13px}.employee-section__icon svg[data-v-e24876a7]{width:23px;height:23px}.employee-section__heading h3[data-v-e24876a7]{margin:0;color:#0a1d42;font-size:17px;font-weight:700}.employee-section__heading p[data-v-e24876a7]{margin:1px 0 0;color:#53617e;font-size:13px}.employee-section__content[data-v-e24876a7]{padding:12px 14px 15px}.employee-section__content[data-v-e24876a7] .input__label__form{margin-bottom:6px;color:#263653;font-size:14px;font-weight:600}.employee-section__content[data-v-e24876a7] .mws__input--field,.employee-section__content[data-v-e24876a7] .mws__select--field{min-height:44px;border:1px solid #c7d5e5;border-radius:8px}.employee-modal__footer[data-v-e24876a7]{padding:0 22px 22px;border:0;background:#f7fafc}.employee-subsection[data-v-e24876a7]{display:flex;align-items:center;margin:10px 0 3px;padding:9px 10px;border:1px solid #dce7f0;border-radius:8px;background:linear-gradient(110deg,#f4f8fb 0%,#fafcff 100%)}.employee-subsection__icon[data-v-e24876a7]{display:grid;flex:0 0 34px;width:34px;height:34px;margin-right:10px;place-items:center;border-radius:50%;color:#102f5d;background:#e2ebf2}.employee-subsection__icon svg[data-v-e24876a7]{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.employee-subsection h4[data-v-e24876a7]{margin:0;color:#0a1d42;font-size:15px;font-weight:700}.employee-subsection p[data-v-e24876a7]{margin:1px 0 0;color:#53617e;font-size:12px}
/* Enlarge status radio circles within this modal */
.status-options input[type="radio"][data-v-e24876a7] {
  transform: scale(1.4);
  transform-origin: center left;
  margin-right: 2px;
}


/* Make only the modal body scroll and fix modal height */
[data-v-e24876a7] .modal-dialog {
  max-height: 80vh;
  /* fixes overall modal height to viewport proportion */
}
[data-v-e24876a7] .modal-content {
  height: 100%;
}
[data-v-e24876a7] .modal-body {
  overflow-y: auto;
  /* scroll inside body only */
}


/* Upload area shared styles */
.upload-area[data-v-e24876a7] {
  border: 1px solid #DCE4E8;
  border-radius: 8px;
  background-color: #fff;
  padding: 16px;
  min-height: 140px;
  cursor: pointer;
}

/* Files upload area: constrain preview inside the field */
.files-upload-area[data-v-e24876a7] {
  position: relative;
  height: 150px;
  overflow-y: auto;
}
.files-upload-area .file-preview-row[data-v-e24876a7] {
  margin: 0;
}
.files-upload-area .card[data-v-e24876a7] {
  border: 1px solid #DCE4E8;
  border-radius: 8px;
}
.files-upload-area .card-body[data-v-e24876a7] {
  padding: 10px;
}
.files-upload-area .file-card__icon img[data-v-e24876a7] {
  height: 80px;
  width: 100%;
  object-fit: cover;
}
.files-upload-area .file-card__icon i[data-v-e24876a7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 100%;
  font-size: 48px;
  /* ensure icons are visibly large */
}
.docsign-doc-list[data-v-e24876a7] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.docsign-doc-card[data-v-e24876a7] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #DCE4E8;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.docsign-doc-card[data-v-e24876a7]:hover {
  background-color: #F7F9FA;
}
.docsign-doc-card__icon[data-v-e24876a7] {
  flex-shrink: 0;
}
.docsign-doc-card__info[data-v-e24876a7] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.docsign-doc-card__title[data-v-e24876a7] {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-grey-section, #374151);
}
.docsign-doc-card__date[data-v-e24876a7] {
  font-size: 12px;
  color: var(--color-black-50, #9ca3af);
  white-space: nowrap;
}
.docsign-doc-card .docsign-status-pill[data-v-e24876a7] {
  flex-shrink: 0;
}
.docsign-doc-card__sign-btn[data-v-e24876a7] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--color-grey-light-2, #d0d5dd);
  border-radius: 8px;
  background-color: var(--color-white);
  color: var(--color-primary);
  cursor: pointer;
}
.docsign-doc-card__sign-btn[data-v-e24876a7]:hover {
  background-color: rgba(105, 187, 85, 0.12);
  border-color: var(--color-primary);
}

/* Make the inline prompt link obviously clickable */
.upload-prompt .upload-link[data-v-e24876a7] {
  color: var(--bs-primary);
  text-decoration: underline;
  cursor: pointer;
}
.file-card__remove[data-v-e24876a7] {
  background-color: white;
  border: none;
  color: red;
  margin-right: 2px;
}

.button__reset[data-v-a384276a] {
  border: 1px solid rgba(41, 121, 255, 0.25);
  background-color: rgba(41, 121, 255, 0.1);
  color: var(--color-blue-primary);
  padding: 12px 20px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.button__reset[data-v-a384276a]:hover {
  background-color: rgba(41, 121, 255, 0.18);
  color: var(--color-black);
}
.slide-right-enter-active[data-v-a384276a],
.slide-right-leave-active[data-v-a384276a] {
  transition: all 0.5s ease;
}
.slide-right-enter-from[data-v-a384276a],
.slide-right-leave-to[data-v-a384276a] {
  transform: translateX(100%);
  opacity: 0;
}

.compose-body[data-v-89df4edf] {
  min-height: 420px;
}
.recipients-summary[data-v-89df4edf] {
  border: 1px solid var(--color-grey-light-2, #d0d5dd);
  border-radius: 10px;
  padding: 12px 14px;
  background-color: var(--color-white-light, #f7f7f7);
}
.recipients-summary__title[data-v-89df4edf] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  color: var(--color-grey-section, #374151);
  margin-bottom: 10px;
}
.recipients-summary__count[data-v-89df4edf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-size: 12px;
  font-weight: 700;
}
.recipients-summary__chips[data-v-89df4edf] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-height: 90px;
  overflow-y: auto;
  padding-right: 2px;
}
.recipients-summary__warning[data-v-89df4edf] {
  font-size: 12px;
  color: var(--color-dark-yellow-amber, #483a0f);
}
.recipient-chip[data-v-89df4edf] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px 4px 12px;
  border-radius: 999px;
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-light-2, #d0d5dd);
  max-width: 240px;
}
.recipient-chip__remove[data-v-89df4edf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border: none;
  border-radius: 50%;
  background: none;
  padding: 0;
  color: var(--color-grey-medium, #6b6b80);
  cursor: pointer;
}
.recipient-chip__remove[data-v-89df4edf]:hover {
  background-color: var(--color-red-soft, #fee2e2);
  color: var(--color-red-danger, #dc3545);
}
.recipient-chip__email[data-v-89df4edf] {
  font-size: 13px;
  color: var(--color-grey-section, #374151);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.muted[data-v-89df4edf] {
  color: var(--color-black-50, #9ca3af);
  font-size: 13px;
}
.v-select-footer-note[data-v-89df4edf] {
  padding: 8px 10px;
  font-size: 12px;
  color: var(--color-black-50, #9ca3af);
  text-align: center;
}
.send-modal-body[data-v-89df4edf] {
  max-height: 70vh;
  overflow-y: auto;
  padding: 4px;
}
.section-title[data-v-89df4edf] {
  font-weight: 600;
  font-size: 14px;
  color: var(--color-grey-section, #374151);
  margin-bottom: 8px;
}
[data-v-89df4edf] .custom-quill .ql-container {
  min-height: 180px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}
[data-v-89df4edf] .custom-quill .ql-editor {
  min-height: 150px;
}
.document-context[data-v-89df4edf] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background-color: var(--color-white-light, #f7f7f7);
  border: 1px solid var(--color-grey-light-2, #d0d5dd);
}
.document-context__icon[data-v-89df4edf] {
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex-shrink: 0;
}
.document-context__info[data-v-89df4edf] {
  flex: 1;
  min-width: 0;
}
.document-context__title[data-v-89df4edf] {
  font-weight: 600;
  font-size: 14px;
  color: var(--color-grey-section, #374151);
}
.document-context__file[data-v-89df4edf] {
  font-size: 12px;
  color: var(--color-black-50, #9ca3af);
}
.document-context__link[data-v-89df4edf] {
  font-size: 13px;
  color: var(--color-primary);
  white-space: nowrap;
}
.preview-box[data-v-89df4edf] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
}
.preview-header[data-v-89df4edf] {
  padding: 14px;
  border-bottom: 1px solid #e5e7eb;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #fbfbfb;
}
.preview-body[data-v-89df4edf] {
  padding: 16px;
  color: #6b7280;
  font-family: 'Satoshi', sans-serif;
}
.logo-preview[data-v-89df4edf] {
  width: 120px;
  height: auto;
  margin-bottom: 12px;
}
.preview-body-content[data-v-89df4edf] p {
  margin: 0;
}


/* Toggle Switch Styles */
.switch[data-v-6e6e57ec] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  flex-shrink: 0;
}
.switch input[data-v-6e6e57ec] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  border: none;
}
.switch .slider[data-v-6e6e57ec] {
  position: absolute;
  inset: 0;
  cursor: pointer;
  background-color: #d8dce1;
  border: none;
  box-shadow: none;
  border-radius: 999px;
  transition: background-color 0.2s ease;
}
.switch .slider[data-v-6e6e57ec]:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background-color: var(--color-white);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s ease;
}
.switch input:checked + .slider[data-v-6e6e57ec] {
  background-color: var(--color-primary);
}
.switch input:focus-visible + .slider[data-v-6e6e57ec] {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.switch input:checked + .slider[data-v-6e6e57ec]:before {
  transform: translateX(20px);
}
.contract-cell[data-v-6e6e57ec] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.contract-cell__row[data-v-6e6e57ec] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  white-space: nowrap;
}
.contract-cell__title[data-v-6e6e57ec] {
  font-weight: 500;
}
.cell-na[data-v-6e6e57ec] {
  color: var(--color-cool-grey);
  font-weight: 400;
}

.settlement-modal__content[data-v-7cecc261]{border:0;border-radius:14px;overflow:hidden}.settlement-modal__body[data-v-7cecc261]{padding:0 22px 22px;background:#f7fafc}.settlement-modal__header[data-v-7cecc261]{display:flex;align-items:center;width:100%;padding:6px 6px 12px}.settlement-modal__header-icon[data-v-7cecc261]{display:grid;flex:0 0 58px;width:58px;height:58px;margin-right:15px;place-items:center;border-radius:50%;color:#997126;background:#fff5e3}.settlement-modal__header-icon svg[data-v-7cecc261]{width:26px;height:26px}.settlement-modal__header h2[data-v-7cecc261]{margin:0 0 3px;color:#0a1939;font-size:25px;font-weight:700}.settlement-modal__header p[data-v-7cecc261]{margin:0;color:#53678f;font-size:14px}.settlement-modal__close[data-v-7cecc261]{display:grid;width:38px;height:38px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#263651}.settlement-modal__header svg[data-v-7cecc261],.settlement-modal__close svg[data-v-7cecc261]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.settlement-modal__form[data-v-7cecc261]{display:flex;flex-direction:column;gap:14px;background:transparent}.settlement-section[data-v-7cecc261]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.settlement-modal__form .section-title[data-v-7cecc261]{display:flex;align-items:center;min-height:61px;margin:0;padding:6px 12px;border-radius:8px 8px 0 0;background:linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%);color:#0a1d42;font-size:17px;font-weight:700}.settlement-section-icon[data-v-7cecc261]{display:grid;flex:0 0 43px;width:43px;height:43px;margin-right:13px;place-items:center;border-radius:50%;color:#102f5d;background:#e2ebf2}.settlement-section-icon svg[data-v-7cecc261]{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.settlement-modal__form .section-title strong[data-v-7cecc261],.settlement-modal__form .section-title small[data-v-7cecc261]{display:block}.settlement-modal__form .section-title small[data-v-7cecc261]{margin-top:1px;color:#53617e;font-size:13px;font-weight:400}.settlement-section__content[data-v-7cecc261]{padding:12px 14px 15px}.settlement-section__content > .row[data-v-7cecc261]{margin-right:0;margin-left:0}.settlement-section__content > .border[data-v-7cecc261]{margin:0 0 12px;border-color:#dce7f0!important;background:#fbfdff}.settlement-modal__form[data-v-7cecc261] .input__label__form{margin-bottom:6px;color:#263653;font-size:14px;font-weight:600}.settlement-modal__form[data-v-7cecc261] .mws__input--field,.settlement-modal__form[data-v-7cecc261] .mws__select--field{min-height:44px;border:1px solid #c7d5e5;border-radius:8px}.modal-footer-custom[data-v-7cecc261]{padding:14px 2px 0}.settlement-modal__body[data-v-7cecc261] + *{background:#f7fafc}

.modal-body[data-v-2814f264] {
  max-height: 75vh;
  overflow-y: auto;
  padding: 12px;
}
.custom-textarea[data-v-2814f264] {
  min-height: 220px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  padding: 10px 12px;
  font-family: 'Satoshi', sans-serif;
  font-size: 16px;
  line-height: 26px;
  width: 100%;
}
[data-v-2814f264] .custom-quill .ql-container { min-height: 340px; border: 1px solid #e5e7eb; border-radius: 16px;
}
[data-v-2814f264] .custom-quill .ql-editor { min-height: 280px;
}
.preview-box[data-v-2814f264] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
}
.preview-header[data-v-2814f264] { padding: 14px; border-bottom: 1px solid #e5e7eb; border-top-left-radius: 12px; border-top-right-radius: 12px;  background-color: #fbfbfb}
.preview-body[data-v-2814f264] { padding: 16px; color: #6b7280; font-family: 'Satoshi', sans-serif;
}
.logo-preview[data-v-2814f264] { width: 120px; height: auto; margin-bottom: 12px;
}
.preview-body-content[data-v-2814f264] p { margin: 0;
}

.logo[data-v-98a6dd5e] { width: 84px; height: auto;
}
.preview-header[data-v-98a6dd5e] { padding: 8px 0;
}
.company-info .text-muted[data-v-98a6dd5e], .settlement-info[data-v-98a6dd5e] { font-size: 14px;
}

/* Optional: tweak table typography to match app */
[data-v-98a6dd5e] .mws__table.table { font-size: 14px;
}
.charges-title[data-v-98a6dd5e] {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #4b5563;
}
.preview-frame[data-v-98a6dd5e] {
  width: 100%;
  height: 80vh;
  border: none;
}

.mark-status-modal__title[data-v-1bdda9df] {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: var(--color-black-50);
}
.mark-status-modal__message[data-v-1bdda9df] {
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: var(--text-light-grey);
}
.button__mark-status[data-v-1bdda9df] {
  font-family: 'Figtree-Semi-Bold', sans-serif;
  font-weight: 600;
  font-size: 15px;
  border-radius: 10px;
  padding: 10px 20px;
  border: none;
  color: var(--color-white);
}
.button__mark-status--paid[data-v-1bdda9df] {
  background-color: var(--color-primary);
}
.button__mark-status--unpaid[data-v-1bdda9df] {
  background-color: var(--color-amber-gold);
}

.settlement-employee-dropdown[data-v-a0328051] .dropdown-menu {
    z-index: 900 !important;
}
.settlement-reload-icon[data-v-a0328051] {
  transition: color 0.15s ease, transform 0.15s ease;
}
.action-icon-btn:hover .settlement-reload-icon[data-v-a0328051] {
  color: var(--color-blue-primary, #2979ff);
}
.settlement-reload-icon.is-spinning[data-v-a0328051] {
  animation: settlement-reload-spin-a0328051 0.8s linear infinite;
}
.action-icon-btn[data-v-a0328051]:disabled {
  cursor: wait;
  opacity: 0.55;
}
@keyframes settlement-reload-spin-a0328051 {
to {
    transform: rotate(360deg);
}
}

.permission-grid[data-v-6590e13e] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 20px;
}
@media (max-width: 992px) {
.permission-grid[data-v-6590e13e] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.permission-grid[data-v-6590e13e] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.permission-grid[data-v-6590e13e] {
    grid-template-columns: repeat(1, 1fr);
}
}
.modal-body[data-v-6590e13e] {
  max-height: 75vh;
  overflow-y: auto;
  padding: 12px;
}

.map-locations-modal__content[data-v-15353726]{border:0;border-radius:14px;overflow:hidden}.map-locations-modal__body[data-v-15353726]{padding:0 22px 22px;background:#f7fafc}.map-locations-modal__header[data-v-15353726]{display:flex;align-items:center;width:100%;padding:6px 6px 12px}.map-locations-modal__icon[data-v-15353726]{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;margin-right:13px;border-radius:50%;color:#102f5d;background:#e2ebf2}.map-locations-modal__icon svg[data-v-15353726]{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.map-locations-modal__header h2[data-v-15353726]{margin:0;color:#0a1939;font-size:20px;font-weight:700}.map-locations-modal__header p[data-v-15353726]{margin:2px 0 0;color:#53678f;font-size:13px}.map-locations-modal__close[data-v-15353726]{display:grid;width:34px;height:34px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#263651;font-size:25px}.map-locations-modal__close[data-v-15353726]:hover{background:#f3f6f9}.map-locations-modal__section[data-v-15353726]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.map-locations-modal__section-title[data-v-15353726]{padding:11px 14px;color:#0a1d42;border-radius:8px 8px 0 0;background:linear-gradient(110deg,#eef4f8,#f5f8fa);font-size:15px;font-weight:700}.map-locations-modal__section-content[data-v-15353726]{padding:14px}
.map-container[data-v-15353726] {
  width: 100%;
  height: min(68vh, 760px);
  min-height: 480px;
}
.custom-footer[data-v-15353726] {
  border-top: none;
}
/* Keep nested rate-card dialogs visually aligned with the Add Company modal. */
.map-locations-modal__icon[data-v-15353726] { flex-basis: 58px; width: 58px; height: 58px; margin-right: 15px;
}
.map-locations-modal__icon svg[data-v-15353726] { width: 26px; height: 26px;
}
.map-locations-modal__header h2[data-v-15353726] { margin: 0 0 3px; font-size: 25px; line-height: 1.15;
}
.map-locations-modal__header p[data-v-15353726] { margin: 0; font-size: 14px;
}
.map-locations-modal__close[data-v-15353726] { width: 38px; height: 38px;
}
.map-locations-modal__close svg[data-v-15353726] { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.map-locations-modal__section-title[data-v-15353726] { font-size: 17px;
}

.company-modal__content[data-v-c6d3bb02] { border: 0; border-radius: 14px; overflow: hidden;
}
.company-modal__body[data-v-c6d3bb02] { padding: 0 22px 22px; background: #f7fafc;
}
.company-modal__header[data-v-c6d3bb02] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.company-modal__header-icon[data-v-c6d3bb02], .company-section__icon[data-v-c6d3bb02] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.company-modal__header-icon[data-v-c6d3bb02] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}
.company-modal__header-icon svg[data-v-c6d3bb02] { width: 26px; height: 26px;
}
.company-modal__header h2[data-v-c6d3bb02] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.company-modal__header p[data-v-c6d3bb02] { margin: 0; color: #53678f; font-size: 14px;
}
.company-modal__close[data-v-c6d3bb02] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.company-modal__close[data-v-c6d3bb02]:hover { background: #f3f6f9;
}
.company-modal__close svg[data-v-c6d3bb02] { width: 23px; height: 23px;
}
.company-modal__header svg[data-v-c6d3bb02], .company-section__icon svg[data-v-c6d3bb02] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.company-modal__form[data-v-c6d3bb02] { display: flex; flex-direction: column; gap: 14px;
}
.company-section[data-v-c6d3bb02] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.company-section__heading[data-v-c6d3bb02] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.company-section__icon[data-v-c6d3bb02] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.company-section__icon svg[data-v-c6d3bb02] { width: 23px; height: 23px;
}
.company-section__heading h3[data-v-c6d3bb02] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.company-section__heading p[data-v-c6d3bb02] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.company-section__content[data-v-c6d3bb02] { padding: 12px 14px 15px; margin: 0;
}
.company-section__content[data-v-c6d3bb02] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.company-section__content[data-v-c6d3bb02] .mws__input--field, .company-section__content[data-v-c6d3bb02] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.company-section__content[data-v-c6d3bb02] .mws__input--field:focus, .company-section__content[data-v-c6d3bb02] .mws__select--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, 0.1);
}
@media (max-width: 767px) {
.company-modal__body[data-v-c6d3bb02] { padding: 0 14px 14px;
}
.company-section__heading[data-v-c6d3bb02] { align-items: flex-start; padding: 10px;
}
}
.company-photo-upload[data-v-c6d3bb02] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  padding: 20px;
  border: 1.5px dashed #cbd5e1;
  border-radius: 12px;
  background: #fafcff;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.company-photo-upload[data-v-c6d3bb02]:hover,
.company-photo-upload[data-v-c6d3bb02]:focus-visible,
.company-photo-upload--dragging[data-v-c6d3bb02] {
  border-color: #3364ff;
  background: #f5f8ff;
  box-shadow: 0 0 0 3px rgba(51, 100, 255, 0.09);
  outline: none;
}
.company-photo-upload--filled[data-v-c6d3bb02] {
  min-height: 190px;
  background: #f8fafc;
}
.company-photo-upload__prompt[data-v-c6d3bb02] {
  color: #344054;
}
.company-photo-upload__icon[data-v-c6d3bb02] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 10px;
  border: 1px solid #dbe4ff;
  border-radius: 50%;
  background: #eef3ff;
  color: #3364ff;
}
.company-photo-upload__title[data-v-c6d3bb02] {
  font-size: 14px;
  font-weight: 500;
}
.company-photo-upload__title .upload-link[data-v-c6d3bb02] {
  color: #3364ff;
  font-weight: 600;
}
.company-photo-upload__hint[data-v-c6d3bb02] {
  margin-top: 4px;
  color: #667085;
  font-size: 13px;
}
.company-photo-preview[data-v-c6d3bb02] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}
.company-photo-preview__image[data-v-c6d3bb02] {
  display: block;
  width: 150px;
  height: 105px;
  border-radius: 8px;
  object-fit: contain;
  background: #f8fafc;
}
.company-photo-preview__remove[data-v-c6d3bb02] {
  position: absolute;
  top: -9px;
  right: -9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #ef4444;
  color: #fff;
  box-shadow: 0 2px 7px rgba(15, 23, 42, 0.2);
  cursor: pointer;
}
.company-photo-preview__remove[data-v-c6d3bb02]:hover {
  background: #dc2626;
}
.company-photo-preview__replace[data-v-c6d3bb02] {
  padding: 0;
  border: 0;
  background: transparent;
  color: #3364ff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

/* ensure input doesn't overflow when paired with delete icon */
[data-v-c6d3bb02] .additional-address-row .form-control.custom-input {
  width: auto;
  flex: 1;
}
.docsign-doc-list[data-v-c6d3bb02] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.docsign-doc-card[data-v-c6d3bb02] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #DCE4E8;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.docsign-doc-card[data-v-c6d3bb02]:hover {
  background-color: #F7F9FA;
}
.docsign-doc-card__icon[data-v-c6d3bb02] {
  flex-shrink: 0;
}
.docsign-doc-card__info[data-v-c6d3bb02] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.docsign-doc-card__title[data-v-c6d3bb02] {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-grey-section, #374151);
}
.docsign-doc-card__date[data-v-c6d3bb02] {
  font-size: 12px;
  color: var(--color-black-50, #9ca3af);
  white-space: nowrap;
}
.docsign-doc-card .docsign-status-pill[data-v-c6d3bb02] {
  flex-shrink: 0;
}
.docsign-doc-card__sign-btn[data-v-c6d3bb02] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--color-grey-light-2, #d0d5dd);
  border-radius: 8px;
  background-color: var(--color-white);
  color: var(--color-primary);
  cursor: pointer;
}
.docsign-doc-card__sign-btn[data-v-c6d3bb02]:hover {
  background-color: rgba(105, 187, 85, 0.12);
  border-color: var(--color-primary);
}

.company-logo[data-v-bdf365f4] {
  display: inline-flex;
  width: 52px;
  height: 40px;
  align-items: center;
  justify-content: center;
}
.company-logo__initials[data-v-bdf365f4] {
  display: inline-flex;
  width: 33px;
  height: 33px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e5e5e5;
  color: #202124;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
.company-logo__image[data-v-bdf365f4] {
  display: block;
  width: 52px;
  height: 40px;
  object-fit: contain;
}
.contract-cell[data-v-bdf365f4] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.contract-cell__row[data-v-bdf365f4] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  white-space: nowrap;
}
.contract-cell__title[data-v-bdf365f4] {
  font-weight: 500;
}
.cell-na[data-v-bdf365f4] {
  color: var(--color-cool-grey);
  font-weight: 400;
}

.sales-graph-card[data-v-25a1c568] {
  width: 100%; min-height: 470px; padding: 22px; background: #fff;
  border: 1px solid #e1e7f0; border-radius: 14px; box-shadow: 0 6px 20px rgba(17, 38, 72, 0.07);
}
.sales-graph-card__header[data-v-25a1c568] { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px;
}
.sales-graph-card__header h2[data-v-25a1c568] {
  margin: 0; color: #0b1735; font-family: HelveticaCustom, Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 700;
}
.sales-graph-card__header p[data-v-25a1c568] { margin: 3px 0 0; color: #53617b; font-size: 13px;
}
.customer-date-filter[data-v-25a1c568] { width: 145px; min-width: 145px;
}
.customer-owing-content[data-v-25a1c568] {
  display: grid; grid-template-columns: minmax(190px, 0.85fr) minmax(270px, 1.3fr);
  align-items: center; gap: 20px; margin-top: 30px;
}
.customer-donut[data-v-25a1c568] { position: relative; width: min(100%, 215px); aspect-ratio: 1; margin: 0 auto; border-radius: 50%;
}
.customer-donut[data-v-25a1c568]::after { position: absolute; inset: 36px; content: ''; background: #fff; border-radius: 50%;
}
.customer-donut__center[data-v-25a1c568] {
  position: absolute; z-index: 1; inset: 39px; display: flex; align-items: center;
  justify-content: center; flex-direction: column; text-align: center;
}
.customer-donut__center strong[data-v-25a1c568] { color: #0b1735; font-size: 18px; line-height: 1.15; word-break: break-word;
}
.customer-donut__center span[data-v-25a1c568] { margin-top: 7px; color: #53617b; font-size: 12px;
}
.customer-summary-grid[data-v-25a1c568] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
}
.customer-summary-card[data-v-25a1c568] {
  min-width: 0; min-height: 105px; padding: 12px; background: linear-gradient(180deg, #fff, var(--customer-soft));
  border: 1px solid #dfe5ee; border-left: 3px solid var(--customer-color); border-radius: 9px;
}
.customer-summary-card__name[data-v-25a1c568] { display: flex; align-items: flex-start; gap: 7px;
}
.customer-summary-card__name span[data-v-25a1c568] {
  width: 10px; height: 10px; margin-top: 3px; flex: 0 0 10px; background: var(--customer-color); border-radius: 50%;
}
.customer-summary-card h3[data-v-25a1c568] {
  min-height: 32px; margin: 0; color: #1b2740; font-size: 12px; font-weight: 700;
  line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.customer-summary-card > strong[data-v-25a1c568] { display: block; margin-top: 4px; color: var(--customer-color); font-size: 15px;
}
.customer-summary-card > small[data-v-25a1c568] { display: block; margin-top: 2px; color: #53617b; font-size: 10px;
}
.sales-chart-empty[data-v-25a1c568] { display: grid; min-height: 260px; place-items: center; color: #7b879d; font-size: 14px;
}
@media (max-width: 575px) {
.sales-graph-card[data-v-25a1c568] { min-height: 420px; padding: 18px 14px;
}
.sales-graph-card__header[data-v-25a1c568] { flex-direction: column;
}
.customer-date-filter[data-v-25a1c568] { width: 100%;
}
.customer-owing-content[data-v-25a1c568] { grid-template-columns: 1fr;
}
.customer-summary-grid[data-v-25a1c568] { grid-template-columns: 1fr;
}
}

.sales-graph-card[data-v-9d3fe042] {
  display: flex; flex-direction: column;
  width: 100%; min-height: 470px; padding: 22px; background: #fff;
  border: 1px solid #e1e7f0; border-radius: 14px; box-shadow: 0 6px 20px rgba(17, 38, 72, 0.07);
}
.sales-graph-card__header h2[data-v-9d3fe042] {
  margin: 0; color: #0b1735; font-family: HelveticaCustom, Helvetica, Arial, sans-serif; font-size: 21px; font-weight: 700;
}
.sales-graph-card__header p[data-v-9d3fe042] { margin: 3px 0 0; color: #53617b; font-size: 13px;
}
.money-bar-chart[data-v-9d3fe042] { display: flex; flex-direction: column; flex: 1; min-height: 0; margin-top: 22px;
}
.money-bar-chart__rows[data-v-9d3fe042] {
  flex: 1; min-height: 0; display: grid; grid-auto-rows: minmax(32px, 1fr);
  overflow-y: auto; padding-right: 3px;
}
.money-bar-row[data-v-9d3fe042] {
  display: grid; grid-template-columns: 42px minmax(0, 1fr) 105px; min-height: 32px;
  align-items: stretch; gap: 9px;
}
.money-bar-row__label[data-v-9d3fe042] { align-self: center; color: #34425f; font-size: 12px; text-align: right;
}
.money-bar-row__track[data-v-9d3fe042] {
  position: relative; min-height: 0; border-left: 1px solid #cdd6e4; border-bottom: 1px solid #d7dfeb;
  background-image: linear-gradient(to right, transparent calc(100% - 1px), #dce3ee calc(100% - 1px));
  background-size: calc(100% / var(--grid-divisions)) 100%;
}
.money-bar-row__fill[data-v-9d3fe042] {
  position: absolute; top: 50%; left: 0; height: 16px; min-width: 0; transform: translateY(-50%);
  background: linear-gradient(90deg, #1683f8, #3d9cff); border-radius: 2px;
  transition: width 0.35s ease;
}
.money-bar-row > strong[data-v-9d3fe042] { align-self: center; color: #111827; font-size: 11px; white-space: nowrap;
}
.money-bar-axis[data-v-9d3fe042] {
  display: flex; margin: 6px 114px 0 51px; justify-content: space-between; color: #53617b; font-size: 10px;
}
.sales-chart-empty[data-v-9d3fe042] {
  display: grid; flex: 1; min-height: 340px; place-items: center; color: #7b879d; font-size: 14px;
}
@media (max-width: 575px) {
.sales-graph-card[data-v-9d3fe042] { min-height: 420px; padding: 18px 14px;
}
.money-bar-row[data-v-9d3fe042] { grid-template-columns: 34px minmax(0, 1fr) 76px;
}
.money-bar-row > strong[data-v-9d3fe042] { font-size: 9px;
}
.money-bar-axis[data-v-9d3fe042] { margin-right: 85px; margin-left: 43px;
}
}

.sales-overview[data-v-4f581739] { padding: 24px;
}
.sales-overview__header[data-v-4f581739] { align-items: center;
}
.sales-summary-row[data-v-4f581739] { margin-top: 28px; margin-bottom: 22px; row-gap: 14px;
}
.invoice-summary-card[data-v-4f581739] {
  display: flex; width: 100%; min-height: 108px; padding: 14px 16px; flex-direction: column;
  border: 1px solid; border-radius: 12px; cursor: pointer; text-align: left;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.invoice-summary-card[data-v-4f581739]:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.sales-summary-card__top[data-v-4f581739] { display: flex; align-items: center; justify-content: space-between; gap: 10px;
}
.sales-summary-card__label[data-v-4f581739], .sales-summary-card__count[data-v-4f581739] {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 700;
}
.sales-summary-card__count[data-v-4f581739] { min-width: 28px; padding: 2px 8px; border-radius: 10px; text-align: center;
}
.sales-summary-card__amount[data-v-4f581739] {
  margin-top: 17px; font-family: HelveticaCustom, Helvetica, Arial, sans-serif; font-size: 22px; line-height: 1.15;
}
.sales-chart-row[data-v-4f581739] { row-gap: 18px;
}
.sales-chart-row[data-v-4f581739] > * { display: flex;
}
@media (max-width: 767px) {
.sales-overview__header .text-end[data-v-4f581739] { margin-top: 14px; text-align: left !important;
}
}
@media (max-width: 575px) {
.sales-overview[data-v-4f581739] { padding: 18px 12px;
}
}

.product-modal__content[data-v-20bb9cc2] { overflow: hidden; border: 0; border-radius: 14px;
}
.product-modal__body[data-v-20bb9cc2] { padding: 0 22px 22px; background: #f7fafc;
}
.product-modal__header[data-v-20bb9cc2] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.product-modal__header-icon[data-v-20bb9cc2], .product-section__icon[data-v-20bb9cc2] { display: grid; place-items: center; border-radius: 50%; background: #e2ebf2; color: #102f5d;
}
.product-modal__header-icon[data-v-20bb9cc2] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; color: #2e9d3c; background: #eef8f2;
}
.product-modal__header h2[data-v-20bb9cc2] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.product-modal__header p[data-v-20bb9cc2] { margin: 0; color: #53678f; font-size: 14px;
}
.product-modal__header-icon svg[data-v-20bb9cc2] { width: 26px; height: 26px;
}
.product-modal__close[data-v-20bb9cc2] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.product-modal__close[data-v-20bb9cc2]:hover { background: #f3f6f9;
}
.product-modal__close svg[data-v-20bb9cc2] { width: 23px; height: 23px;
}
.product-modal__header svg[data-v-20bb9cc2], .product-section__icon svg[data-v-20bb9cc2] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.product-modal__form[data-v-20bb9cc2] { display: flex; flex-direction: column; gap: 14px;
}
.product-section[data-v-20bb9cc2] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.product-section__heading[data-v-20bb9cc2] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.product-section__icon[data-v-20bb9cc2] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.product-section__icon svg[data-v-20bb9cc2] { width: 23px; height: 23px;
}
.product-section__heading h3[data-v-20bb9cc2] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.product-section__heading p[data-v-20bb9cc2] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.product-section__content[data-v-20bb9cc2] { padding: 12px 14px 15px; margin: 0;
}
.product-section__content[data-v-20bb9cc2] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.product-section__content[data-v-20bb9cc2] .mws__input--field, .product-section__content[data-v-20bb9cc2] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.product-section__content[data-v-20bb9cc2] .mws__input--field:focus, .product-section__content[data-v-20bb9cc2] .mws__select--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, .1);
}
.product-modal__footer[data-v-20bb9cc2] { margin-top: 16px;
}
@media (max-width: 767px) {
.product-modal__body[data-v-20bb9cc2] { padding: 0 14px 14px;
}
.product-section__heading[data-v-20bb9cc2] { align-items: flex-start; padding: 10px;
}
}


/* ensure input doesn't overflow when paired with delete icon */
[data-v-d2eb3c4f] .additional-address-row .form-control.custom-input {
    width: auto;
    flex: 1;
}


.custom-quill[data-v-61469212] {
    min-height: 340px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 12px;
    font-family: 'Satoshi', sans-serif;
}
.custom-quill .ql-editor[data-v-61469212] {
    min-height: 280px;
}
.preview-box[data-v-61469212] {
    border: 1px solid #e5e7eb;
    border-radius: 16px;
}
.preview-header[data-v-61469212] {
    padding: 14px;
    border-bottom: 1px solid #e5e7eb;
    border-radius: 12px 12px 0 0;
    background-color: #fbfbfb;
}
.preview-body[data-v-61469212] {
    padding: 16px;
    color: #6b7280;
    font-family: 'Satoshi', sans-serif;
}
.logo-preview[data-v-61469212] {
    width: 120px;
    height: auto;
    margin-bottom: 12px;
}
.custom-modal-body[data-v-61469212] {
    max-height: 80vh;
    overflow-y: auto;
    padding: 12px;
}
.preview-body-content[data-v-61469212] p { margin: 0;
}

[data-v-1fc60095] .vs__search {
    z-index: 0 !important;
}
[data-v-1fc60095] .invoice-item-actions-column {
    min-width: 112px;
}

/* Keep multi-select checkboxes and option text aligned on narrow screens. */
[data-v-1fc60095] .invoice-multiselect .vs__dropdown-menu {
    max-width: calc(100vw - 32px);
}
[data-v-1fc60095] .invoice-multiselect-option {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: 10px;
    margin: 0;
    cursor: pointer;
}
[data-v-1fc60095] .invoice-multiselect-option input[type="checkbox"] {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
}
[data-v-1fc60095] .invoice-multiselect-option span {
    min-width: 0;
    overflow-wrap: anywhere;
}
[data-v-1fc60095] .invoice-unit-price-input {
    appearance: textfield;
    -moz-appearance: textfield;
}
[data-v-1fc60095] .invoice-unit-price-input::-webkit-inner-spin-button,[data-v-1fc60095] .invoice-unit-price-input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

/* Keep the Create Invoice filters and configuration controls on the same compact baseline. */
#manage-invoice[data-v-1fc60095] .form-date-picker .dp__input,
#invoice-configuration[data-v-1fc60095] .form-date-picker .dp__input,
#invoice-configuration[data-v-1fc60095] .mws__select--field,
#invoice-configuration[data-v-1fc60095] .mws__form--field {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 8px;
}

/* The company selector remains flexible when its selected chips wrap. */
#manage-invoice[data-v-1fc60095] .invoice-multiselect .vs__dropdown-toggle {
    min-height: 44px;
    border-radius: 8px;
}
@media (max-width: 576px) {
[data-v-1fc60095] .invoice-multiselect .vs__dropdown-menu {
        min-width: min(280px, calc(100vw - 32px));
}
[data-v-1fc60095] .invoice-multiselect .vs__selected {
        max-width: calc(100% - 28px);
}
}


[data-v-50a28f01] .vue-treeselect__control {
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    max-height: 104px !important;
    overflow: hidden !important;
}
[data-v-50a28f01] .vue-treeselect__multi-value-item {
    background-color: var(--color-blue-primary);
    color: var(--color-white);
    font-family: 'Satoshi-Medium', sans-serif;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 8px;
    margin: 2px 0px 2px 4px;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
}
[data-v-50a28f01] .vue-treeselect__multi-value {
    max-height: 84px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
[data-v-50a28f01] .vue-treeselect__value-remove {
    color: white;
}
[data-v-50a28f01] .vue-treeselect__value-remove:hover {
    color: white;
}
[data-v-50a28f01] .vue-treeselect__label {
    font-size: large;
}
[data-v-50a28f01] .vue-treeselect__checkbox {
    width: 20px;
    height: 20px;
}
[data-v-50a28f01] .vue-treeselect__minus-mark {
    left: 5px;
    top: 5px;
    height: 15px;
    width: 15px;
}
[data-v-50a28f01] .vue-treeselect__check-mark {
    left: 4px;
    top: 4px;
    background-size: 9px 9px
}
.title-image[data-v-50a28f01] {
    background: var(--color-light-pistachio);
    height: 55px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 55px;
    border-radius: 100%;
}

.chevron-icons[data-v-3a51f58f] {
  height: 8px;
  line-height: 0;
}
.chevron-icons img[data-v-3a51f58f] {
  width: 14px;
  height: 14px;
  opacity: 0.55;
}
.chevron-icons.active img[data-v-3a51f58f] {
  opacity: 1;
}
.manage-invoice-date-field[data-v-3a51f58f] {
  width: 100%;
}
.manage-invoice-date-field[data-v-3a51f58f] .dp__input {
  font-family: "anthropic-sans-light", sans-serif;
  width: 100%;
  padding: 7px 9px 7px 34px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 6px;
  font-size: 13px;
  height: 32px;
  min-height: 32px;
  box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
}
.manage-invoice-date-field[data-v-3a51f58f] .dp__clear_icon {
  right: 9px;
}
.company-cell[data-v-3a51f58f] {
  position: relative;
  min-width: 180px;
  outline: none;
  overflow: visible;
}
.company-list[data-v-3a51f58f] {
  background: rgb(240, 253, 244);
  border: 1px solid rgb(187, 247, 208);
  border-radius: 8px;
  padding: 7px 9px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.company-list li[data-v-3a51f58f] {
  color: rgb(20, 83, 45);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.company-list li+li[data-v-3a51f58f] {
  margin-top: 4px;
}
.company-more-button[data-v-3a51f58f] {
  display: inline-flex;
  align-items: center;
  border: 1px solid #22c55e;
  border-radius: 999px;
  padding: 0 7px;
  color: #047857;
  background: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  cursor: pointer;
}
.company-more-button[data-v-3a51f58f]:hover,
.company-more-button[data-v-3a51f58f]:focus-visible {
  background: #dcfce7;
  outline: none;
}
.company-list-popover[data-v-3a51f58f] {
  position: absolute;
  z-index: 50;
  top: calc(100% + 8px);
  left: 10px;
  min-width: 170px;
  max-width: 280px;
  padding: 12px 14px;
  border-radius: 9px;
  color: #fff;
  background: #111827;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.28);
  font-size: 13px;
  line-height: 1.55;
  white-space: nowrap;
}
.company-list-popover[data-v-3a51f58f]::before {
  position: absolute;
  top: -5px;
  left: 18px;
  width: 10px;
  height: 10px;
  background: #111827;
  content: '';
  transform: rotate(45deg);
}
.sending-status[data-v-3a51f58f] {
display: flex;
  align-items: center;
  gap: 5px;
  color: rgb(15, 23, 42);
  font-weight: 600;
  font-size: 12.5px;
}
.dots[data-v-3a51f58f] {
  display: flex;
  gap: 3px;
}
.dot[data-v-3a51f58f] {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color-black);
  opacity: 0.2;
  animation: blink-3a51f58f 1s infinite linear;
  animation-delay: calc(var(--i) * 0.15s);
}
@keyframes blink-3a51f58f {
0% {
    opacity: 0.2;
    transform: scale(1);
}
50% {
    opacity: 1;
    transform: scale(1.4);
}
100% {
    opacity: 0.2;
    transform: scale(1);
}
}
.count-container[data-v-3a51f58f] {
  font-family: "anthropic-sans-extra-bold", sans-serif;
  font-size: 11px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.65);
  border-radius: 10px;
  padding: 2px 8px;
  flex-shrink: 0;
}
.invoice-summary-card[data-v-3a51f58f] {
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
  flex: 1 1 0%;
  min-width: 170px;
  border: 1px solid;
  border-radius: 12px;
  padding: 14px 16px;
}
.invoice-summary-card[data-v-3a51f58f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.active-summary-card .count-container[data-v-3a51f58f] {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.2);
}
[data-v-3a51f58f] .dp__input {
  min-height: 30px !important;
}
.slide-fade-enter-active[data-v-3a51f58f],
.slide-fade-leave-active[data-v-3a51f58f] {
  transition: all 0.2s ease;
}
.slide-fade-enter-from[data-v-3a51f58f],
.slide-fade-leave-to[data-v-3a51f58f] {
  opacity: 0;
  transform: translateY(-6px);
}
[data-v-3a51f58f] .vue-treeselect__control {
  padding: 0 !important;
  border: none !important;
  height: auto !important;
  max-height: 104px !important;
  overflow: hidden !important;
}
[data-v-3a51f58f] .vue-treeselect__multi-value-item {
  background-color: var(--color-blue-primary);
  color: var(--color-white);
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 500;
  padding: 4px 8px;
  font-size: 7px;
  border-radius: 8px;
  margin: 2px 0px 2px 4px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
}
[data-v-3a51f58f] .vue-treeselect__multi-value {
  max-height: 84px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
[data-v-3a51f58f] .vue-treeselect__value-remove {
  color: white;
}
[data-v-3a51f58f] .vue-treeselect__value-remove:hover {
  color: white;
}
[data-v-3a51f58f] .vue-treeselect__label {
  font-size: large;
}
[data-v-3a51f58f] .vue-treeselect__checkbox {
  width: 20px;
  height: 20px;
}
[data-v-3a51f58f] .vue-treeselect__minus-mark {
  left: 5px;
  top: 5px;
  height: 15px;
  width: 15px;
}
[data-v-3a51f58f] .vue-treeselect__check-mark {
  left: 4px;
  top: 4px;
  background-size: 9px 9px
}
[data-v-3a51f58f] .vue-treeselect__multi-value-item-container {
  padding-top: 0px !important;
}

.template-modal__dialog {
  width: calc(100vw - 28px);
  max-width: 1304px;
  margin: 10px auto;
}
.template-modal__content {
  max-height: calc(100vh - 20px);
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 65px rgba(15, 31, 54, 0.25);
  color: #0d1f43;
  font-family: Inter, sans-serif;
}
.template-modal__content > .modal-header {
  min-height: 98px;
  padding: 16px 28px 12px;
  border: 0;
}
.template-modal__body {
  overflow-y: auto;
  padding: 0 28px 18px !important;
}
.template-header[data-v-468f75c7] {
  display: flex;
  align-items: center;
  width: 100%;
}
.template-header__icon[data-v-468f75c7] {
  display: grid;
  flex: 0 0 68px;
  width: 68px;
  height: 68px;
  margin-right: 18px;
  place-items: center;
  border-radius: 50%;
  background: #eef8f2;
  color: #2e9d3c;
}
.template-header__icon svg[data-v-468f75c7] {
  width: 29px;
  height: 29px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.template-header__copy h2[data-v-468f75c7] {
  margin: 0 0 3px;
  color: #0a1939;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.15;
}
.template-header__copy p[data-v-468f75c7] {
  margin: 0;
  color: #53678f;
  font-size: 16px;
  line-height: 1.5;
}
.template-header__close[data-v-468f75c7] {
  display: grid;
  width: 38px;
  height: 38px;
  margin-left: auto;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #263651;
}
.template-header__close[data-v-468f75c7]:hover {
  background: #f3f6f9;
}
.template-header__close svg[data-v-468f75c7] {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}
.template-form[data-v-468f75c7] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.template-section[data-v-468f75c7] {
  overflow: visible;
  border: 1px solid #dce7f0;
  border-radius: 9px;
  background: #fff;
}
.section-heading[data-v-468f75c7] {
  display: flex;
  align-items: center;
  min-height: 61px;
  padding: 6px 12px;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.section-heading--compact[data-v-468f75c7] {
  min-height: 45px;
}
.section-heading__icon[data-v-468f75c7] {
  display: grid;
  flex: 0 0 47px;
  width: 47px;
  height: 47px;
  margin-right: 14px;
  place-items: center;
  border-radius: 50%;
  background: #e2ebf2;
  color: #102f5d;
}
.section-heading__icon svg[data-v-468f75c7] {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.section-heading h3[data-v-468f75c7],
.reference-title h3[data-v-468f75c7] {
  margin: 0;
  color: #0a1d42;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}
.section-heading p[data-v-468f75c7] {
  margin: 1px 0 0;
  color: #53617e;
  font-size: 14px;
  line-height: 1.35;
}
.section-content[data-v-468f75c7] {
  padding: 11px 12px 13px;
}
.bank-grid[data-v-468f75c7] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
    "template bank"
    "bsb account-name"
    ". account-number";
  gap: 10px 28px;
  min-height: 250px;
}
.template-name-field[data-v-468f75c7] {
  grid-area: template;
}
.bank-name-field[data-v-468f75c7] {
  grid-area: bank;
}
.bsb-field[data-v-468f75c7] {
  grid-area: bsb;
}
.account-name-field[data-v-468f75c7] {
  grid-area: account-name;
}
.account-number-field[data-v-468f75c7] {
  grid-area: account-number;
}
.form-field[data-v-468f75c7] {
  min-width: 0;
}
.form-field>label[data-v-468f75c7] {
  display: block;
  margin: 0 0 6px;
  color: #263653;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.form-field>label>span[data-v-468f75c7] {
  color: #ef1e2e;
  margin-left: 5px;
}
.form-field small[data-v-468f75c7] {
  display: block;
  margin-top: 3px;
  color: #dc3545;
  font-size: 11px;
}
.field-control[data-v-468f75c7] {
  position: relative;
  display: flex;
  align-items: center;
}
.field-control>svg[data-v-468f75c7] {
  position: absolute;
  z-index: 1;
  left: 15px;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: #425273;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.field-control[data-v-468f75c7] .form-control {
  height: 44px;
  padding: 8px 15px 8px 48px;
  border: 1px solid #c7d5e5;
  border-radius: 8px;
  background: #fff;
  color: #172541;
  font-size: 15px;
  box-shadow: none;
}
.field-control[data-v-468f75c7] .form-control:focus,
.terms-section[data-v-468f75c7] .form-control:focus,
.terms-section[data-v-468f75c7] .form-select:focus {
  border-color: #72a9e8;
  box-shadow: 0 0 0 3px rgba(53, 131, 226, 0.1);
}
.terms-grid[data-v-468f75c7] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  min-height: 176px;
}
.terms-copy-field[data-v-468f75c7] textarea.form-control {
  min-height: 126px;
  resize: vertical;
  padding: 12px 15px;
  border: 1px solid #c7d5e5;
  border-radius: 8px;
  color: #172541;
  font-size: 15px;
  line-height: 1.45;
  box-shadow: none;
}
.tax-controls[data-v-468f75c7] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 15px 28px;
}
.tax-controls[data-v-468f75c7] .form-select {
  height: 44px;
  padding: 8px 38px 8px 15px;
  border: 1px solid #c7d5e5;
  border-radius: 8px;
  color: #172541;
  font-size: 15px;
  box-shadow: none;
}
.percentage-control[data-v-468f75c7] {
  display: flex;
  height: 44px;
  overflow: hidden;
  border: 1px solid #c7d5e5;
  border-radius: 8px;
  background: #fff;
}
.percentage-control[data-v-468f75c7]:focus-within {
  border-color: #72a9e8;
  box-shadow: 0 0 0 3px rgba(53, 131, 226, 0.1);
}
.percentage-control input[data-v-468f75c7] {
  min-width: 0;
  flex: 1;
  padding: 8px 15px;
  border: 0;
  outline: 0;
  color: #172541;
  font: inherit;
}
.percentage-control input[data-v-468f75c7]:disabled {
  background: #f8fafc;
}
.percentage-control span[data-v-468f75c7] {
  display: grid;
  width: 45px;
  place-items: center;
  border-left: 1px solid #e4eaf1;
  background: #f8fafc;
  color: #273858;
}
.fuel-toggle-field[data-v-468f75c7] {
  padding-top: 1px;
}
.fuel-toggle-field .template-switch[data-v-468f75c7] {
  margin-top: 8px;
}
.template-switch[data-v-468f75c7] {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 53px;
  height: 30px;
  margin: 0;
  cursor: pointer;
}
.template-switch input[data-v-468f75c7] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.template-switch>span[data-v-468f75c7] {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border: 1px solid #b9c5d2;
  border-radius: 30px;
  background: #cbd5df;
  transition: 0.18s ease;
}
.template-switch>span[data-v-468f75c7]::before {
  position: absolute;
  top: 3px;
  left: 3px;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 31, 54, 0.25);
  content: "";
  transition: left 0.18s ease;
}
.template-switch input:checked+span[data-v-468f75c7] {
  border-color: #319b32;
  background: linear-gradient(180deg, #45b741, #319c31);
}
.template-switch input:checked+span[data-v-468f75c7]::before {
  left: calc(100% - 25px);
}
.template-switch input:focus-visible+span[data-v-468f75c7] {
  outline: 3px solid rgba(53, 131, 226, 0.25);
  outline-offset: 2px;
}
.freight-options[data-v-468f75c7] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  min-height: 52px;
  padding: 10px 12px;
}
.freight-options>label[data-v-468f75c7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin: 0;
  color: #22314f;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.freight-options>label+label[data-v-468f75c7] {
  border-left: 1px solid #ccd7e3;
}
.address-grid[data-v-468f75c7] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  min-height: 91px;
}
.description-section .section-heading[data-v-468f75c7] {
  min-height: 54px;
}
.description-control[data-v-468f75c7] {
  min-height: 61px;
  padding: 5px 12px 12px;
}
.description-control[data-v-468f75c7] .v-select {
  font-size: 13px;
}
.description-control[data-v-468f75c7] .vs__dropdown-toggle {
  min-height: 44px;
  padding: 3px 9px;
  border: 1px solid #c7d5e5;
  border-radius: 8px;
}
.description-control[data-v-468f75c7] .vs__selected-options {
  align-items: center;
  gap: 7px;
}
.description-control[data-v-468f75c7] .vs__selected {
  height: 31px;
  margin: 0;
  padding: 4px 10px;
  border: 1px solid #2178df;
  border-radius: 7px;
  background: linear-gradient(180deg, #4697fb, #2e80e7);
  color: #fff;
  line-height: 1;
  box-shadow: 0 2px 4px rgba(46, 128, 231, 0.2);
}
.description-control[data-v-468f75c7] .vs__deselect {
  margin-left: 8px;
  fill: #fff;
}
.description-control[data-v-468f75c7] .vs__search {
  margin: 0;
  padding: 0 5px;
}
.description-control[data-v-468f75c7] .vs__actions {
  padding-right: 4px;
}
.description-control[data-v-468f75c7] .vs__open-indicator {
  fill: #263653;
  transform: scale(0.75);
}
.description-control>small[data-v-468f75c7] {
  display: block;
  margin-top: 3px;
  color: #dc3545;
  font-size: 11px;
}
.description-option[data-v-468f75c7] {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  cursor: pointer;
}
.reference-row[data-v-468f75c7] {
  display: grid;
  grid-template-columns: 350px minmax(300px, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 72px;
  padding: 2px 0 0 12px;
  border-top: 1px solid #dce7f0;
  background: linear-gradient(100deg, #eef4f8 0, #f8fafb 31%, #fff 70%);
}
.reference-title[data-v-468f75c7] {
  display: flex;
  align-items: center;
}
.section-heading__icon--plain[data-v-468f75c7] {
  margin-right: 16px;
  background: #e2ebf2;
}
.reference-field .field-control[data-v-468f75c7] .form-control {
  background: rgba(255, 255, 255, 0.8);
}
.template-actions[data-v-468f75c7] {
  display: flex;
  gap: 20px;
}
.template-button[data-v-468f75c7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 57px;
  border-radius: 9px;
  font-size: 15px;
  font-weight: 700;
}
.template-button--cancel[data-v-468f75c7] {
  width: 126px;
  border: 1px solid #cbd6e4;
  background: #fff;
  color: #101d35;
}
.template-button--submit[data-v-468f75c7] {
  width: 164px;
  gap: 9px;
  border: 1px solid #3da93a;
  background: linear-gradient(180deg, #4dba45, #35a436);
  color: #fff;
  box-shadow: 0 4px 12px rgba(51, 161, 52, 0.2);
}
.template-button--submit svg[data-v-468f75c7] {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.template-button[data-v-468f75c7]:hover {
  filter: brightness(0.98);
}
@media (max-width: 900px) {
.template-modal__dialog {
    width: calc(100vw - 16px);
    margin: 8px auto;
}
.template-modal__content > .modal-header {
    padding: 14px 18px 10px;
}
.template-modal__body {
    padding: 0 18px 16px !important;
}
.bank-grid[data-v-468f75c7] {
    grid-template-areas: "template bank" "bsb account-name" ". account-number";
    column-gap: 14px;
}
.terms-grid[data-v-468f75c7] {
    grid-template-columns: 1fr;
    gap: 14px;
}
.reference-row[data-v-468f75c7] {
    grid-template-columns: 1fr;
    padding: 10px 0;
}
.reference-title[data-v-468f75c7] {
    display: none;
}
.template-actions[data-v-468f75c7] {
    justify-content: flex-end;
}
}
@media (max-width: 650px) {
.template-header__icon[data-v-468f75c7] {
    flex-basis: 50px;
    width: 50px;
    height: 50px;
    margin-right: 12px;
}
.template-header__copy h2[data-v-468f75c7] {
    font-size: 21px;
}
.template-header__copy p[data-v-468f75c7] {
    font-size: 12px;
}
.bank-grid[data-v-468f75c7] {
    grid-template-columns: 1fr;
    grid-template-areas: "template" "bank" "bsb" "account-name" "account-number";
}
.tax-controls[data-v-468f75c7],
  .address-grid[data-v-468f75c7] {
    grid-template-columns: 1fr;
}
.freight-options[data-v-468f75c7] {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 12px;
}
.freight-options>label[data-v-468f75c7]:nth-child(3) {
    border-left: 0;
}
.template-actions[data-v-468f75c7] {
    gap: 10px;
}
.template-button[data-v-468f75c7] {
    flex: 1;
}
}

.booking-status-grid[data-v-1b7e0d73] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 14px;
  width: 100%;
}
.booking-status-card[data-v-1b7e0d73] {
  --status-color: #59616b;
  --status-fill: 0%;
  --status-background: #fff;
  position: relative;
  isolation: isolate;
  min-width: 0;
  height: 180px;
  padding: 22px 12px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 0;
  border-radius: 18px;
  color: #1c222b;
  background: conic-gradient(from -90deg, var(--status-color) 0 var(--status-fill), #dfe3e8 var(--status-fill) 100%);
  text-align: center;
}
.booking-status-card[data-v-1b7e0d73]::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 5px;
  border-radius: 15px;
  background: var(--status-background);
}
.booking-status-card__count[data-v-1b7e0d73] {
  color: #1b222c;
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 700;
  line-height: 1;
}
.booking-status-card__icon[data-v-1b7e0d73] {
  width: 48px;
  height: 48px;
  margin-top: 16px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--status-color);
  background: color-mix(in srgb, var(--status-color) 14%, white);
  font-size: 23px;
  line-height: 1;
}
.booking-status-card__name[data-v-1b7e0d73] {
  margin-top: auto;
  max-width: 100%;
  overflow: hidden;
  color: #59616b;
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 720px) {
.booking-status-grid[data-v-1b7e0d73] { grid-template-columns: repeat(2, minmax(0, 1fr));
}
.booking-status-card[data-v-1b7e0d73] { height: 164px;
}
}

[data-v-882d65f5] .booking-table.no-cursor td {
  cursor: default !important;
}

.status-modal__content[data-v-25b118bb] { overflow: hidden; border: 0; border-radius: 14px;
}
.status-modal__body[data-v-25b118bb] { padding: 0 22px 22px; background: #f7fafc;
}
.status-modal__header[data-v-25b118bb] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.status-modal__header-icon[data-v-25b118bb], .status-section__icon[data-v-25b118bb] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.status-modal__header-icon[data-v-25b118bb] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; color: #2e9d3c; background: #eef8f2;
}
.status-modal__header h2[data-v-25b118bb] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.status-modal__header p[data-v-25b118bb] { margin: 0; color: #53678f; font-size: 14px;
}
.status-modal__header-icon svg[data-v-25b118bb] { width: 26px; height: 26px;
}
.status-modal__close[data-v-25b118bb] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.status-modal__close[data-v-25b118bb]:hover { background: #f3f6f9;
}
.status-modal__close svg[data-v-25b118bb] { width: 23px; height: 23px;
}
.status-modal__header svg[data-v-25b118bb], .status-section__icon svg[data-v-25b118bb] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.status-modal__form[data-v-25b118bb] { display: flex; flex-direction: column; gap: 14px;
}
.status-section[data-v-25b118bb] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.status-section__heading[data-v-25b118bb] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.status-section__icon[data-v-25b118bb] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.status-section__icon svg[data-v-25b118bb] { width: 23px; height: 23px;
}
.status-section__heading h3[data-v-25b118bb] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.status-section__heading p[data-v-25b118bb] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.status-section__content[data-v-25b118bb] { padding: 12px 14px 15px; margin: 0;
}
.status-section__content[data-v-25b118bb] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.status-section__content[data-v-25b118bb] .mws__input--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.status-section__content[data-v-25b118bb] .mws__input--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, .1);
}
.status-modal__footer[data-v-25b118bb] { margin-top: 16px;
}
@media (max-width: 767px) {
.status-modal__body[data-v-25b118bb] { padding: 0 14px 14px;
}
.status-section__heading[data-v-25b118bb] { align-items: flex-start; padding: 10px;
}
}

.service-type-modal__content[data-v-a9f5a190] { overflow: hidden; border: 0; border-radius: 14px;
}
.service-type-modal__body[data-v-a9f5a190] { padding: 0 22px 22px; background: #f7fafc;
}
.service-type-modal__header[data-v-a9f5a190] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.service-type-modal__header-icon[data-v-a9f5a190], .service-type-section__icon[data-v-a9f5a190] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.service-type-modal__header-icon[data-v-a9f5a190] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; color: #2e9d3c; background: #eef8f2;
}
.service-type-modal__header h2[data-v-a9f5a190] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.service-type-modal__header p[data-v-a9f5a190] { margin: 0; color: #53678f; font-size: 14px;
}
.service-type-modal__header-icon svg[data-v-a9f5a190] { width: 26px; height: 26px;
}
.service-type-modal__close[data-v-a9f5a190] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.service-type-modal__close[data-v-a9f5a190]:hover { background: #f3f6f9;
}
.service-type-modal__close svg[data-v-a9f5a190] { width: 23px; height: 23px;
}
.service-type-modal__header svg[data-v-a9f5a190], .service-type-section__icon svg[data-v-a9f5a190] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.service-type-modal__form[data-v-a9f5a190] { display: flex; flex-direction: column; gap: 14px;
}
.service-type-section[data-v-a9f5a190] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.service-type-section__heading[data-v-a9f5a190] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.service-type-section__icon[data-v-a9f5a190] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.service-type-section__icon svg[data-v-a9f5a190] { width: 23px; height: 23px;
}
.service-type-section__heading h3[data-v-a9f5a190] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.service-type-section__heading p[data-v-a9f5a190] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.service-type-section__content[data-v-a9f5a190] { padding: 12px 14px 15px;
}
.service-type-section__content[data-v-a9f5a190] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.service-type-section__content[data-v-a9f5a190] .mws__input--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.service-type-section__content[data-v-a9f5a190] .mws__input--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, .1);
}
.service-type-modal__footer[data-v-a9f5a190] { margin-top: 16px;
}
@media (max-width: 767px) {
.service-type-modal__body[data-v-a9f5a190] { padding: 0 14px 14px;
}
.service-type-section__heading[data-v-a9f5a190] { align-items: flex-start; padding: 10px;
}
}

.truck-modal__content[data-v-31c98e88] { border: 0; border-radius: 14px; overflow: hidden;
}.truck-modal__body[data-v-31c98e88] { padding: 0 22px 22px; background: #f7fafc;
}.truck-modal__header[data-v-31c98e88] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.truck-modal__header-icon[data-v-31c98e88],.truck-section__icon[data-v-31c98e88] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.truck-modal__header-icon[data-v-31c98e88] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}.truck-modal__header-icon svg[data-v-31c98e88] { width: 28px; height: 28px;
}.truck-modal__header h2[data-v-31c98e88] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700;
}.truck-modal__header p[data-v-31c98e88] { margin: 0; color: #53678f; font-size: 14px;
}.truck-modal__close[data-v-31c98e88] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.truck-modal__close[data-v-31c98e88]:hover { background: #f3f6f9;
}.truck-modal__close svg[data-v-31c98e88],.truck-modal__header svg[data-v-31c98e88],.truck-section__icon svg[data-v-31c98e88] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.truck-modal__close svg[data-v-31c98e88] { width: 23px; height: 23px;
}.truck-section[data-v-31c98e88] { border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.truck-section__heading[data-v-31c98e88] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%);
}.truck-section__icon[data-v-31c98e88] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.truck-section__icon svg[data-v-31c98e88] { width: 23px; height: 23px;
}.truck-section__heading h3[data-v-31c98e88] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.truck-section__heading p[data-v-31c98e88] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.truck-section__content[data-v-31c98e88] { padding: 12px 14px 15px; margin: 0;
}.truck-section__content[data-v-31c98e88] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}.truck-section__content[data-v-31c98e88] .mws__input--field,.truck-section__content[data-v-31c98e88] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}.truck-modal__footer[data-v-31c98e88] { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px;
}

.assignment-modal__content[data-v-6607d546] { overflow: hidden; border: 0; border-radius: 14px;
}
.assignment-modal__body[data-v-6607d546] { padding: 0 22px 22px; background: #f7fafc;
}
.assignment-modal__header[data-v-6607d546] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.assignment-modal__header-icon[data-v-6607d546], .assignment-section__icon[data-v-6607d546] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.assignment-modal__header-icon[data-v-6607d546] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; color: #2e9d3c; background: #eef8f2;
}
.assignment-modal__header h2[data-v-6607d546] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.assignment-modal__header p[data-v-6607d546] { margin: 0; color: #53678f; font-size: 14px;
}
.assignment-modal__header-icon svg[data-v-6607d546] { width: 26px; height: 26px;
}
.assignment-modal__close[data-v-6607d546] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.assignment-modal__close[data-v-6607d546]:hover { background: #f3f6f9;
}
.assignment-modal__close svg[data-v-6607d546] { width: 23px; height: 23px;
}
.assignment-modal__header svg[data-v-6607d546], .assignment-section__icon svg[data-v-6607d546] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.assignment-modal__form[data-v-6607d546] { display: flex; flex-direction: column; gap: 14px;
}
.assignment-section[data-v-6607d546] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.assignment-section__heading[data-v-6607d546] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.assignment-section__icon[data-v-6607d546] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.assignment-section__icon svg[data-v-6607d546] { width: 23px; height: 23px;
}
.assignment-section__heading h3[data-v-6607d546] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.assignment-section__heading p[data-v-6607d546] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.assignment-section__content[data-v-6607d546] { padding: 12px 14px 15px; margin: 0;
}
.assignment-section__content[data-v-6607d546] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.assignment-section__content[data-v-6607d546] .mws__input--field, .assignment-section__content[data-v-6607d546] .custom-v-select .vs__dropdown-toggle { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.assignment-section__content[data-v-6607d546] .custom-v-select .vs__dropdown-toggle { padding: 3px 6px;
}
.assignment-section__content[data-v-6607d546] .mws__input--field:focus, .assignment-section__content[data-v-6607d546] .custom-v-select.vs--open .vs__dropdown-toggle { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, .1);
}
.assignment-section__content[data-v-6607d546] .product-list { border-color: #c7d5e5 !important; border-radius: 0 0 8px 8px !important;
}
.assignment-section__content[data-v-6607d546] .product-list > div { transition: background-color .15s ease;
}
.assignment-section__content[data-v-6607d546] .product-list > div:hover { background: #f5f9fc;
}
.assignment-modal__footer[data-v-6607d546] { margin-top: 16px;
}
@media (max-width: 767px) {
.assignment-modal__body[data-v-6607d546] { padding: 0 14px 14px;
}
.assignment-section__heading[data-v-6607d546] { align-items: flex-start; padding: 10px;
}
}
.maplibregl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.maplibregl-canvas{left:0;position:absolute;top:0}.maplibregl-map:fullscreen{height:100%;width:100%}.maplibregl-ctrl-group button.maplibregl-ctrl-compass{touch-action:none}.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:grabbing}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures,.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.maplibregl-ctrl-top-left{left:0;top:0}.maplibregl-ctrl-top-right{right:0;top:0}.maplibregl-ctrl-bottom-left{bottom:0;left:0}.maplibregl-ctrl-bottom-right{bottom:0;right:0}.maplibregl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.maplibregl-ctrl-top-left .maplibregl-ctrl{float:left;margin:10px 0 0 10px}.maplibregl-ctrl-top-right .maplibregl-ctrl{float:right;margin:10px 10px 0 0}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{float:left;margin:0 0 10px 10px}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{float:right;margin:0 10px 10px 0}.maplibregl-ctrl-group{background:#fff;border-radius:4px}.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (forced-colors:active){.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.maplibregl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;padding:0;width:29px}.maplibregl-ctrl-group button+button{border-top:1px solid #ddd}.maplibregl-ctrl button .maplibregl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (forced-colors:active){.maplibregl-ctrl-icon{background-color:transparent}.maplibregl-ctrl-group button+button{border-top:1px solid ButtonText}}.maplibregl-ctrl button::-moz-focus-inner{border:0;padding:0}.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl button:disabled{cursor:not-allowed}.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon{opacity:.25}@media (hover:hover){.maplibregl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}}.maplibregl-ctrl button:not(:disabled):active{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.maplibregl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.maplibregl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.maplibregl-ctrl-group button:focus:only-child{border-radius:inherit}.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-globe .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23333' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-globe-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2333b5e5' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23333' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2333b5e5' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon{animation:maplibregl-spin 2s linear infinite}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23999' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}}@keyframes maplibregl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.maplibregl-ctrl-logo.maplibregl-compact{width:14px}@media (forced-colors:active){a.maplibregl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}.maplibregl-ctrl.maplibregl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.maplibregl-ctrl-attrib.maplibregl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;color:#000;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;list-style:none}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker{display:none}.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button{left:0}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;right:0}.maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{right:0;top:0}.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{left:0;top:0}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;left:0}}@media screen and (forced-colors:active){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.maplibregl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.maplibregl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.maplibregl-attrib-empty{display:none}.maplibregl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.maplibregl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.maplibregl-popup-anchor-left{flex-direction:row}.maplibregl-popup-anchor-right{flex-direction:row-reverse}.maplibregl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.maplibregl-popup-anchor-top .maplibregl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}[dir=rtl] .maplibregl-popup-anchor-left{flex-direction:row-reverse}[dir=rtl] .maplibregl-popup-anchor-right{flex-direction:row}[dir=rtl] .maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-start}[dir=rtl] .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-start}.maplibregl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.maplibregl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.maplibregl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:15px 10px;pointer-events:auto;position:relative}.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}.maplibregl-popup-track-pointer{display:none}.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}.maplibregl-marker{left:0;position:absolute;top:0;transition:opacity .2s;will-change:transform}.maplibregl-user-location-dot,.maplibregl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.maplibregl-user-location-dot:before{animation:maplibregl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.maplibregl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}@media (prefers-reduced-motion:reduce){.maplibregl-user-location-dot:before{animation:none}}@keyframes maplibregl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.maplibregl-user-location-dot-stale{background-color:#aaa}.maplibregl-user-location-dot-stale:after{display:none}.maplibregl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active{cursor:crosshair}.maplibregl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}.maplibregl-cooperative-gesture-screen{align-items:center;background:rgba(0,0,0,.4);color:#fff;display:flex;font-size:1.4em;inset:0;justify-content:center;line-height:1.2;opacity:0;padding:1rem;pointer-events:none;position:absolute;transition:opacity 1s ease 1s;z-index:99999}.maplibregl-cooperative-gesture-screen.maplibregl-show{opacity:1;transition:opacity .05s}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:none}@media (hover:none),(pointer:coarse){.maplibregl-cooperative-gesture-screen .maplibregl-desktop-message{display:none}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:block}}.maplibregl-pseudo-fullscreen{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:99999}
[data-v-87b94010] .booking-table td {
  max-width: none;
}

[data-v-e570fef2] .booking-table td {
    max-width: none;
}
.modal-body[data-v-e570fef2] {
    padding: 12px;
}
.webhook-desc[data-v-e570fef2] {
    margin-top: 0;
    margin-bottom: 8px;
    font-family: 'Satoshi', sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: var(--color-grey-mid, #64748b);
}
.webhook-heading[data-v-e570fef2] {
    padding-left: 12px;
}
.webhook-title[data-v-e570fef2] {
    margin: 12px 0 6px;
}
.webhook-separator[data-v-e570fef2] {
    margin-top: 18px;
    border-top: 1px solid var(--color-grey-soft, #e5e7eb);
}
.custom-checkbox.webhook-check[data-v-e570fef2] {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 0;
    column-gap: 4px;
    row-gap: 2px;
    align-items: start;
    margin-bottom: 0;
    padding-left: 0;
}
.webhook-check .form-check-input[data-v-e570fef2] {
    margin-top: 2px;
    margin-left: 0;
    float: none;
    grid-column: 1;
    grid-row: 1 / span 2;
}
.webhook-check__label[data-v-e570fef2] {
    grid-column: 2;
    grid-row: 1;
    margin-left: 4px;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
    color: var(--color-grey-deep, #111827);
    cursor: pointer;
}
.webhook-check__sub[data-v-e570fef2] {
    grid-column: 2;
    grid-row: 2;
    display: block;
    margin-left: 4px;
    font-family: 'Satoshi', sans-serif;
    font-size: 13px;
    line-height: 14px;
    color: var(--color-grey-mid, #64748b);
}


.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
  margin-left: 1px;
  margin-right: 1px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover {
  background-color: #f3f4f6;
}
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  background-color: #dbeafe;
  color: #2563eb;
}
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #2563eb;
}
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #2563eb;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #4b5563;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #4b5563;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #4b5563;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #4b5563;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #4b5563;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #4b5563;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #4b5563;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
  margin-right: 1px;
  margin-left: 1px;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: flex;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding: 5px 8px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #d1d5db;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #d1d5db;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #d1d5db;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 3px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
  margin: 2px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #d1d5db;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #d1d5db;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #d1d5db;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #d1d5db;
  box-shadow: 0px 0px 5px #d1d5db;
  color: #4b5563;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #d1d5db;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #d1d5db;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #2563eb;
}
.ql-container.ql-snow {
  border: 1px solid #d1d5db;
}

.notification-modal__content[data-v-16bd3db7] { border: 0; border-radius: 14px; overflow: hidden;
}
.notification-modal__body[data-v-16bd3db7] { padding: 0 22px 22px; background: #f7fafc;
}
.notification-modal__header[data-v-16bd3db7] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.notification-modal__header-icon[data-v-16bd3db7], .notification-section__icon[data-v-16bd3db7] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.notification-modal__header-icon[data-v-16bd3db7] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}
.notification-modal__header-icon svg[data-v-16bd3db7] { width: 26px; height: 26px;
}
.notification-modal__header h2[data-v-16bd3db7] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.notification-modal__header p[data-v-16bd3db7] { margin: 0; color: #53678f; font-size: 14px;
}
.notification-modal__close[data-v-16bd3db7] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.notification-modal__close[data-v-16bd3db7]:hover { background: #f3f6f9;
}
.notification-modal__close svg[data-v-16bd3db7] { width: 23px; height: 23px;
}
.notification-modal__header svg[data-v-16bd3db7], .notification-section__icon svg[data-v-16bd3db7] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.notification-modal__inner[data-v-16bd3db7] { display: flex; flex-direction: column; gap: 14px;
}
.notification-section[data-v-16bd3db7] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.notification-section__heading[data-v-16bd3db7] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.notification-section__icon[data-v-16bd3db7] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.notification-section__icon svg[data-v-16bd3db7] { width: 23px; height: 23px;
}
.notification-section__heading h3[data-v-16bd3db7] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.notification-section__heading p[data-v-16bd3db7] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.notification-section__content[data-v-16bd3db7] { padding: 18px 18px 20px;
}
.notification-section__content[data-v-16bd3db7] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.notification-section__content[data-v-16bd3db7] .mws__input--field, .notification-section__content[data-v-16bd3db7] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.notification-section__content[data-v-16bd3db7] .mws__input--field:focus, .notification-section__content[data-v-16bd3db7] .mws__select--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, 0.1);
}
[data-v-16bd3db7] .flatpickr-wrapper {
  width: 100%;
}

/* Bootstrap switches default to blue — recolor checked state to the current accent */
[data-v-16bd3db7] .form-check-input:checked {
  background-color: var(--mws-accent);
  border-color: var(--mws-accent);
}
[data-v-16bd3db7] .form-check-input:focus {
  border-color: var(--mws-accent);
  box-shadow: 0 0 0 0.2rem rgba(var(--mws-accent-rgb), 0.15);
}

/* Active tab accent (adjust selector to match SwitchingTabs' real class names) */
[data-v-16bd3db7] .switching-tabs .tab-item.active {
  color: #16a34a;
  border-bottom: 2px solid #16a34a;
}

/* vue-select selected chips */
.mws-select[data-v-16bd3db7] .vs__selected {
  background-color: rgba(var(--mws-accent-rgb), 0.12);
  color: var(--mws-accent);
  border: none;
  font-weight: 600;
}
.mws-select[data-v-16bd3db7] .vs__dropdown-toggle {
  border-radius: 0.5rem;
  min-height: 44px;
}

/* Quill toolbar addon items */
.quill-addon-item[data-v-16bd3db7] {
  cursor: pointer;
}
.quill-addon-item[data-v-16bd3db7]:hover {
  background-color: #eafaf0;
  color: var(--mws-accent);
}
.template-variable-icon[data-v-16bd3db7] {
  display: inline-block;
  margin-left: 0.35rem;
  vertical-align: middle;
}
[data-v-16bd3db7] .ql-toolbar {
  border: none;
  border-bottom: 1px solid #dee2e6;
}
[data-v-16bd3db7] .ql-container {
  border: none;
  min-height: 120px;
}
.switching-tabs-container[data-v-16bd3db7] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 0 2px 2px;
  border-bottom: 1px solid #dce7f0;
}
.switching-tabs-container[data-v-16bd3db7] .nav,
.switching-tabs-container[data-v-16bd3db7] .nav-pills {
  justify-content: flex-start !important;
  margin: 0 !important;
}
.switching-tabs-container[data-v-16bd3db7] ul {
  justify-content: flex-start !important;
  margin: 0 !important;
}
.template-variable-panel[data-v-16bd3db7]{
    height:348px;
    border:1px solid #dee2e6;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
}
.template-variable-header[data-v-16bd3db7]{
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:600;
    border-bottom:1px solid #dee2e6;
    background:#fff;
    color: var(--color-primary);
}
.template-variable-body[data-v-16bd3db7]{
    max-height:305px;
    overflow-y:auto;
    padding:12px;
}
.quill-addon-heading[data-v-16bd3db7]{
    font-size:12px;
    font-weight:700;
    color:#6c757d;
    text-transform:uppercase;
    margin:10px 0 6px;
}
.quill-addon-item[data-v-16bd3db7]{
    padding:6px 8px;
    border-radius:6px;
    cursor:pointer;
    transition:.2s;
    font-size:13px;
}
.quill-addon-item[data-v-16bd3db7]:hover{
  background:#f3f8f5;
  color:var(--mws-accent);
}
@media (max-width: 767px) {
.notification-modal__body[data-v-16bd3db7] { padding: 0 14px 14px;
}
.notification-section__heading[data-v-16bd3db7] { align-items: flex-start; padding: 10px;
}
.notification-section__content[data-v-16bd3db7] { padding: 14px;
}
}

[data-v-3f93c423] .booking-table td {
  max-width: none;
}
.clickable-cell[data-v-3f93c423] {
  cursor: pointer;
}
.legend-events-col[data-v-3f93c423] {
  width: 160px;
}

.modal-body[data-v-a4103a4b] {
  max-height: 75vh;
  overflow-y: auto;
  padding: 12px;
}
[data-v-a4103a4b] .custom-quill .ql-container { min-height: 260px; border: 1px solid #e5e7eb; border-radius: 16px;
}
[data-v-a4103a4b] .custom-quill .ql-editor { min-height: 220px;
}
.preview-box[data-v-a4103a4b] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
}
.preview-header[data-v-a4103a4b] { padding: 14px; border-bottom: 1px solid #e5e7eb; border-top-left-radius: 12px; border-top-right-radius: 12px; background-color: #fbfbfb;
}
.preview-body[data-v-a4103a4b] { padding: 16px; color: #6b7280; font-family: 'Satoshi', sans-serif;
}
.logo-preview[data-v-a4103a4b] { width: 120px; height: auto; margin-bottom: 12px;
}
.preview-body-content[data-v-a4103a4b] p { margin: 0;
}
.template-variable-panel[data-v-a4103a4b] {
  height: 240px;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.template-variable-header[data-v-a4103a4b] {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dee2e6;
  background: #fff;
  color: var(--color-primary);
}
.template-variable-body[data-v-a4103a4b] {
  max-height: 194px;
  overflow-y: auto;
  padding: 12px;
}
.quill-addon-heading[data-v-a4103a4b] {
  font-size: 12px;
  font-weight: 700;
  color: #6c757d;
  text-transform: uppercase;
  margin: 10px 0 6px;
}
.quill-addon-item[data-v-a4103a4b] { cursor: pointer;
}
.quill-addon-item[data-v-a4103a4b]:hover {
  background-color: #eafaf0;
  color: var(--mws-accent);
}

.modal-body[data-v-e2bd0949] {
  max-height: 75vh;
  overflow-y: auto;
  padding: 12px;
}
.switch[data-v-e2bd0949] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  flex-shrink: 0;
}
.switch input[data-v-e2bd0949] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  border: none;
}
.switch .slider[data-v-e2bd0949] {
  position: absolute;
  inset: 0;
  cursor: pointer;
  background-color: #d8dce1;
  border: none;
  box-shadow: none;
  border-radius: 999px;
  transition: background-color 0.2s ease;
}
.switch .slider[data-v-e2bd0949]:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background-color: var(--color-white);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s ease;
}
.switch input:checked + .slider[data-v-e2bd0949] {
  background-color: var(--color-primary);
}
.switch input:checked + .slider[data-v-e2bd0949]:before {
  transform: translateX(20px);
}
[data-v-e2bd0949] .custom-quill .ql-container { min-height: 260px; border: 1px solid #e5e7eb; border-radius: 16px;
}
[data-v-e2bd0949] .custom-quill .ql-editor { min-height: 220px;
}
.preview-box[data-v-e2bd0949] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
}
.preview-body[data-v-e2bd0949] { padding: 16px; color: #6b7280; font-family: 'Satoshi', sans-serif;
}
.logo-preview[data-v-e2bd0949] { width: 120px; height: auto; margin-bottom: 12px;
}
.preview-body-content[data-v-e2bd0949] p { margin: 0;
}
.template-variable-panel[data-v-e2bd0949] {
  height: 240px;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.template-variable-header[data-v-e2bd0949] {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #dee2e6;
  background: #fff;
  color: var(--color-primary);
}
.template-variable-body[data-v-e2bd0949] {
  max-height: 194px;
  overflow-y: auto;
  padding: 12px;
}
.quill-addon-heading[data-v-e2bd0949] {
  font-size: 12px;
  font-weight: 700;
  color: #6c757d;
  text-transform: uppercase;
  margin: 10px 0 6px;
}
.quill-addon-item[data-v-e2bd0949] { cursor: pointer;
}
.quill-addon-item[data-v-e2bd0949]:hover {
  background-color: #eafaf0;
  color: var(--mws-accent);
}

.badge-status[data-v-e3f6f4cb] {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}
.badge-customized[data-v-e3f6f4cb] {
  background-color: #e6f7ee;
  color: var(--color-primary, #1f9d55);
}
.badge-default[data-v-e3f6f4cb] {
  background-color: #f1f2f4;
  color: #6c757d;
}
.edit-action[data-v-e3f6f4cb] {
  cursor: pointer;
}

.save-btn-wrapper[data-v-da11bca4]{
  margin-bottom:30px;
}
.form-check[data-v-da11bca4] {
  margin-bottom: 10px;
}
.info-alert[data-v-da11bca4] {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #eef4ff;
  border: 1px solid #d8e3ff;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
  margin-bottom: 25px;
}
.info-icon[data-v-da11bca4] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* Section Title */
.section-title[data-v-da11bca4] {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
  color: #333;
}

/* HR Divider */
.section-divider[data-v-da11bca4] {
  border: none;
  border-top: 1px solid #887b7b;
  margin: 20px 0;
}

/* Inputs spacing */
.form-label[data-v-da11bca4] {
  margin-top: 10px;
  margin-bottom: 6px;
}

/* Toggle Switch */
.switch[data-v-da11bca4] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.switch input[data-v-da11bca4] {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider[data-v-da11bca4] {
  position: absolute;
  cursor: pointer;
  top: 3;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.3s;
}
.slider[data-v-da11bca4]:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 2px;
  background-color: white;
  transition: 0.3s;
} 

/* BLUE ACTIVE COLOR */
input:checked + .slider[data-v-da11bca4] {
  background-color: #4c6ef5;
}
input:focus + .slider[data-v-da11bca4] {
  box-shadow: 0 0 1px #4c6ef5;
}
input:checked + .slider[data-v-da11bca4]:before {
  transform: translateX(20px);
}
.slider.round[data-v-da11bca4] {
  border-radius: 24px;
}
.slider.round[data-v-da11bca4]:before {
  border-radius: 50%;
}

/* disabled input style */
.form-control[data-v-da11bca4]:disabled {
  background: #f5f6f8;
}

@media (min-width: 769px) {
.route-edit-actions[data-v-2efdd1f9] {
        display: flex;
        align-items: stretch;
        gap: 12px;
}
.route-edit-actions .button__secondary[data-v-2efdd1f9] {
        flex: 1 1 0;
        min-width: 0;
}
}
@media (max-width: 768px) {
.route-edit-actions[data-v-2efdd1f9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
}
}
.button__secondary[data-v-2efdd1f9]:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

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


.recurring-modal__content[data-v-72e0b674] { border: 0; border-radius: 14px; overflow: hidden;
}
.recurring-modal__body[data-v-72e0b674] { padding: 0 22px 22px; background: #f7fafc;
}
.recurring-modal__header[data-v-72e0b674] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.recurring-modal__header-icon[data-v-72e0b674], .recurring-section__icon[data-v-72e0b674] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.recurring-modal__header-icon[data-v-72e0b674] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; color: #7352a0; background: #f4edfb;
}
.recurring-modal__header-icon svg[data-v-72e0b674] { width: 26px; height: 26px;
}
.recurring-modal__header h2[data-v-72e0b674] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.recurring-modal__header p[data-v-72e0b674] { margin: 0; color: #53678f; font-size: 14px;
}
.recurring-modal__close[data-v-72e0b674] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.recurring-modal__close[data-v-72e0b674]:hover { background: #f3f6f9;
}
.recurring-modal__header svg[data-v-72e0b674], .recurring-modal__close svg[data-v-72e0b674], .recurring-section__icon svg[data-v-72e0b674] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.recurring-modal__form[data-v-72e0b674] { display: flex; flex-direction: column; gap: 14px;
}
.recurring-section[data-v-72e0b674] { height: 100%; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.recurring-section__heading[data-v-72e0b674] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.recurring-section__icon[data-v-72e0b674] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.recurring-section__icon svg[data-v-72e0b674] { width: 23px; height: 23px;
}
.recurring-section__heading h3[data-v-72e0b674] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}
.recurring-section__heading p[data-v-72e0b674] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}
.recurring-section__content[data-v-72e0b674] { padding: 12px 14px 15px;
}
.recurring-section__content[data-v-72e0b674] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.recurring-section__content[data-v-72e0b674] .mws__input--field, .recurring-section__content[data-v-72e0b674] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.recurring-section__content[data-v-72e0b674] .mws__table { margin-bottom: 14px; border-color: #dce7f0;
}
.recurring-section__content[data-v-72e0b674] .mws__table th { background: #f2f7fb; color: #263653;
}
.recurring-modal__footer[data-v-72e0b674] { padding: 0 22px 22px; border: 0; background: #f7fafc;
}
.modal-footer-custom[data-v-72e0b674] { gap: 8px;
}
@media (max-width: 991px) {
.recurring-section[data-v-72e0b674] { height: auto; margin-bottom: 14px;
}
}
@media (max-width: 767px) {
.recurring-modal__body[data-v-72e0b674], .recurring-modal__footer[data-v-72e0b674] { padding-left: 14px; padding-right: 14px;
}
}

.modifier-submodal__content[data-v-575f7420] { border: 0; border-radius: 14px; overflow: hidden;
}.modifier-submodal__body[data-v-575f7420] { padding: 0 22px 22px; background:#f7fafc;
}.modifier-submodal__header[data-v-575f7420]{display:flex;align-items:center;width:100%;padding:6px 6px 12px}.modifier-submodal__icon[data-v-575f7420]{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;margin-right:15px;border-radius:50%;color:#2e9d3c;background:#eef8f2}.modifier-submodal__icon svg[data-v-575f7420]{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.modifier-submodal__header h2[data-v-575f7420]{margin:0 0 3px;color:#0a1939;font-size:25px;font-weight:700;line-height:1.15}.modifier-submodal__header p[data-v-575f7420]{margin:0;color:#53678f;font-size:14px}.modifier-submodal__close[data-v-575f7420]{display:grid;width:38px;height:38px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#263651;font-size:25px}.modifier-submodal__close svg[data-v-575f7420]{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.modifier-submodal__close[data-v-575f7420]:hover{background:#f3f6f9}.modifier-submodal__section[data-v-575f7420]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.modifier-submodal__section-title[data-v-575f7420]{padding:11px 14px;color:#0a1d42;border-radius:8px 8px 0 0;background:linear-gradient(110deg,#eef4f8,#f5f8fa);font-size:17px;font-weight:700}.modifier-submodal__section-content[data-v-575f7420]{padding:14px}.modifier-submodal__section-content[data-v-575f7420] .mws__table{margin-bottom:0}.modifier-submodal__section-content[data-v-575f7420] .mws--input__group{border-color:#c7d5e5;border-radius:8px}

.weight-suburb-modal .modal-dialog { --bs-modal-width: min(680px, calc(100vw - 24px));
}
.weight-suburb-modal .modal-content { border:0; border-radius:16px; box-shadow:0 24px 70px rgba(15, 23, 42, .25); overflow:hidden;
}
.weight-suburb-modal .modal-body { padding:20px 20px 18px;
}
.weight-suburb-modal[data-v-2125021d] .modal-body { background:#f7fafc;
}
.modal-heading[data-v-2125021d] { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;
}
.modal-heading__icon[data-v-2125021d] { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; margin-right:13px; border-radius:50%; color:#102f5d; background:#e2ebf2;
}.modal-heading__icon svg[data-v-2125021d]{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.modal-heading h2[data-v-2125021d] { margin:0; color:#0a1939; font-size:20px; font-weight:700;
}.modal-heading p[data-v-2125021d] { margin:2px 0 0; color:#53678f; font-size:13px;
}.close-button[data-v-2125021d] { display:grid;width:34px;height:34px;margin-left:auto;padding:0;place-items:center;color:#263651;border:0;border-radius:8px;background:transparent;font-size:25px;line-height:1
}.close-button[data-v-2125021d]:hover{background:#f3f6f9}
.modal-toolbar[data-v-2125021d] { display:grid; grid-template-columns:minmax(180px, 1fr) repeat(3, auto); gap:8px; margin-bottom:10px;
}
.search-control[data-v-2125021d] { position:relative;
}
.search-control > span[data-v-2125021d] { position:absolute; z-index:2; top:50%; left:12px; color:#667085; font-size:20px; transform:translateY(-54%);
}
.search-control[data-v-2125021d] input { height:34px; padding-left:32px; border-color:#d0d5dd; border-radius:7px; font-size:13px;
}
.toolbar-button[data-v-2125021d] { height:34px; padding:0 16px; color:#101828; border:1px solid #c9d0da; border-radius:7px; background:#fff; font-size:13px; font-weight:500; white-space:nowrap;
}
.toolbar-button[data-v-2125021d]:hover { color:#101828; border-color:#98a2b3; background:#f9fafb;
}
.weight-suburb-table[data-v-2125021d] { max-height:390px; overflow-x:hidden; overflow-y:auto; border:1px solid #d0d5dd; border-radius:7px;
}
.weight-suburb-table[data-v-2125021d] .table-responsive { overflow:visible; border-radius:7px;
}
/* Raise an active autocomplete above the adjacent table rows. */
.weight-suburb-table[data-v-2125021d] .places-autocomplete { z-index:auto;
}
.weight-suburb-table[data-v-2125021d] .places-autocomplete:has(.suggestions-list) { z-index:1070;
}
.config-table[data-v-2125021d] tr:has(.places-autocomplete:has(.suggestions-list)) { position:relative; z-index:1071;
}
.config-table[data-v-2125021d] td:has(.places-autocomplete:has(.suggestions-list)) { position:relative; z-index:1072; overflow:visible;
}
.weight-suburb-table[data-v-2125021d] .suggestions-list { z-index:1070;
}
.config-table[data-v-2125021d] { margin:0;
}
.config-table[data-v-2125021d] table { margin:0;
}
.config-table[data-v-2125021d] th { padding:7px 12px; color:#344054; border-color:#e4e7ec; background:#f4f5f7; font-size:12px; font-weight:600;
}
.config-table[data-v-2125021d] thead th { position:sticky; top:0; z-index:10;
}
.config-table[data-v-2125021d] td { padding:7px 12px; vertical-align:middle; color:#101828; border-color:#e4e7ec; font-size:13px;
}
.config-table[data-v-2125021d] td:has(> .range-details) { padding:0; background:#f4f5f7;
}
.config-table[data-v-2125021d] th:first-child { width:39%;
}
.config-table[data-v-2125021d] th:last-child { width:64px;
}
.suburb-cell[data-v-2125021d] { display:flex; align-items:center; gap:8px; min-height:28px;
}
.suburb-cell[data-v-2125021d] .places-autocomplete { flex:1;
}
.suburb-cell[data-v-2125021d] .places-autocomplete input { height:32px; padding:6px 10px; font-size:13px;
}
.chevron-button[data-v-2125021d],.suburb-name[data-v-2125021d] { padding:0; color:#101828; border:0; background:transparent;
}
.chevron-button[data-v-2125021d] { display:flex; align-items:center; justify-content:center; flex:0 0 18px; color:#344054; line-height:1;
}
.chevron-button svg[data-v-2125021d] { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease;
}
.chevron-button svg.is-expanded[data-v-2125021d] { transform:rotate(90deg);
}
.suburb-name[data-v-2125021d] { font-size:13px; font-weight:600; text-align:left;
}
.range-preview[data-v-2125021d] { display:flex; align-items:center; gap:4px; min-height:24px; overflow:hidden; white-space:nowrap;
}
.range-chip[data-v-2125021d],.range-count[data-v-2125021d] { padding:2px 7px; border-radius:5px; font-size:11px;
}
.range-chip[data-v-2125021d] { color:#344054; border:1px solid #d8dde5; background:#f5f6f8;
}
.range-count[data-v-2125021d] { color:#075eaa; background:#e7f3ff;
}
.icon-button[data-v-2125021d],.range-delete[data-v-2125021d] { display:inline-flex; align-items:center; justify-content:center; width:30px; height:27px; padding:0; color:#344054; border:1px solid #cbd2dc; border-radius:8px; background:#fff;
}
.icon-button img[data-v-2125021d] { width:15px; height:15px;
}
.range-details[data-v-2125021d] { width:100%; padding:8px 16px 10px 40px; background:#f4f5f7;
}
.range-grid[data-v-2125021d] { display:grid; grid-template-columns:18px repeat(3, minmax(0, 1fr)) 34px; gap:8px; align-items:center; padding:3px 0;
}
.range-grid--header[data-v-2125021d] { padding-bottom:2px; color:#344054; font-size:11px; font-weight:600;
}
.range-number[data-v-2125021d] { color:#667085; font-size:11px; text-align:center;
}
.range-grid > input[data-v-2125021d],.amount-input[data-v-2125021d] { width:100%; height:36px; border:1px solid #d0d5dd; border-radius:7px; background:#fff;
}
.range-grid > input[data-v-2125021d] { padding:6px 10px; color:#101828; font-size:14px;
}
.amount-input[data-v-2125021d] { display:flex; align-items:center;
}
.amount-input > span[data-v-2125021d] { padding-left:9px; color:#4da515; font-size:13px;
}
.amount-input input[data-v-2125021d] { width:100%; height:34px; padding:6px 8px; border:0; outline:0; background:transparent; font-size:14px;
}
.range-delete[data-v-2125021d] { font-size:20px; line-height:1;
}
.empty-state[data-v-2125021d] { padding:18px; color:#667085; text-align:center;
}
.table-footer[data-v-2125021d] { margin:8px 0 10px; color:#344054; font-size:12px;
}
.default-label[data-v-2125021d] { margin-bottom:5px; color:#101828; font-size:13px; font-weight:500;
}
.default-input[data-v-2125021d] { display:flex; align-items:center; height:36px; border:1px solid #d0d5dd; border-radius:7px;
}
.default-input > span[data-v-2125021d] { padding-left:10px; color:#7f56d9;
}
.default-input input[data-v-2125021d] { flex:1; width:100%; height:34px; min-width:0; padding:6px 8px; border:0; border-radius:0 7px 7px 0; outline:0; background:transparent; box-shadow:none; color:#101828; font-size:13px;
}
.modal-actions[data-v-2125021d] { display:flex; justify-content:flex-end; gap:8px; margin-top:14px;
}
.cancel-button[data-v-2125021d],.save-button[data-v-2125021d] { min-width:90px; height:36px; border-radius:8px; font-size:13px;
}
.cancel-button[data-v-2125021d] { color:#101828; border:1px solid #cbd2dc; background:#fff;
}
.save-button[data-v-2125021d] { color:#fff; border-color:#168b35; background:#168b35;
}
@media (max-width:767.98px) {
.modal-toolbar[data-v-2125021d] { grid-template-columns:1fr 1fr;
}.search-control[data-v-2125021d] { grid-column:1 / -1;
}.toolbar-button[data-v-2125021d] { padding:0 8px;
}.range-grid[data-v-2125021d] { grid-template-columns:18px 1fr 1fr;
}.range-grid--header[data-v-2125021d] { display:none;
}.amount-input[data-v-2125021d] { grid-column:2 / 3;
}.range-delete[data-v-2125021d] { grid-column:3; justify-self:end;
}.range-details[data-v-2125021d] { padding-left:10px;
}
}
/* Keep nested rate-card dialogs visually aligned with the Add Company modal. */
.modal-heading__icon[data-v-2125021d] { flex-basis: 58px; width: 58px; height: 58px; margin-right: 15px;
}
.modal-heading__icon svg[data-v-2125021d] { width: 26px; height: 26px;
}
.modal-heading h2[data-v-2125021d] { margin: 0 0 3px; font-size: 25px; line-height: 1.15;
}
.modal-heading p[data-v-2125021d] { margin: 0; font-size: 14px;
}
.close-button[data-v-2125021d] { width: 38px; height: 38px;
}
.close-button svg[data-v-2125021d] { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}

.location-modal__content[data-v-b3bfe137]{border:0;border-radius:14px;overflow:hidden}.location-modal__body[data-v-b3bfe137]{padding:0 22px 22px;background:#f7fafc}.location-modal__header[data-v-b3bfe137]{display:flex;align-items:center;width:100%;padding:6px 6px 12px}.location-modal__icon[data-v-b3bfe137]{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;margin-right:13px;border-radius:50%;color:#2e9d3c;background:#eef8f2}.location-modal__icon svg[data-v-b3bfe137]{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.location-modal__header h2[data-v-b3bfe137]{margin:0;color:#0a1939;font-size:20px;font-weight:700}.location-modal__header p[data-v-b3bfe137]{margin:2px 0 0;color:#53678f;font-size:13px}.location-modal__close[data-v-b3bfe137]{display:grid;width:34px;height:34px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#263651;font-size:25px}.location-modal__close[data-v-b3bfe137]:hover{background:#f3f6f9}.location-modal__section[data-v-b3bfe137]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.location-modal__section-title[data-v-b3bfe137]{padding:11px 14px;color:#0a1d42;border-radius:8px 8px 0 0;background:linear-gradient(110deg,#eef4f8,#f5f8fa);font-size:15px;font-weight:700}.location-modal__section-content[data-v-b3bfe137]{padding:14px}.location-modal__section-content[data-v-b3bfe137] .mws__input--field{border-color:#c7d5e5;border-radius:8px}
.row-actions[data-v-b3bfe137] { display: flex; justify-content: center; gap: 6px;
}
.row-action[data-v-b3bfe137] { min-width: 30px; height: 30px; padding: 0; border: 1px solid #cbd5e1; background: #fff; color: #475569; border-radius: 6px; line-height: 1;
}
.row-action--confirm[data-v-b3bfe137] { border-color: #16a34a; color: #15803d;
}
.row-action--delete[data-v-b3bfe137] { color: #dc2626;
}
.row-action--delete svg[data-v-b3bfe137] { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8;
}
/* Keep nested rate-card dialogs visually aligned with the Add Company modal. */
.location-modal__icon[data-v-b3bfe137] { flex-basis: 58px; width: 58px; height: 58px; margin-right: 15px;
}
.location-modal__icon svg[data-v-b3bfe137] { width: 26px; height: 26px;
}
.location-modal__header h2[data-v-b3bfe137] { margin: 0 0 3px; font-size: 25px; line-height: 1.15;
}
.location-modal__header p[data-v-b3bfe137] { margin: 0; font-size: 14px;
}
.location-modal__close[data-v-b3bfe137] { width: 38px; height: 38px;
}
.location-modal__close svg[data-v-b3bfe137] { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.location-modal__section-title[data-v-b3bfe137] { font-size: 17px;
}

.postal-code-modal__content[data-v-327fe098] { border: 0; border-radius: 14px; overflow: hidden;
}
.postal-code-modal__body[data-v-327fe098] { padding: 0 22px 22px; background: #f7fafc;
}
.postal-code-modal__header[data-v-327fe098] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.postal-code-modal__header-icon[data-v-327fe098], .postal-code-section__icon[data-v-327fe098] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.postal-code-modal__header-icon[data-v-327fe098] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}
.postal-code-modal__header-icon svg[data-v-327fe098] { width: 26px; height: 26px;
}
.postal-code-modal__header h2[data-v-327fe098] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.postal-code-modal__header p[data-v-327fe098] { margin: 0; color: #53678f; font-size: 14px;
}
.postal-code-modal__close[data-v-327fe098] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.postal-code-modal__close[data-v-327fe098]:hover { background: #f3f6f9;
}
.postal-code-modal__close svg[data-v-327fe098] { width: 23px; height: 23px;
}
.postal-code-modal__header svg[data-v-327fe098], .postal-code-section__icon svg[data-v-327fe098] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.postal-code-section[data-v-327fe098] { border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.postal-code-section__heading[data-v-327fe098] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.postal-code-section__icon[data-v-327fe098] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.postal-code-section__icon svg[data-v-327fe098] { width: 23px; height: 23px;
}
.postal-code-section__heading h3[data-v-327fe098] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.postal-code-section__heading p[data-v-327fe098] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.postal-code-section__content[data-v-327fe098] { padding: 18px 18px 4px;
}
.postal-code-section__content[data-v-327fe098] .input__label__form { color: #263653; font-size: 14px; font-weight: 600;
}
.postal-code-section__content[data-v-327fe098] .mws__input--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.postal-code-section__content[data-v-327fe098] .mws__input--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, 0.1);
}
@media (max-width: 767px) {
.postal-code-modal__body[data-v-327fe098] { padding: 0 14px 14px;
}
.postal-code-section__heading[data-v-327fe098] { align-items: flex-start; padding: 10px;
}
.postal-code-section__content[data-v-327fe098] { padding: 14px 14px 0;
}
}

.zones-modal__content[data-v-32a606fc]{border:0;border-radius:14px;overflow:hidden}.zones-modal__body[data-v-32a606fc]{padding:0 22px 22px;background:#f7fafc}.zones-modal__header[data-v-32a606fc]{display:flex;align-items:center;width:100%;padding:6px 6px 12px}.zones-modal__icon[data-v-32a606fc]{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;margin-right:13px;border-radius:50%;color:#102f5d;background:#e2ebf2}.zones-modal__icon svg[data-v-32a606fc]{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.zones-modal__header h2[data-v-32a606fc]{margin:0;color:#0a1939;font-size:20px;font-weight:700}.zones-modal__header p[data-v-32a606fc]{margin:2px 0 0;color:#53678f;font-size:13px}.zones-modal__close[data-v-32a606fc]{display:grid;width:34px;height:34px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:8px;background:transparent;color:#263651;font-size:25px}.zones-modal__close[data-v-32a606fc]:hover{background:#f3f6f9}.zones-modal__section[data-v-32a606fc]{border:1px solid #dce7f0;border-radius:9px;background:#fff}.zones-modal__section-title[data-v-32a606fc]{padding:11px 14px;color:#0a1d42;border-radius:8px 8px 0 0;background:linear-gradient(110deg,#eef4f8,#f5f8fa);font-size:15px;font-weight:700}.zones-modal__section-content[data-v-32a606fc]{padding:14px}.zones-modal__section-content[data-v-32a606fc] .input__label__form{margin-bottom:6px;color:#263653;font-size:14px;font-weight:600}
.zone-search-picker[data-v-32a606fc] { position: relative;
}
.zone-results[data-v-32a606fc] { position: absolute; z-index: 1070; top: calc(100% + 4px); left: 0; right: 0; max-height: 260px; overflow-y: auto; border: 1px solid #d9dfe7; border-radius: 6px; background: #fff; box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
}
.zone-result[data-v-32a606fc] { display: flex; width: 100%; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 0; border-bottom: 1px solid #eef1f4; background: #fff; text-align: left;
}
.zone-result[data-v-32a606fc]:hover, .zone-result.selected[data-v-32a606fc] { background: #f2f7f7;
}
.zone-empty[data-v-32a606fc] { padding: 10px 12px; color: #6c757d;
}
.zone-remove-button[data-v-32a606fc] { display: inline-flex; align-items: center; justify-content: center; padding: 4px; border: 0; background: transparent; cursor: pointer;
}
.zone-remove-button img[data-v-32a606fc] { width: 24px; height: 24px;
}
/* Keep nested rate-card dialogs visually aligned with the Add Company modal. */
.zones-modal__icon[data-v-32a606fc] { flex-basis: 58px; width: 58px; height: 58px; margin-right: 15px;
}
.zones-modal__icon svg[data-v-32a606fc] { width: 26px; height: 26px;
}
.zones-modal__header h2[data-v-32a606fc] { margin: 0 0 3px; font-size: 25px; line-height: 1.15;
}
.zones-modal__header p[data-v-32a606fc] { margin: 0; font-size: 14px;
}
.zones-modal__close[data-v-32a606fc] { width: 38px; height: 38px;
}
.zones-modal__close svg[data-v-32a606fc] { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.zones-modal__section-title[data-v-32a606fc] { font-size: 17px;
}

.price-modifier-modal__content { padding: 0 !important; border: 0; border-radius: 14px; overflow: hidden;
}
.price-modifier-modal__body { flex: 0 0 auto !important; overflow: visible !important;
}
.price-modifier-modal__body[data-v-8354aa46] { --pm-green: #168b35; --pm-green-soft: #edf9f0; --pm-ink: #10182b; --pm-muted: #5e6b82; --pm-border: #d4ddea; padding: 0 22px 22px !important; background: #f7fafc;
}
.price-modifier-header[data-v-8354aa46] { align-items: center; width: 100%; padding: 6px 6px 12px;
}
.price-modifier-heading[data-v-8354aa46] { gap: 15px;
}
.price-modifier-heading__icon[data-v-8354aa46] { flex: 0 0 58px; width: 58px; height: 58px; border-radius: 50%; background: #eef8f2;
}
.price-modifier-heading__icon svg[data-v-8354aa46] { width: 26px; height: 26px;
}
.price-modifier-heading h2[data-v-8354aa46] { margin: 0 0 3px; color: #0a1939; font-size: 25px; line-height: 1.15;
}
.price-modifier-heading p[data-v-8354aa46] { margin: 0; color: #53678f; font-size: 14px;
}
.price-modifier-close[data-v-8354aa46] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border-radius: 8px;
}
.price-modifier-close[data-v-8354aa46]:hover { background: #f3f6f9;
}
.price-modifier-close svg[data-v-8354aa46] { width: 23px; height: 23px;
}
.price-modifier-form[data-v-8354aa46] { display: flex; flex-direction: column; gap: 14px; padding: 0;
}
.price-modifier-section[data-v-8354aa46] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.price-modifier-section__heading[data-v-8354aa46] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.price-modifier-section__icon[data-v-8354aa46] { display: grid; flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.price-modifier-section__icon svg[data-v-8354aa46] { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.price-modifier-section__heading h3[data-v-8354aa46] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}
.price-modifier-section__heading p[data-v-8354aa46] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}
.price-modifier-section__content[data-v-8354aa46] { padding: 12px 14px 15px;
}
.price-modifier-form > .price-modifier-grid[data-v-8354aa46] { padding: 14px; margin: 0; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.price-modifier-form .input__label__form[data-v-8354aa46] { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.control-with-icon .mws__input--field[data-v-8354aa46], .control-with-icon .mws__select--field[data-v-8354aa46] { height: 44px; border-color: #c7d5e5; font-size: 14px;
}
.control-with-icon__icon[data-v-8354aa46] { width: 45px; height: 28px;
}
.control-with-icon__icon svg[data-v-8354aa46] { width: 20px; height: 20px;
}
.price-modifier-details[data-v-8354aa46] { margin-top: 18px;
}
.price-modifier-action[data-v-8354aa46] { min-width: 240px; height: 44px; border-radius: 8px; font-size: 14px;
}
.quotation-options[data-v-8354aa46] { min-height: 44px; font-size: 14px;
}
.quotation-options .radio-input[data-v-8354aa46] { width: 18px; height: 18px;
}
.price-modifier-footer[data-v-8354aa46] { margin-top: 14px; padding: 14px 0 0; border-top: 0;
}
.price-modifier-footer .button__secondary[data-v-8354aa46], .price-modifier-save[data-v-8354aa46] { height: 44px; min-width: 120px; font-size: 14px;
}
.region-name-picker[data-v-8354aa46] { position: relative;
}
.region-options[data-v-8354aa46] { position: absolute; z-index: 1060; width: 100%; max-height: 200px; overflow-y: auto; background: #fff; border: 1px solid #d9dfe7; border-radius: 6px; box-shadow: 0 6px 16px rgba(0,0,0,.12);
}
.region-option[data-v-8354aa46] { display: block; width: 100%; padding: 9px 12px; border: 0; background: #fff; text-align: left;
}
.region-option[data-v-8354aa46]:hover { background: #f2f7f7;
}
.region-status[data-v-8354aa46] { padding: 9px 12px; color: #6c757d; font-size: 13px;
}
.region-add-button[data-v-8354aa46] { font-size: 14px; padding: 6px 12px;
}
.price-modifier-modal {
  --pm-green: #168b35;
  --pm-green-soft: #edf9f0;
  --pm-ink: #10182b;
  --pm-muted: #5e6b82;
  --pm-border: #d4ddea;
}
.price-modifier-modal .modal-dialog {
  --bs-modal-width: min(1160px, calc(100vw - 40px));
}
.price-modifier-modal .modal-content {
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(16, 24, 43, .24);
}
.price-modifier-modal .modal-body { padding: 0;
}
.price-modifier-header[data-v-8354aa46] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 34px 18px;
}
.price-modifier-heading[data-v-8354aa46] { display: flex; align-items: center; gap: 20px;
}
.price-modifier-heading h2[data-v-8354aa46] { margin: 0; color: var(--pm-ink); font-size: 29px; font-weight: 700; line-height: 1.2;
}
.price-modifier-heading p[data-v-8354aa46] { margin: 4px 0 0; color: var(--pm-muted); font-size: 16px; line-height: 1.4;
}
.price-modifier-heading__icon[data-v-8354aa46] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  color: var(--pm-green);
  border-radius: 14px;
  background: linear-gradient(135deg, #effaf2, #e4f6e9);
}
.price-modifier-heading__icon svg[data-v-8354aa46] { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.price-modifier-close[data-v-8354aa46] { display: inline-flex; padding: 6px; border: 0; background: transparent; color: #566176;
}
.price-modifier-close svg[data-v-8354aa46] { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round;
}
.price-modifier-form[data-v-8354aa46] { padding: 8px 34px 28px;
}
.price-modifier-form .input__label__form[data-v-8354aa46] { margin-bottom: 8px; color: #4f5d75; font-size: 16px; font-weight: 500;
}
.price-modifier-form .required[data-v-8354aa46]::after { color: #ef2020;
}
.price-modifier-grid[data-v-8354aa46] { margin-top: 22px; --bs-gutter-x: 34px;
}
.price-modifier-details[data-v-8354aa46] { margin-top: 30px;
}
.price-modifier-amount-column[data-v-8354aa46] { border-right: 1px solid #dbe2ec;
}
.control-with-icon[data-v-8354aa46] { position: relative;
}
.control-with-icon__icon[data-v-8354aa46] {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 34px;
  color: #68758b;
  border-right: 1px solid #edf0f4;
  transform: translateY(-50%);
  pointer-events: none;
}
.control-with-icon__icon svg[data-v-8354aa46] { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}
.control-with-icon .mws__input--field[data-v-8354aa46],
.control-with-icon .mws__select--field[data-v-8354aa46] {
  height: 56px;
  padding: 12px 46px 12px 66px;
  color: var(--pm-ink);
  border-color: var(--pm-border);
  border-radius: 8px;
  font-size: 16px;
}
.control-with-icon .mws__input--field[data-v-8354aa46]:focus,
.control-with-icon .mws__select--field[data-v-8354aa46]:focus { border-color: #7bc990; box-shadow: 0 0 0 3px rgba(22, 139, 53, .1);
}
.control-with-icon.is-invalid .mws__input--field[data-v-8354aa46],
.control-with-icon.is-invalid .mws__select--field[data-v-8354aa46] { border-color: var(--bs-danger);
}
.amount-control[data-v-8354aa46] { max-width: 360px;
}
.amount-prefix[data-v-8354aa46] { color: #68758b; font-size: 18px; font-weight: 700;
}
.price-modifier-action[data-v-8354aa46] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 324px;
  height: 58px;
  padding: 0 28px;
  color: var(--pm-green);
  border: 1px solid #7ee09a;
  border-radius: 8px;
  background: linear-gradient(90deg, #f1fbf4, #f7fcf8);
  font-size: 18px;
  font-weight: 700;
}
.price-modifier-action[data-v-8354aa46]:hover,
.price-modifier-action[data-v-8354aa46]:focus { color: #0d7529; border-color: #45c16a; background: #eaf8ee;
}
.price-modifier-action svg[data-v-8354aa46] { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.quotation-options[data-v-8354aa46] { min-height: 58px; color: var(--pm-ink); font-size: 16px;
}
.quotation-options .radio-input[data-v-8354aa46] { width: 25px; height: 25px; accent-color: var(--pm-green);
}
.price-modifier-footer[data-v-8354aa46] {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding: 24px 34px 28px;
  border-top: 1px solid #e4e9f0;
}
.price-modifier-footer .button__secondary[data-v-8354aa46] { min-width: 138px; height: 58px; border-color: #cbd5e2; border-radius: 8px; color: var(--pm-ink);
}
.price-modifier-save[data-v-8354aa46] { min-width: 194px; height: 58px; border-radius: 8px; font-size: 18px;
}
.price-modifier-save svg[data-v-8354aa46] { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
}
@media (max-width: 767.98px) {
.price-modifier-modal .modal-dialog { --bs-modal-width: calc(100vw - 20px); margin: 10px auto;
}
.price-modifier-header[data-v-8354aa46] { padding: 20px;
}
.price-modifier-heading[data-v-8354aa46] { align-items: flex-start; gap: 12px;
}
.price-modifier-heading__icon[data-v-8354aa46] { flex-basis: 50px; width: 50px; height: 50px;
}
.price-modifier-heading__icon svg[data-v-8354aa46] { width: 27px; height: 27px;
}
.price-modifier-heading h2[data-v-8354aa46] { font-size: 22px;
}
.price-modifier-heading p[data-v-8354aa46] { font-size: 14px;
}
.price-modifier-form[data-v-8354aa46] { padding: 4px 20px 24px;
}
.price-modifier-grid[data-v-8354aa46] { margin-top: 12px; --bs-gutter-y: 18px;
}
.price-modifier-amount-column[data-v-8354aa46] { border-right: 0;
}
.price-modifier-action[data-v-8354aa46] { width: 100%; min-width: 0;
}
.price-modifier-footer[data-v-8354aa46] { padding: 18px 20px 20px;
}
.price-modifier-footer[data-v-8354aa46] > * { flex: 1; min-width: 0 !important;
}
}

.rate-card-modal__content[data-v-018fa1b4] { border: 0; border-radius: 14px; overflow: hidden;
}
.rate-card-modal__body[data-v-018fa1b4] { padding: 0 22px 22px; background: #f7fafc;
}
.rate-card-modal__header[data-v-018fa1b4] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.rate-card-modal__header-icon[data-v-018fa1b4], .rate-card-section__icon[data-v-018fa1b4] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.rate-card-modal__header-icon[data-v-018fa1b4] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; color: #2e9d3c; background: #eef8f2;
}
.rate-card-modal__header-icon svg[data-v-018fa1b4] { width: 26px; height: 26px;
}
.rate-card-modal__header h2[data-v-018fa1b4] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.rate-card-modal__header p[data-v-018fa1b4] { margin: 0; color: #53678f; font-size: 14px;
}
.rate-card-modal__close[data-v-018fa1b4] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.rate-card-modal__close[data-v-018fa1b4]:hover { background: #f3f6f9;
}
.rate-card-modal__close svg[data-v-018fa1b4] { width: 23px; height: 23px;
}
.rate-card-modal__header svg[data-v-018fa1b4], .rate-card-section__icon svg[data-v-018fa1b4] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.rate-card-modal__form[data-v-018fa1b4] { display: flex; flex-direction: column; gap: 14px;
}
.rate-card-section[data-v-018fa1b4] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.rate-card-section__heading[data-v-018fa1b4] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.rate-card-section__icon[data-v-018fa1b4] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.rate-card-section__icon svg[data-v-018fa1b4] { width: 23px; height: 23px;
}
.rate-card-section__heading h3[data-v-018fa1b4] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.rate-card-section__heading p[data-v-018fa1b4] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.rate-card-section__content[data-v-018fa1b4] { padding: 12px 14px 15px; margin: 0;
}
.rate-card-section__content[data-v-018fa1b4] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.rate-card-section__content[data-v-018fa1b4] .mws__input--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.rate-card-section__content[data-v-018fa1b4] .mws__input--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, .1);
}
.rate-card-section__content[data-v-018fa1b4] .custom-v-select .vs__dropdown-toggle { min-height: 44px; border-color: #c7d5e5; border-radius: 8px;
}
.rate-card-section__content[data-v-018fa1b4] .product-list { border-color: #dce7f0 !important; border-radius: 0 0 8px 8px !important; background: #fff;
}
.rate-card-section__content[data-v-018fa1b4] .product-list > div { min-height: 44px;
}
.rate-card-modal__footer[data-v-018fa1b4] { margin-top: 16px;
}
@media (max-width: 767px) {
.rate-card-modal__body[data-v-018fa1b4] { padding: 0 14px 14px;
}
.rate-card-section__heading[data-v-018fa1b4] { align-items: flex-start; padding: 10px;
}
}

.quotation-email-modal[data-v-785d51fa] { max-height: 75vh; overflow-y: auto; padding: 12px;
}
.quotation-email-editor[data-v-785d51fa] .ql-container { min-height: 260px; border: 1px solid #e5e7eb; border-radius: 16px;
}
.quotation-email-editor[data-v-785d51fa] .ql-editor { min-height: 220px;
}
.quotation-email-preview[data-v-785d51fa] { overflow: hidden; border: 1px solid #e5e7eb; border-radius: 16px;
}
.quotation-email-preview__header[data-v-785d51fa] { padding: 14px; border-bottom: 1px solid #e5e7eb; background: #fbfbfb;
}
.quotation-email-preview__body[data-v-785d51fa] { min-height: 300px; padding: 16px; color: #6b7280;
}
.quotation-email-preview__body[data-v-785d51fa] p { margin: 0;
}
.quotation-email-attachments[data-v-785d51fa] { margin-top: 14px;
}
.quotation-email-attachments a[data-v-785d51fa] { display: flex; align-items: center; width: fit-content; gap: 8px; margin-top: 6px; color: #1f5fa7; font-size: 13px; text-decoration: none;
}
.quotation-email-attachments__icon[data-v-785d51fa] { padding: 2px 5px; border-radius: 3px; background: #d93025; color: #fff; font-size: 10px; font-weight: 700;
}

.company-email-list[data-v-305aa825] {
  display: flex;
  min-width: 0;
  gap: 6px;
  overflow: hidden;
  white-space: nowrap;
}
.company-email-chip[data-v-305aa825] {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f1f4f7;
  color: #43515f;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.company-email-chip--more[data-v-305aa825] {
  flex: 0 0 auto;
}
.company-email-list__measure[data-v-305aa825] {
  position: fixed;
  top: -9999px;
  left: -9999px;
  display: flex;
  gap: 6px;
  visibility: hidden;
  white-space: nowrap;
}

.legends-vertical[data-v-b5b25a86] {
  height: 360px;
  overflow-y: auto;
}
.legends-vertical.no-height-limit[data-v-b5b25a86] {
  height: auto;
  overflow-y: visible;
}
@media (max-width: 768px) {
.settlement-report-chart[data-v-b5b25a86] {
    height: 220px !important;
}
.settlement-report-chart-row[data-v-b5b25a86] > :first-child {
    flex: 0 0 70%;
    max-width: 70%;
}
.settlement-report-chart-row[data-v-b5b25a86] > :nth-child(2) {
    flex: 0 0 30%;
    max-width: 30%;
}
}
[data-v-b5b25a86] .btn.btn-none.btn-md.dropdown-toggle.dropdown-toggle-no-caret:active,[data-v-b5b25a86] .btn.btn-none.btn-md.dropdown-toggle.dropdown-toggle-no-caret:focus,[data-v-b5b25a86] .btn.btn-none.btn-md.dropdown-toggle.dropdown-toggle-no-caret:focus-visible,[data-v-b5b25a86] .btn.btn-none.btn-md.dropdown-toggle.dropdown-toggle-no-caret:disabled,[data-v-b5b25a86] .btn.btn-none.btn-md.dropdown-toggle.dropdown-toggle-no-caret.disabled {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
[data-v-b5b25a86] .dropdown-menu.dropdown-menu-end.show {
  margin-top: 16px !important;
}

[data-v-371501a8] .vue-treeselect__control {
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    max-height: 104px !important;
    overflow: hidden !important;
}
[data-v-371501a8] .vue-treeselect__multi-value {
    max-height: 84px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
[data-v-371501a8] .vue-treeselect__multi-value-item {
    background-color: var(--color-blue-primary);
    color: var(--color-white);
    font-family: 'Satoshi-Medium', sans-serif;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 8px;
    margin: 2px 0px 2px 4px;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
}
[data-v-371501a8] .vue-treeselect__value-remove {
    color: var(--color-white);
}
[data-v-371501a8] .vue-treeselect__value-remove:hover {
    color: var(--color-white);
}
[data-v-371501a8] .vue-treeselect__label {
    font-size: large;
}
[data-v-371501a8] .vue-treeselect__checkbox {
    width: 20px;
    height: 20px;
}
[data-v-371501a8] .vue-treeselect__minus-mark {
    left: 5px;
    top: 5px;
    height: 15px;
    width: 15px;
}


.driver-scroll[data-v-8e5a3169] {
    max-height: 200px;
    overflow-y: auto;
}
[data-v-8e5a3169] .vue-treeselect__control {
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    max-height: 104px !important;
    overflow: hidden !important;
}
[data-v-8e5a3169] .vue-treeselect__multi-value {
    max-height: 84px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
[data-v-8e5a3169] .vue-treeselect__multi-value-item {
    background-color: var(--color-blue-primary);
    color: var(--color-white);
    font-family: 'Satoshi-Medium', sans-serif;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 8px;
    margin: 2px 0px 2px 4px;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
}
[data-v-8e5a3169] .vue-treeselect__value-remove {
    color: var(--color-white);
}
[data-v-8e5a3169] .vue-treeselect__value-remove:hover {
    color: var(--color-white);
}
[data-v-8e5a3169] .vue-treeselect__label {
    font-size: large;
}
[data-v-8e5a3169] .vue-treeselect__checkbox {
    width: 20px;
    height: 20px;
}
[data-v-8e5a3169] .vue-treeselect__minus-mark {
    left: 5px;
    top: 5px;
    height: 15px;
    width: 15px;
}
.driver-dropdown-menu[data-v-8e5a3169] {
    width: 300px !important;
}
.filter-icon[data-v-8e5a3169] {
    width: 22px;
    height: 25px;
    display: inline-block;
    background-color: var(--color-black);

    -webkit-mask: url("/assets/images/svg/filterIcon.svg") no-repeat center;
    mask: url("/assets/images/svg/filterIcon.svg") no-repeat center;

    -webkit-mask-size: contain;
    mask-size: contain;
}
.driver-dropdown:hover .filter-icon[data-v-8e5a3169] {
    background-color: var(--color-white);
}
.driver-dropdown-menu .form-check[data-v-8e5a3169] {
    display: flex;
    align-items: center; /* ✅ vertical center */
    gap: 8px;
}
.driver-dropdown-menu .form-check-input[data-v-8e5a3169] {
    margin-top: 0; /* ❌ remove default top spacing */
}
.driver-dropdown-menu .form-check-label[data-v-8e5a3169] {
    margin-bottom: 0;
    line-height: 1.2; /* better alignment */
}
.delivery-page-header[data-v-8e5a3169] {
    padding: 4px 10px 0;
}
.delivery-page-header__title[data-v-8e5a3169] {
    margin: 0 0 6px;
    color: var(--color-black-50);
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.25;
}
.delivery-page-header__subtitle[data-v-8e5a3169] {
    margin: 0;
    color: var(--color-grey-medium, #6b7280);
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 15px;
}
.delivery-stat-card[data-v-8e5a3169] {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: 98px;
    height: 100%;
    gap: 18px;
    padding: 14px 16px;
    background: var(--color-white);
    border: 1px solid #edf0f5;
    border-radius: 12px;
    box-shadow: 0 5px 16px rgba(17, 38, 72, 0.05);
    overflow: hidden;
}
.delivery-stat-card__icon[data-v-8e5a3169] {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border-radius: 9px;
}
.delivery-stat-card__icon svg[data-v-8e5a3169] {
    width: 22px;
    height: 22px;
}
.delivery-stat-card__icon--green[data-v-8e5a3169] {
    color: #149447;
    background: #e3f6ea;
}
.delivery-stat-card__icon--red[data-v-8e5a3169] {
    color: #dc3545;
    background: #fdeaec;
}
.delivery-stat-card__icon--early[data-v-8e5a3169] {
    color: #F6A000;
    background: #fff3d8;
}
.delivery-stat-card__icon--dark[data-v-8e5a3169] {
    color: var(--color-black-50);
    background: #eef1f5;
}
.delivery-stat-card__body[data-v-8e5a3169] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 0;
}
.delivery-stat-card__label[data-v-8e5a3169] {
    color: var(--color-grey-medium, #6b7280);
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 12px;
    line-height: 1.25;
}
.delivery-stat-card__value[data-v-8e5a3169] {
    color: var(--color-black-50);
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 23px;
    line-height: 1.12;
}
.delivery-stat-card__desc[data-v-8e5a3169] {
    color: var(--color-grey-medium, #6b7280);
    margin-top: 3px;
    font-size: 10.5px;
    line-height: 1.25;
}
.delivery-stat-card__sparkline[data-v-8e5a3169] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 76px;
    height: 40px;
    pointer-events: none;
}
.delivery-card-heading[data-v-8e5a3169] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.delivery-icon-bubble[data-v-8e5a3169] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 10px;
}
.delivery-icon-bubble--blue[data-v-8e5a3169] {
    color: #1683f8;
    background: #e8f2ff;
}
.delivery-icon-bubble--green[data-v-8e5a3169] {
    color: #149447;
    background: #e3f6ea;
}
.delivery-status-pill[data-v-8e5a3169] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.delivery-status-dot[data-v-8e5a3169] {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border-radius: 50%;
}
[data-v-8e5a3169] .delivery-breakdown-table thead th {
    padding: 12px 16px;
    color: #111827;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background: #f4f6f8;
    border-color: #dfe4ea;
}
[data-v-8e5a3169] .delivery-breakdown-table tbody td {
    padding: 12px 16px;
    border-color: #e5e7eb;
}
[data-v-8e5a3169] .delivery-breakdown-table tbody tr:last-child td {
    color: #111827;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    background: #f4f6f8;
    border-color: #dfe4ea;
}
.delivery-card-subtitle[data-v-8e5a3169] {
    margin-top: 2px;
    color: var(--color-grey-medium, #6b7280);
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 13.5px;
}
.delivery-chart-toggle[data-v-8e5a3169] {
    display: flex;
    flex-shrink: 0;
    gap: 8px;
}
.delivery-chart-toggle__btn[data-v-8e5a3169] {
    display: grid;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    background: var(--color-white);
    border: 1px solid var(--color-grey-soft);
    border-radius: 8px;
    cursor: pointer;
}
.delivery-chart-toggle__btn img[data-v-8e5a3169] {
    width: 18px;
    height: 18px;
}
.delivery-chart-toggle__btn[data-v-8e5a3169]:hover:not(:disabled) {
    background: #fafbfc;
    border-color: var(--color-grey-deep);
}
.delivery-chart-toggle__btn.is-active[data-v-8e5a3169],
.delivery-chart-toggle__btn[data-v-8e5a3169]:disabled {
    background: var(--color-primary);
    border-color: var(--color-primary);
    cursor: default;
}
.delivery-chart-toggle__btn.is-active img[data-v-8e5a3169] {
    filter: brightness(0) invert(1);
}
.delivery-donut-layout[data-v-8e5a3169] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(160px, 1fr);
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}
.delivery-donut-wrap[data-v-8e5a3169] {
    display: flex;
    justify-content: center;
}
.delivery-bar-chart[data-v-8e5a3169] {
    position: relative;
    width: 260px;
    height: 260px;
}
.delivery-donut[data-v-8e5a3169] {
    position: relative;
    width: 260px;
    height: 260px;
}
.delivery-donut canvas[data-v-8e5a3169],
.delivery-bar-chart canvas[data-v-8e5a3169] {
    display: block;
}
.delivery-donut__center[data-v-8e5a3169] {
    position: absolute;
    z-index: 1;
    inset: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.delivery-donut__center strong[data-v-8e5a3169] {
    color: var(--color-black-50);
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 1;
}
.delivery-donut__center span[data-v-8e5a3169] {
    margin-top: 5px;
    color: var(--color-grey-medium, #6b7280);
    font-size: 11px;
}
.delivery-legend[data-v-8e5a3169] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.delivery-legend li[data-v-8e5a3169] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.delivery-legend__label[data-v-8e5a3169] {
    color: var(--color-black-50);
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 14px;
}
@media (max-width: 1200px) {
.delivery-donut-layout[data-v-8e5a3169] {
        grid-template-columns: 1fr;
}
}

.feedback-page-header[data-v-f3ead4d1] {
    padding: 4px 10px 0;
}
.feedback-page-header__title[data-v-f3ead4d1] {
    margin: 0 0 6px;
    color: var(--color-black-50);
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.25;
}
.feedback-page-header__subtitle[data-v-f3ead4d1] {
    margin: 0;
    color: var(--color-grey-medium, #6b7280);
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 15px;
}
.feedback-card[data-v-f3ead4d1] {
    background: var(--color-white);
    border: 1px solid var(--invoice-border-light-gray, #e7ebf2);
    border-radius: 16px;
    padding: 22px 24px 26px;
    box-shadow: 0 7px 22px rgba(17, 38, 72, 0.06);
}
.feedback-card__header[data-v-f3ead4d1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}
.feedback-card__heading[data-v-f3ead4d1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.feedback-icon-bubble[data-v-f3ead4d1] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 12px;
}
.feedback-icon-bubble--green[data-v-f3ead4d1] {
    background: #e3f6ea;
}
.feedback-icon-bubble--green-soft[data-v-f3ead4d1] {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    background: #e3f6ea;
    border-radius: 9px;
}
.feedback-icon-bubble--blue[data-v-f3ead4d1] {
    background: #e8f2ff;
}
.quick-summary__icon[data-v-f3ead4d1] {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #149447;
    -webkit-mask: url('/assets/images/svg/BargraphIcon.svg') no-repeat center;
    mask: url('/assets/images/svg/BargraphIcon.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.feedback-card__title[data-v-f3ead4d1] {
    margin: 0 0 2px;
    color: var(--color-black-50);
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 19px;
}
.feedback-card__subtitle[data-v-f3ead4d1] {
    margin: 0;
    color: var(--color-grey-medium, #6b7280);
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 13.5px;
}

/* .feedback-card__period {
    flex-shrink: 0;
    padding: 8px 16px;
    color: var(--color-grey-deep);
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 14px;
    background: var(--color-white);
    border: 1px solid var(--color-grey-soft);
    border-radius: 8px;
} */
.driver-rating-layout[data-v-f3ead4d1] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr);
    align-items: stretch;
    gap: 24px;
}
.driver-rating-chart[data-v-f3ead4d1] {
    position: relative;
    width: 100%;
    height: 400px;
}
.driver-rating-chart canvas[data-v-f3ead4d1] {
    max-width: 100%;
}
.quick-summary[data-v-f3ead4d1] {
    padding: 16px;
    background: #fafbfc;
    border: 1px solid #eef1f5;
    border-radius: 12px;
}
.quick-summary__header[data-v-f3ead4d1] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}
.quick-summary__header h3[data-v-f3ead4d1] {
    margin: 0;
    color: var(--color-black-50);
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 15px;
}
.quick-summary__grid[data-v-f3ead4d1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.quick-summary__tile[data-v-f3ead4d1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
}
.quick-summary__tile-icon[data-v-f3ead4d1] {
    display: grid;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    place-items: center;
    background: var(--color-white);
    border: 1.5px solid currentColor;
    border-radius: 50%;
}
.quick-summary__tile-text[data-v-f3ead4d1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}
.quick-summary__tile-month[data-v-f3ead4d1] {
    color: var(--color-black-50);
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 13px;
}
.quick-summary__tile-value[data-v-f3ead4d1] {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3;
}
.customer-feedback-layout[data-v-f3ead4d1] {
    display: grid;
    /* fr units split the space left over *after* gaps are subtracted, so the
       30/20/50 ratio holds exactly with no overflow — percentage tracks add
       gaps on top of the percentages instead, which pushed the table outside
       the card. */
    grid-template-columns: 3fr 2fr 5fr;
    align-items: center;
    gap: 24px;
}
.feedback-chart-toggle[data-v-f3ead4d1] {
    display: flex;
    flex-shrink: 0;
    gap: 8px;
}
.feedback-chart-toggle__btn[data-v-f3ead4d1] {
    display: grid;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    background: var(--color-white);
    border: 1px solid var(--color-grey-soft);
    border-radius: 8px;
    cursor: pointer;
}
.feedback-chart-toggle__btn img[data-v-f3ead4d1] {
    width: 18px;
    height: 18px;
}
.feedback-chart-toggle__btn[data-v-f3ead4d1]:hover:not(:disabled) {
    background: #fafbfc;
    border-color: var(--color-grey-deep);
}
.feedback-chart-toggle__btn.is-active[data-v-f3ead4d1],
.feedback-chart-toggle__btn[data-v-f3ead4d1]:disabled {
    background: var(--color-primary);
    border-color: var(--color-primary);
    cursor: default;
}
.feedback-chart-toggle__btn.is-active img[data-v-f3ead4d1] {
    filter: brightness(0) invert(1);
}
.customer-feedback-donut-wrap[data-v-f3ead4d1] {
    display: flex;
    justify-content: center;
}
.customer-feedback-bar[data-v-f3ead4d1] {
    position: relative;
    width: 260px;
    height: 260px;
}
.customer-feedback-donut[data-v-f3ead4d1] {
    position: relative;
    width: 260px;
    height: 260px;
}
.customer-feedback-donut canvas[data-v-f3ead4d1] {
    display: block;
}
.customer-feedback-donut__center[data-v-f3ead4d1] {
    position: absolute;
    z-index: 1;
    inset: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.customer-feedback-donut__center strong[data-v-f3ead4d1] {
    color: var(--color-black-50);
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 1;
}
.customer-feedback-donut__center span[data-v-f3ead4d1] {
    margin-top: 5px;
    color: var(--color-grey-medium, #6b7280);
    font-size: 11px;
}
.customer-feedback-legend[data-v-f3ead4d1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.customer-feedback-legend li[data-v-f3ead4d1] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.customer-feedback-legend__text[data-v-f3ead4d1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.customer-feedback-legend li .customer-feedback-dot[data-v-f3ead4d1] {
    margin-top: 4px;
}
.customer-feedback-dot[data-v-f3ead4d1] {
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
    border-radius: 50%;
}
.customer-feedback-legend__label[data-v-f3ead4d1] {
    color: var(--color-black-50);
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 14px;
}
.customer-feedback-legend__value[data-v-f3ead4d1] {
    color: var(--color-grey-medium, #6b7280);
    font-size: 13px;
}
.customer-feedback-table-wrap[data-v-f3ead4d1] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid #dce3ee;
    border-radius: 10px;
}
.customer-feedback-table[data-v-f3ead4d1] {
    width: 100%;
    min-width: 320px;
    border-collapse: collapse;
    table-layout: fixed;
    color: var(--color-black-50);
    font-size: 14px;
}
.customer-feedback-table th[data-v-f3ead4d1],
.customer-feedback-table td[data-v-f3ead4d1] {
    padding: 10px 16px;
    border-bottom: 1px solid #eef1f5;
    text-align: left;
}
.customer-feedback-table th[data-v-f3ead4d1]:first-child,
.customer-feedback-table td[data-v-f3ead4d1]:first-child {
    width: 45%;
}
.customer-feedback-table th[data-v-f3ead4d1]:not(:first-child),
.customer-feedback-table td[data-v-f3ead4d1]:not(:first-child) {
    width: 27.5%;
}
.customer-feedback-table th[data-v-f3ead4d1] {
    color: var(--color-grey-medium, #6b7280);
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 12.5px;
    background: #fafbfc;
}
.customer-feedback-table td[data-v-f3ead4d1] {
    font-family: 'Satoshi-Medium', sans-serif;
}
.customer-feedback-table td[data-v-f3ead4d1]:first-child {
    display: flex;
    align-items: center;
    gap: 8px;
}
.customer-feedback-table tbody tr:last-child td[data-v-f3ead4d1] {
    border-bottom: 0;
}
.customer-feedback-table__total td[data-v-f3ead4d1] {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    background: #fafbfc;
}
@media (max-width: 1200px) {
.driver-rating-layout[data-v-f3ead4d1] {
        grid-template-columns: 1fr;
}
.driver-rating-chart[data-v-f3ead4d1] {
        height: 340px;
}
}
@media (max-width: 767px) {
.customer-feedback-layout[data-v-f3ead4d1] {
        grid-template-columns: 1fr;
}
.quick-summary__grid[data-v-f3ead4d1] {
        grid-template-columns: 1fr;
}
}

.field-layout[data-v-684694ac] {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.field-sidebar[data-v-684694ac] {
  width: 240px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 60vh;
  overflow-y: auto;
  padding-right: 4px;
}
.field-sidebar__title[data-v-684694ac] {
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-black-50, #9ca3af);
  margin-bottom: 4px;
}
.field-type-card[data-v-684694ac] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--color-grey-light-2, #d0d5dd);
  background-color: var(--color-white);
  text-align: left;
  cursor: pointer;
}
.field-type-card--active[data-v-684694ac] {
  background-color: rgba(105, 187, 85, 0.12);
  border-color: var(--color-primary);
}
.field-type-card__icon[data-v-684694ac] {
  display: inline-flex;
  color: var(--color-primary);
  flex-shrink: 0;
}
.field-type-card__text[data-v-684694ac] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.field-type-card__label[data-v-684694ac] {
  font-weight: 600;
  font-size: 14px;
  color: var(--color-grey-section, #374151);
}
.field-type-card__description[data-v-684694ac] {
  font-size: 12px;
  color: var(--color-black-50, #9ca3af);
}
.field-main[data-v-684694ac] {
  flex: 1;
  min-width: 0;
}
.field-doc-toolbar[data-v-684694ac] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background-color: var(--color-white);
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.field-doc-toolbar__group[data-v-684694ac] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.field-doc-toolbar__btn[data-v-684694ac] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: none;
  border-radius: 6px;
  color: var(--color-grey-medium, #6b6b80);
  cursor: pointer;
}
.field-doc-toolbar__btn[data-v-684694ac]:hover:not(:disabled) {
  background-color: var(--color-grey-vlight, #f0f0f2);
}
.field-doc-toolbar__btn[data-v-684694ac]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.field-doc-toolbar__zoom[data-v-684694ac],
.field-doc-toolbar__page[data-v-684694ac] {
  font-size: 13px;
  color: var(--color-grey-section, #374151);
  min-width: 44px;
  text-align: center;
}
.field-doc-toolbar__fit[data-v-684694ac] {
  padding: 4px 10px;
  border: 1px solid var(--color-primary);
  border-radius: 6px;
  background: none;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary);
  cursor: pointer;
}
.field-doc-toolbar__fit[data-v-684694ac]:hover:not(:disabled) {
  background-color: rgba(105, 187, 85, 0.1);
}
.field-doc-toolbar__fit[data-v-684694ac]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.field-footer-status[data-v-684694ac] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
}
.alert-box[data-v-684694ac] {
  padding: 10px 14px;
  border-radius: 8px;
  background-color: var(--color-yellow-light, #fff7e6);
  color: var(--color-dark-yellow-amber, #483a0f);
  font-size: 13px;
}
.field-canvas-area[data-v-684694ac] {
  max-height: 55vh;
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px;
  background-color: #f7f7f7;
}
.field-canvas-wrapper[data-v-684694ac] {
  position: relative;
  margin: 0 auto;
  background-color: var(--color-white);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.field-canvas-wrapper canvas[data-v-684694ac] {
  display: block;
  cursor: crosshair;
}
.field-canvas-wrapper--readonly canvas[data-v-684694ac] {
  cursor: default;
}
.field-canvas-wrapper--readonly .field-marker[data-v-684694ac] {
  cursor: default;
}
.field-canvas-loading[data-v-684694ac] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-grey-medium, #6b6b80);
  font-size: 13px;
  background-color: rgba(255, 255, 255, 0.7);
}
.field-marker[data-v-684694ac] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 2px 6px;
  border: 1.5px dashed var(--color-primary);
  background-color: rgba(105, 187, 85, 0.15);
  border-radius: 4px;
  cursor: pointer;
  font-size: 11px;
  color: var(--color-primary);
}
.field-marker--selected[data-v-684694ac] {
  border-style: solid;
  background-color: rgba(105, 187, 85, 0.3);
}
.field-marker__icon[data-v-684694ac] {
  display: inline-flex;
  flex-shrink: 0;
}
.field-marker__label[data-v-684694ac] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.field-marker__remove[data-v-684694ac] {
  border: none;
  background: none;
  color: var(--color-red-danger, #dc3545);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
}
.muted[data-v-684694ac] {
  color: var(--color-black-50, #9ca3af);
  font-size: 13px;
}

.document-modal-body[data-v-57f707a1] {
  padding: 4px;
}
.section-title[data-v-57f707a1] {
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-black-50, #9ca3af);
  margin-bottom: 10px;
}
[data-v-57f707a1] .custom-quill .ql-container {
  min-height: 160px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
}
[data-v-57f707a1] .custom-quill .ql-editor {
  min-height: 130px;
}
.upload-area[data-v-57f707a1] {
  position: relative;
}
.pdf-preview[data-v-57f707a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 8px 32px;
}
.pdf-preview__icon[data-v-57f707a1] {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.pdf-preview__name[data-v-57f707a1] {
  max-width: 100%;
  font-size: 13px;
  color: var(--color-grey-medium, #6b6b80);
}
.pdf-preview__remove[data-v-57f707a1] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 50%;
  background: none;
  color: var(--color-red-danger, #dc3545);
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.pdf-preview__remove[data-v-57f707a1]:hover {
  background-color: var(--color-red-soft, #fee2e2);
}
.upload-prompt .muted[data-v-57f707a1] {
  color: var(--color-black-50, #9ca3af);
  font-size: 13px;
  margin-top: 4px;
}
.upload-icon[data-v-57f707a1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(105, 187, 85, 0.15);
  color: var(--color-primary);
  margin-bottom: 8px;
}
.muted[data-v-57f707a1] {
  color: var(--color-black-50, #9ca3af);
  font-size: 13px;
}
.preview-box[data-v-57f707a1] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
}
.preview-header[data-v-57f707a1] {
  padding: 14px;
  border-bottom: 1px solid #e5e7eb;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #fbfbfb;
}
.preview-label[data-v-57f707a1] {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-black-50, #9ca3af);
}
.preview-body[data-v-57f707a1] {
  padding: 16px;
  color: #6b7280;
  font-family: 'Satoshi', sans-serif;
}
.logo-preview[data-v-57f707a1] {
  width: 120px;
  height: auto;
  margin-bottom: 12px;
}
.preview-body-content[data-v-57f707a1] p {
  margin: 0;
}
.template-variable-body[data-v-57f707a1] {
  padding: 4px 0;
}
.quill-addon-item[data-v-57f707a1]:not(:last-child) {
  border-bottom: 1px solid #eef0f2;
}
.quill-addon-item[data-v-57f707a1]:hover {
  background-color: #eafaf0;
}
.quill-addon-item__label[data-v-57f707a1] {
  font-weight: 600;
  color: var(--color-grey-section, #374151);
}
.quill-addon-item__description[data-v-57f707a1] {
  font-size: 11px;
  color: var(--color-black-50, #9ca3af);
}
.button__secondary[data-v-57f707a1]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.insert-variable-btn[data-v-57f707a1] {
  color: var(--color-primary);
  border-color: transparent;
  background-color: rgba(105, 187, 85, 0.15);
  border-radius: 10px;
}
.insert-variable-btn[data-v-57f707a1]:hover,
.insert-variable-btn[data-v-57f707a1]:focus {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.switch[data-v-57f707a1] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  flex-shrink: 0;
}
.switch input[data-v-57f707a1] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  border: none;
}
.switch .slider[data-v-57f707a1] {
  position: absolute;
  inset: 0;
  cursor: pointer;
  background-color: #d8dce1;
  border: none;
  box-shadow: none;
  border-radius: 999px;
  transition: background-color 0.2s ease;
}
.switch .slider[data-v-57f707a1]:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background-color: var(--color-white);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s ease;
}
.switch input:checked + .slider[data-v-57f707a1] {
  background-color: var(--color-primary);
}
.switch input:focus-visible + .slider[data-v-57f707a1] {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.switch input:checked + .slider[data-v-57f707a1]:before {
  transform: translateX(20px);
}

.switch[data-v-ecdfab8b] {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  flex-shrink: 0;
}
.switch input[data-v-ecdfab8b] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  border: none;
}
.switch .slider[data-v-ecdfab8b] {
  position: absolute;
  inset: 0;
  cursor: pointer;
  background-color: #d8dce1;
  border: none;
  box-shadow: none;
  border-radius: 999px;
  transition: background-color 0.2s ease;
}
.switch .slider[data-v-ecdfab8b]:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background-color: var(--color-white);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s ease;
}
.switch input:checked + .slider[data-v-ecdfab8b] {
  background-color: var(--color-primary);
}
.switch input:focus-visible + .slider[data-v-ecdfab8b] {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.switch input:checked + .slider[data-v-ecdfab8b]:before {
  transform: translateX(20px);
}
.file-url-cell a[data-v-ecdfab8b] {
  color: var(--color-primary);
  font-weight: 500;
  text-decoration: none;
}
.file-url-cell a[data-v-ecdfab8b]:hover {
  text-decoration: underline;
}

.user-modal__content[data-v-728dfe24] { border: 0; border-radius: 14px; overflow: hidden;
}
.user-modal__body[data-v-728dfe24] { padding: 0 22px 22px; background: #f7fafc;
}
.user-modal__header[data-v-728dfe24] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.user-modal__header-icon[data-v-728dfe24], .user-section__icon[data-v-728dfe24] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.user-modal__header-icon[data-v-728dfe24] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}
.user-modal__header-icon svg[data-v-728dfe24] { width: 26px; height: 26px;
}
.user-modal__header h2[data-v-728dfe24] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.user-modal__header p[data-v-728dfe24] { margin: 0; color: #53678f; font-size: 14px;
}
.user-modal__close[data-v-728dfe24] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.user-modal__close[data-v-728dfe24]:hover { background: #f3f6f9;
}
.user-modal__close svg[data-v-728dfe24] { width: 23px; height: 23px;
}
.user-modal__header svg[data-v-728dfe24], .user-section__icon svg[data-v-728dfe24] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.user-modal__tabs[data-v-728dfe24] { margin-bottom: 14px;
}
.user-modal__form[data-v-728dfe24] { display: flex; flex-direction: column; gap: 14px;
}
.user-section[data-v-728dfe24] { overflow: visible; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.user-section__heading[data-v-728dfe24] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.user-section__icon[data-v-728dfe24] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.user-section__icon svg[data-v-728dfe24] { width: 23px; height: 23px;
}
.user-section__heading h3[data-v-728dfe24] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.user-section__heading p[data-v-728dfe24] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.user-section__content[data-v-728dfe24] { padding: 12px 14px 15px; margin: 0;
}
.user-section__content[data-v-728dfe24] .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600;
}
.user-section__content[data-v-728dfe24] .mws__input--field, .user-section__content[data-v-728dfe24] .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.user-section__content[data-v-728dfe24] .mws__input--field:focus, .user-section__content[data-v-728dfe24] .mws__select--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, 0.1);
}
.user-section__content[data-v-728dfe24] .custom-v-select .vs__dropdown-toggle, .user-section__content[data-v-728dfe24] .vs__dropdown-toggle { min-height: 44px; max-height: 126px; border: 1px solid #c7d5e5; border-radius: 8px;
}
.user-section__label[data-v-728dfe24] { color: #263653; font-size: 14px; font-weight: 600;
}
.user-section__content--webhook[data-v-728dfe24] .webhook-heading { display: none;
}
.user-section__content--webhook[data-v-728dfe24] .modal-body { max-height: none; padding: 0; overflow: visible;
}
.permission-grid[data-v-728dfe24] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 20px;
}
@media (max-width: 992px) {
.permission-grid[data-v-728dfe24] {
        grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.permission-grid[data-v-728dfe24] {
        grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.permission-grid[data-v-728dfe24] {
        grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 767px) {
.user-modal__body[data-v-728dfe24] { padding: 0 14px 14px;
}
.user-section__heading[data-v-728dfe24] { align-items: flex-start; padding: 10px;
}
}

.clamp-2[data-v-af57a30a] {
    display: -webkit-box;
    -webkit-line-clamp: 2;       /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.search-wrapper[data-v-35a67b4f] {
    background: #f5f7f9;
    padding: 18px;
}
.search-card[data-v-35a67b4f] {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e4e7ec;
    padding: 12px 20px;
}
.search-header[data-v-35a67b4f] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}
.search-icon[data-v-35a67b4f] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #eef8ec;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #63b75d;
    font-size: 22px;
    flex-shrink: 0;
}
.search-title[data-v-35a67b4f] {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}
.search-subtitle[data-v-35a67b4f] {
    margin: 2px 0 0;
    color: #7b8794;
    font-size: 13px;
}
.form-container[data-v-35a67b4f] {
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    padding: 12px;
}
.input__label__form[data-v-35a67b4f] {
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 8px;
}
.field-icon-wrapper[data-v-35a67b4f] {
    position: relative;
    display: flex;
    align-items: center;
}
.field-icon[data-v-35a67b4f] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #67b95c;
    font-size: 15px;
    z-index: 10;
    pointer-events: none;
}
.custom-checkbox[data-v-35a67b4f] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    margin: 0;
}
.custom-checkbox .form-check-input[data-v-35a67b4f] {
    margin: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
}
.checkbox-label[data-v-35a67b4f] {
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    cursor: pointer;
}
.custom-field[data-v-35a67b4f] {
    width: 100%;
    height: 40px !important;
    min-height: 40px !important;
    border: 1px solid #d8dee6 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size: 14px !important;
    color: #334155 !important;
    padding-left: 40px !important;
    padding-right: 12px !important;
}
.custom-field[data-v-35a67b4f]::placeholder {
    color: #8b95a7 !important;
}
.custom-field[data-v-35a67b4f]:focus {
    box-shadow: none !important;
    border-color: #67b95c !important;
    outline: none !important;
}
[data-v-35a67b4f] .vue-treeselect {
    width: 100%;
}
[data-v-35a67b4f] .vue-treeselect__control {
    min-height: 40px !important;
    height: auto !important;
    max-height: 104px !important;
    overflow: hidden !important;
    border: 1px solid #d8dee6 !important;
    border-radius: 8px !important;
    background: #fff !important;
    padding: 0px 0px 0px 38px !important;
    display: flex !important;
    align-items: flex-start !important;
    box-shadow: none !important;
    cursor: pointer;
}
[data-v-35a67b4f] .vue-treeselect__input-container {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    min-height: 30px !important;
}
[data-v-35a67b4f] .vue-treeselect__multi-value-label{
    white-space: nowrap;
}
[data-v-35a67b4f] .vue-treeselect__placeholder {
    position: static !important;
    transform: none !important;
    font-size: 14px !important;
    color: #8b95a7 !important;
    line-height: 38px !important;
    white-space: nowrap;
    overflow: auto;
    text-overflow: ellipsis;
}
[data-v-35a67b4f] .vue-treeselect__single-value {
    position: static !important;
    transform: none !important;
    line-height: 38px !important;
    font-size: 14px !important;
    color: #334155 !important;
}
[data-v-35a67b4f] .vue-treeselect__multi-value {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px;
    margin: 0 !important;
    padding: 0 !important;
    max-height: 84px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
[data-v-35a67b4f] .vue-treeselect__multi-value-item {
    line-height: 24px !important;
    font-size: 12px !important;
    padding: 0 8px !important;
    background: #67b95c !important;
    border: none !important;
    border-radius: 4px !important;
    color: #fff !important;
    white-space: nowrap;
}
[data-v-35a67b4f] .vue-treeselect__value-remove {
    color: #fff !important;
    padding: 0 5px !important;
}
[data-v-35a67b4f] .vue-treeselect__input-container {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}
[data-v-35a67b4f] .vue-treeselect__input {
    height: 38px !important;
    padding: 0 !important;
    font-size: 14px !important;
}
[data-v-35a67b4f] .vue-treeselect__control-arrow-container {
    width: 36px !important;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}
[data-v-35a67b4f] .vue-treeselect__control-arrow {
    color: #8b95a7 !important;
}
[data-v-35a67b4f] .vue-treeselect__x-container{
    margin-top: 15px;
}
[data-v-35a67b4f] .vue-treeselect__menu-container {
    z-index: 9999 !important;
}
[data-v-35a67b4f] .vue-treeselect--focused .vue-treeselect__control {
    border-color: #67b95c !important;
    box-shadow: none !important;
}
.date-range-wrapper[data-v-35a67b4f] {
    display: flex;
    align-items: center;
    border: 1px solid #d8dee6;
    border-radius: 8px;
    background: #fff;
    height: 40px;
    overflow: hidden;
}
.date-box[data-v-35a67b4f] {
    position: relative;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
}
.date-input-field[data-v-35a67b4f] {
    width: 100%;
    height: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 14px !important;
    color: #334155 !important;
    cursor: pointer;
}
.date-input-field[data-v-35a67b4f]::placeholder {
    color: #8b95a7 !important;
    font-size: 14px !important;
}
.date-input-field[data-v-35a67b4f]:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.date-box-left .date-input-field[data-v-35a67b4f] {
    padding-left: 34px !important;
    padding-right: 6px !important;
}
.date-box-right .date-input-field[data-v-35a67b4f] {
    padding-left: 6px !important;
    padding-right: 34px !important;
}
[data-v-35a67b4f] .date-box .flatpickr-input,[data-v-35a67b4f] .date-box input.flatpickr-input,[data-v-35a67b4f] .date-box input.form-control,[data-v-35a67b4f] .date-box input.flatpickr-input.form-control,[data-v-35a67b4f] .date-box input[readonly].flatpickr-input {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    height: 100% !important;
    font-size: 14px !important;
    color: #334155 !important;
    cursor: pointer;
}
[data-v-35a67b4f] .date-box-left .flatpickr-input,[data-v-35a67b4f] .date-box-left input.flatpickr-input,[data-v-35a67b4f] .date-box-left input.form-control,[data-v-35a67b4f] .date-box-left input.flatpickr-input.form-control,[data-v-35a67b4f] .date-box-left input[readonly].flatpickr-input {
    padding-left: 34px !important;
    padding-right: 6px !important;
}
[data-v-35a67b4f] .date-box-right .flatpickr-input,[data-v-35a67b4f] .date-box-right input.flatpickr-input,[data-v-35a67b4f] .date-box-right input.form-control,[data-v-35a67b4f] .date-box-right input.flatpickr-input.form-control,[data-v-35a67b4f] .date-box-right input[readonly].flatpickr-input {
    padding-left: 6px !important;
    padding-right: 34px !important;
}
[data-v-35a67b4f] .date-box .flatpickr-input::placeholder,[data-v-35a67b4f] .date-box input.flatpickr-input::placeholder {
    color: #8b95a7 !important;
    font-size: 14px !important;
}
.date-icon-left[data-v-35a67b4f] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #111827;
    font-size: 15px;
    z-index: 20;
    pointer-events: none;
}
.date-icon-right[data-v-35a67b4f] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #111827;
    font-size: 15px;
    z-index: 20;
    pointer-events: none;
}
.to-divider[data-v-35a67b4f] {
    background: #ececec;
    padding: 0 10px;
    font-size: 13px;
    color: #444;
    height: 100%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    border-left: 1px solid #d8dee6;
    border-right: 1px solid #d8dee6;
    user-select: none;
    white-space: nowrap;
}
.button-wrapper[data-v-35a67b4f] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 18px;
}
.reset-btn[data-v-35a67b4f] {
    height: 40px;
    padding: 0 22px;
    border-radius: 6px;
    border: 1px solid #d7dde5;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    transition: background 0.15s;
}
.reset-btn[data-v-35a67b4f]:hover {
    background: #f5f7f9;
}
.search-btn[data-v-35a67b4f] {
    height: 40px;
    padding: 0 24px;
    border-radius: 6px;
    border: none;
    background: var(--color-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.search-btn[data-v-35a67b4f]:hover {
    background: #56a84d;
}
@media (max-width: 768px) {
.search-card[data-v-35a67b4f] {
        padding: 18px;
}
.form-container[data-v-35a67b4f] {
        padding: 16px;
}
.date-range-wrapper[data-v-35a67b4f] {
        flex-direction: column;
        height: auto;
        border-radius: 8px;
        overflow: visible;
}
.date-box[data-v-35a67b4f] {
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #d8dee6;
}
.date-box[data-v-35a67b4f]:last-child {
        border-bottom: none;
}
.date-box-left .date-input-field[data-v-35a67b4f],[data-v-35a67b4f] .date-box-left .flatpickr-input,[data-v-35a67b4f] .date-box-left input.flatpickr-input.form-control {
        padding-left: 34px !important;
        padding-right: 6px !important;
}
.date-box-right .date-input-field[data-v-35a67b4f],[data-v-35a67b4f] .date-box-right .flatpickr-input,[data-v-35a67b4f] .date-box-right input.flatpickr-input.form-control {
        padding-left: 34px !important;
        padding-right: 34px !important;
}
.to-divider[data-v-35a67b4f] {
        width: 100%;
        justify-content: center;
        border-left: none;
        border-right: none;
        border-top: 1px solid #d8dee6;
        border-bottom: 1px solid #d8dee6;
        padding: 6px 10px;
        height: auto;
}
}


.bulk-search-bg[data-v-f2d37b67] {
    background: var(--color-body, #f5f7f9);
}
.icon-circle-lg[data-v-f2d37b67] {
    width: 56px;
    height: 56px;
    background: var(--color-light-pistachio);
    color: var(--color-green-primary);
    font-size: 24px;
    flex-shrink: 0;
}
.icon-box-sm[data-v-f2d37b67] {
    width: 40px;
    height: 40px;
    background: var(--color-light-pistachio);
    color: var(--color-green-primary);
    font-size: 18px;
    flex-shrink: 0;
}
.counter-pill[data-v-f2d37b67] {
    background: var(--color-light-pistachio);
    color: var(--color-deep-forest-green);
    border: 1px solid var(--color-green-primary);
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.counter-pill.over-limit[data-v-f2d37b67] {
    background: var(--color-red-soft);
    color: var(--color-red-danger);
    border-color: var(--color-red-danger);
}
.mws__input--field.docket-textarea[data-v-f2d37b67] {
    min-height: 260px;
    border: 1px solid var(--color-green-primary) !important;
    resize: vertical;
}
.mws__input--field.docket-textarea[data-v-f2d37b67]:focus-visible,
.mws__input--field.docket-textarea[data-v-f2d37b67]:focus {
    border: 1px solid var(--color-green-primary) !important;
}
.info-banner[data-v-f2d37b67] {
    background: var(--color-light-pistachio);
    color: var(--color-deep-forest-green);
}


.postal-code-modal__content[data-v-fae919f2] { border: 0; border-radius: 14px; overflow: hidden;
}
.postal-code-modal__body[data-v-fae919f2] { padding: 0 22px 22px; background: #f7fafc;
}
.postal-code-modal__header[data-v-fae919f2] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}
.postal-code-modal__header-icon[data-v-fae919f2], .postal-code-section__icon[data-v-fae919f2] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}
.postal-code-modal__header-icon[data-v-fae919f2] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}
.postal-code-modal__header-icon svg[data-v-fae919f2] { width: 26px; height: 26px;
}
.postal-code-modal__header h2[data-v-fae919f2] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15;
}
.postal-code-modal__header p[data-v-fae919f2] { margin: 0; color: #53678f; font-size: 14px;
}
.postal-code-modal__close[data-v-fae919f2] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}
.postal-code-modal__close[data-v-fae919f2]:hover { background: #f3f6f9;
}
.postal-code-modal__close svg[data-v-fae919f2] { width: 23px; height: 23px;
}
.postal-code-modal__header svg[data-v-fae919f2], .postal-code-section__icon svg[data-v-fae919f2] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.postal-code-section[data-v-fae919f2] { border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}
.postal-code-section__heading[data-v-fae919f2] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; border-radius: 8px 8px 0 0; background: linear-gradient(110deg, #eef4f8 0%, #f5f8fa 64%, #eef4f8 100%);
}
.postal-code-section__icon[data-v-fae919f2] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}
.postal-code-section__icon svg[data-v-fae919f2] { width: 23px; height: 23px;
}
.postal-code-section__heading h3[data-v-fae919f2] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700; line-height: 1.3;
}
.postal-code-section__heading p[data-v-fae919f2] { margin: 1px 0 0; color: #53617e; font-size: 13px; line-height: 1.35;
}
.postal-code-section__content[data-v-fae919f2] { padding: 18px 18px 4px;
}
.postal-code-section__content[data-v-fae919f2] .input__label__form { color: #263653; font-size: 14px; font-weight: 600;
}
.postal-code-section__content[data-v-fae919f2] .mws__input--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none;
}
.postal-code-section__content[data-v-fae919f2] .mws__input--field:focus { border-color: #72a9e8; box-shadow: 0 0 0 3px rgba(53, 131, 226, 0.1);
}
@media (max-width: 767px) {
.postal-code-modal__body[data-v-fae919f2] { padding: 0 14px 14px;
}
.postal-code-section__heading[data-v-fae919f2] { align-items: flex-start; padding: 10px;
}
.postal-code-section__content[data-v-fae919f2] { padding: 14px 14px 0;
}
}

.daily-task-settings[data-v-53a939c3]{padding:0 24px 22px}.daily-task-settings p[data-v-53a939c3]{margin:4px 0;color:#6b7280;font-size:13px}.daily-task-settings__body[data-v-53a939c3]{max-width:760px;padding:18px 0;display:grid;gap:16px}.daily-task-settings__body>label[data-v-53a939c3]:first-child{display:grid;gap:4px;font-weight:700}.daily-task-settings__body>label:first-child span[data-v-53a939c3]{font-size:12px;font-weight:400;color:#6b7280}.daily-task-settings__recipient-add[data-v-53a939c3]{display:flex;gap:10px}.daily-task-settings__recipient-add input[data-v-53a939c3]{flex:1}.daily-task-settings__chips[data-v-53a939c3]{display:flex;gap:8px;flex-wrap:wrap}.daily-task-settings__chips span[data-v-53a939c3]{padding:6px 10px;border-radius:999px;background:#eaf7ec;color:#1e7e34;font-size:13px}.daily-task-settings__chips button[data-v-53a939c3]{border:0;background:transparent;color:inherit;font-size:18px;line-height:12px;margin-left:5px}.daily-task-settings__flag[data-v-53a939c3]{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid #edf0f2}.daily-task-settings__flag input[data-v-53a939c3]{margin-top:4px}.daily-task-settings__flag span[data-v-53a939c3]{display:grid;gap:3px}.daily-task-settings__flag small[data-v-53a939c3]{color:#6b7280}.daily-task-settings__footer[data-v-53a939c3]{display:flex;justify-content:flex-end}.daily-task-settings__reset-copy[data-v-53a939c3]{color:#4b5563;line-height:1.5}.daily-task-settings__reset-actions[data-v-53a939c3]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}

/* Self-contained copies of the gmail-* design tokens: the modal is teleported
   to <body> by BModal, so it no longer sits under .gmails-page in the actual
   DOM. These are also defined on :root in Gmails.css, but kept here too so
   this component doesn't depend on that page's CSS being loaded. */
[data-v-255c99ac] .gmail-compose-dialog {
  --gmail-bg: var(--color-white-light);
  --gmail-surface: var(--color-white);
  --gmail-border: var(--color-grey-soft-2);
  --gmail-hover: var(--color-grey-vlight);
  --gmail-text: var(--color-black-50);
  --gmail-text-muted: var(--color-grey-slate);
}
[data-v-255c99ac] .gmail-compose-dialog .modal-header {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gmail-border);
}
[data-v-255c99ac] .gmail-compose-dialog .modal-title {
  font-family: 'Figtree-Semi-Bold', sans-serif;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.1;
}
.gmail-compose-content[data-v-255c99ac] { border: 0; border-radius: 14px; overflow: hidden;
}.gmail-compose-body[data-v-255c99ac] { padding: 0 22px 22px; background: #f7fafc;
}.gmail-compose-header[data-v-255c99ac] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.gmail-compose-header-icon[data-v-255c99ac],.gmail-compose-section-icon[data-v-255c99ac] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.gmail-compose-header-icon[data-v-255c99ac] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}.gmail-compose-header-icon svg[data-v-255c99ac] { width: 28px; height: 28px;
}.gmail-compose-header h2[data-v-255c99ac] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700;
}.gmail-compose-header p[data-v-255c99ac] { margin: 0; color: #53678f; font-size: 14px;
}.gmail-compose-close[data-v-255c99ac] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.gmail-compose-close svg[data-v-255c99ac],.gmail-compose-header svg[data-v-255c99ac],.gmail-compose-section-icon svg[data-v-255c99ac] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.gmail-compose-section[data-v-255c99ac] { border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.gmail-compose-section-heading[data-v-255c99ac] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; background: linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%);
}.gmail-compose-section-icon[data-v-255c99ac] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.gmail-compose-section-icon svg[data-v-255c99ac] { width: 23px; height: 23px;
}.gmail-compose-section-heading h3[data-v-255c99ac] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.gmail-compose-section-heading p[data-v-255c99ac] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.gmail-compose-section-content[data-v-255c99ac] { padding: 14px;
}
.compose-field[data-v-255c99ac] { margin-bottom: 16px;
}
.compose-field label[data-v-255c99ac] {
  display: block;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--gmail-text-muted);
  margin-bottom: 6px;
}
.compose-input[data-v-255c99ac],
.compose-select[data-v-255c99ac] {
  width: 100%;
  border: 1px solid var(--gmail-border);
  background: var(--gmail-surface);
  border-radius: 10px;
  padding: 10px 14px;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  color: var(--gmail-text);
  outline: none;
  transition: border-color 0.15s ease;
}
.compose-input[data-v-255c99ac]:focus,
.compose-select[data-v-255c99ac]:focus { border-color: var(--color-green-primary);
}
.compose-input[data-v-255c99ac]::placeholder { color: var(--color-grey-soft-3);
}
.compose-select[data-v-255c99ac] { cursor: pointer;
}
.compose-from-static[data-v-255c99ac] {
  width: 100%;
  border: 1px solid var(--gmail-border);
  background: var(--gmail-bg);
  border-radius: 10px;
  padding: 10px 14px;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  color: var(--gmail-text);
}
.compose-textarea[data-v-255c99ac] {
  min-height: 140px;
  resize: vertical;
  line-height: 1.6;
}
.compose-ccbcc-toggle[data-v-255c99ac] {
  display: block;
  border: none;
  background: transparent;
  padding: 0;
  margin: -8px 0 16px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--color-green-primary);
}
.compose-ccbcc-toggle[data-v-255c99ac]:hover { text-decoration: underline;
}
.compose-attach-btn[data-v-255c99ac] {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--gmail-border);
  background: var(--gmail-surface);
  border-radius: 8px;
  padding: 8px 16px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--gmail-text);
  transition: background-color 0.15s ease;
}
.compose-attach-btn[data-v-255c99ac]:hover { background-color: var(--gmail-hover);
}
.compose-footer[data-v-255c99ac] {
  border-top: 1px solid var(--gmail-border);
  padding-top: 16px;
  margin-top: 8px;
}
.compose-discard-btn[data-v-255c99ac] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gmail-border);
  background: var(--gmail-surface);
  border-radius: 10px;
  padding: 9px 22px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: var(--gmail-text);
  transition: background-color 0.15s ease;
}
.compose-discard-btn[data-v-255c99ac]:hover { background-color: var(--gmail-hover);
}
.compose-send-btn[data-v-255c99ac] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: var(--color-green-primary);
  border-radius: 10px;
  padding: 9px 26px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: var(--color-white);
  transition: filter 0.15s ease;
}
.compose-send-btn[data-v-255c99ac]:hover:not(:disabled) { filter: brightness(0.95);
}
.compose-send-btn[data-v-255c99ac]:disabled { opacity: 0.7; cursor: default;
}
.attachment-chip[data-v-255c99ac] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--gmail-bg);
  border: 1px solid var(--gmail-border);
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 13px;
  color: var(--gmail-text);
}
.attachment-name[data-v-255c99ac] { font-family: 'Satoshi-Medium', sans-serif;
}
.chip-remove[data-v-255c99ac] {
  border: none;
  background: transparent;
  font-size: 15px;
  line-height: 1;
  color: var(--gmail-text-muted);
  cursor: pointer;
}

.filters-overlay[data-v-86269c76] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1050;
}
.filters-panel[data-v-86269c76] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(360px, 100vw);
  background: var(--gmail-surface, #fff);
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.12);
  z-index: 1051;
  display: flex;
  flex-direction: column;
}
.filters-panel-header[data-v-86269c76] {
  padding: 18px 20px;
  border-bottom: 1px solid var(--gmail-border, #e5e7eb);
  flex-shrink: 0;
}
.filters-panel-header h3[data-v-86269c76] {
  font-family: 'Figtree-Semi-Bold', sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.1;
  color: var(--gmail-text, #040404);
  margin: 0;
}
.filters-panel-body[data-v-86269c76] {
  padding: 20px;
  flex-grow: 1;
  overflow-y: auto;
}
.filters-field[data-v-86269c76] { margin-bottom: 18px;
}
.filters-field label[data-v-86269c76] {
  display: block;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--gmail-text, #040404);
  margin-bottom: 6px;
}
.filters-field input[type="text"][data-v-86269c76],
.filters-field input[type="date"][data-v-86269c76] {
  width: 100%;
  border: 1px solid var(--gmail-border, #e5e7eb);
  background: var(--gmail-surface, #fff);
  border-radius: 10px;
  padding: 10px 14px;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  color: var(--gmail-text, #040404);
  outline: none;
  transition: border-color 0.15s ease;
}
.filters-field input[data-v-86269c76]:focus { border-color: var(--color-green-primary);
}
.filters-field input[data-v-86269c76]::placeholder { color: var(--color-grey-soft-3);
}
.filters-checkbox[data-v-86269c76] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--gmail-text, #040404);
  margin-bottom: 16px;
  cursor: pointer;
}
.filters-checkbox input[type="checkbox"][data-v-86269c76] {
  width: 16px;
  height: 16px;
  accent-color: var(--color-green-primary);
  cursor: pointer;
}
.filters-panel-footer[data-v-86269c76] {
  padding: 16px 20px;
  border-top: 1px solid var(--gmail-border, #e5e7eb);
  flex-shrink: 0;
}
.filters-reset-btn[data-v-86269c76] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gmail-border, #e5e7eb);
  background: var(--gmail-surface, #fff);
  border-radius: 10px;
  padding: 9px 22px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: var(--gmail-text, #040404);
  transition: background-color 0.15s ease;
}
.filters-reset-btn[data-v-86269c76]:hover { background-color: var(--gmail-hover, #f0f0f2); color: var(--gmail-text, #040404);
}
.filters-search-btn[data-v-86269c76] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: var(--color-green-primary);
  border-radius: 10px;
  padding: 9px 26px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: var(--color-white);
  transition: filter 0.15s ease;
}
.filters-search-btn[data-v-86269c76]:hover { filter: brightness(0.95); color: var(--color-white);
}
.filters-fade-enter-active[data-v-86269c76],
.filters-fade-leave-active[data-v-86269c76] { transition: opacity 0.2s ease;
}
.filters-fade-enter-from[data-v-86269c76],
.filters-fade-leave-to[data-v-86269c76] { opacity: 0;
}
.filters-slide-enter-active[data-v-86269c76],
.filters-slide-leave-active[data-v-86269c76] { transition: transform 0.2s ease;
}
.filters-slide-enter-from[data-v-86269c76],
.filters-slide-leave-to[data-v-86269c76] { transform: translateX(100%);
}

.gmail-modal-content[data-v-24cef062] { border: 0; border-radius: 14px; overflow: hidden;
}.gmail-modal-body[data-v-24cef062] { padding: 0 22px 22px; background: #f7fafc;
}.gmail-modal-header[data-v-24cef062] { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px;
}.gmail-modal-header-icon[data-v-24cef062],.gmail-modal-section-icon[data-v-24cef062] { display: grid; place-items: center; border-radius: 50%; color: #102f5d; background: #e2ebf2;
}.gmail-modal-header-icon[data-v-24cef062] { flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; background: #eef8f2; color: #2e9d3c;
}.gmail-modal-header-icon svg[data-v-24cef062] { width: 28px; height: 28px;
}.gmail-modal-header h2[data-v-24cef062] { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700;
}.gmail-modal-header p[data-v-24cef062] { margin: 0; color: #53678f; font-size: 14px;
}.gmail-modal-close[data-v-24cef062] { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651;
}.gmail-modal-close svg[data-v-24cef062],.gmail-modal-header svg[data-v-24cef062],.gmail-modal-section-icon svg[data-v-24cef062] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}.gmail-modal-section[data-v-24cef062] { overflow: hidden; border: 1px solid #dce7f0; border-radius: 9px; background: #fff;
}.gmail-modal-section-heading[data-v-24cef062] { display: flex; align-items: center; min-height: 61px; padding: 6px 12px; background: linear-gradient(110deg,#eef4f8 0%,#f5f8fa 64%,#eef4f8 100%);
}.gmail-modal-section-icon[data-v-24cef062] { flex: 0 0 43px; width: 43px; height: 43px; margin-right: 13px;
}.gmail-modal-section-icon svg[data-v-24cef062] { width: 23px; height: 23px;
}.gmail-modal-section-heading h3[data-v-24cef062] { margin: 0; color: #0a1d42; font-size: 17px; font-weight: 700;
}.gmail-modal-section-heading p[data-v-24cef062] { margin: 1px 0 0; color: #53617e; font-size: 13px;
}.gmail-modal-section-content[data-v-24cef062] { padding: 14px;
}

.clip-icon[data-v-c7f2e490] {
    cursor: pointer;
    color: var(--color-green-primary);
    transition: 0.4s;
}
.copy-text[data-v-c7f2e490] {
    color: var(--color-green-primary);
}
.clip-icon[data-v-c7f2e490]:hover {
    opacity: 0.8;
    transform: scale(1.1);
}

.clip-icon[data-v-91af81bb] {
    cursor: pointer;
    color: var(--color-green-primary);
    transition: 0.4s;
}
.copy-text[data-v-91af81bb] {
    color: var(--color-green-primary);
}
.clip-icon[data-v-91af81bb]:hover {
    opacity: 0.8;
    transform: scale(1.1);
}

[data-v-305ca03d] .booking-table td {
    max-width: none;
}

.muted[data-v-edbf3bda] {
  color: var(--color-black-50, #9ca3af);
  font-size: 12px;
}
.cell-na[data-v-edbf3bda] {
  color: var(--color-cool-grey);
  font-weight: 400;
}
.docsign-search[data-v-edbf3bda] {
  width: 340px;
  max-width: 100%;
  flex-shrink: 0;
}
.docsign-search .search-input[data-v-edbf3bda] {
  width: 100%;
}
.docsign-filters[data-v-edbf3bda] {
  flex-shrink: 0;
}
.docsign-filters select.mws__select--field[data-v-edbf3bda] {
  width: 160px;
  height: 44px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 26px;
}

.clip-icon[data-v-86187851] {
    cursor: pointer;
    color: var(--color-green-primary);
    transition: 0.4s;
}
.copy-text[data-v-86187851] {
    color: var(--color-green-primary);
}
.clip-icon[data-v-86187851]:hover {
    opacity: 0.8;
    transform: scale(1.1);
}

.clip-icon[data-v-727b15ea] {
    cursor: pointer;
    color: var(--color-green-primary);
    transition: 0.4s;
}
.copy-text[data-v-727b15ea] {
    color: var(--color-green-primary);
}
.clip-icon[data-v-727b15ea]:hover {
    opacity: 0.8;
    transform: scale(1.1);
}

.title-image {
    background: var(--color-light-pistachio);
    height: 55px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 55px;
    border-radius: 100%;
}
.info-box {
    background: var(--color-alice-blue);
    border: 1px solid var(--color-solitude-blue);
    border-radius: 10px;
}

.modal-body[data-v-89f2ae24] {
  max-height: 75vh;
  overflow-y: auto;
  padding: 12px;
}
[data-v-89f2ae24] .custom-quill .ql-container { min-height: 260px; border: 1px solid #e5e7eb; border-radius: 16px;
}
[data-v-89f2ae24] .custom-quill .ql-editor { min-height: 220px;
}
.preview-box[data-v-89f2ae24] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
}
.preview-header[data-v-89f2ae24] { padding: 14px; border-bottom: 1px solid #e5e7eb; border-top-left-radius: 12px; border-top-right-radius: 12px; background-color: #fbfbfb;
}
.preview-body[data-v-89f2ae24] { padding: 16px; color: #6b7280; font-family: 'Satoshi', sans-serif;
}
.logo-preview[data-v-89f2ae24] { width: 120px; height: auto; margin-bottom: 12px;
}
.preview-body-content[data-v-89f2ae24] p { margin: 0;
}

.title-image[data-v-20873776] {
    background: var(--color-light-pistachio);
    height: 55px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 55px;
    border-radius: 100%;
}
[data-v-20873776] .vue-treeselect__control {
    padding: 0 !important;
    border: none !important;
    height: auto !important;
    max-height: 104px !important;
    overflow: hidden !important;
}
[data-v-20873776] .vue-treeselect__multi-value-item {
    background-color: var(--color-blue-primary);
    color: var(--color-white);
    font-family: 'Satoshi-Medium', sans-serif;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 8px;
    margin: 2px 0px 2px 4px;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
}
[data-v-20873776] .vue-treeselect__multi-value {
    max-height: 84px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
[data-v-20873776] .vue-treeselect__value-remove {
    color: white;
}
[data-v-20873776] .vue-treeselect__value-remove:hover {
    color: white;
}
[data-v-20873776] .vue-treeselect__label {
    font-size: large;
}
[data-v-20873776] .vue-treeselect__checkbox {
    width: 20px;
    height: 20px;
}
[data-v-20873776] .vue-treeselect__minus-mark {
    left: 5px;
    top: 5px;
    height: 15px;
    width: 15px;
}
[data-v-20873776] .vue-treeselect__check-mark {
    left: 4px;
    top: 4px;
    background-size: 9px 9px
}
.print-invoice-dropdown[data-v-20873776]{
    padding: 5px 15px;
    margin: 10px;
    border-radius: 9px;
    background: var(--color-dark-primary-green);
    color: var(--color-white);
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--color-dark-forest-green) 0px 4px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: none;
}
.dropdown-content[data-v-20873776]{
    margin-left: 10px;
    margin-right: 10px;
}
[data-v-20873776] .dropdown-toggle::after{
    color: var(--color-white) !important;
}
[data-v-20873776] .dropdown-menu.show{
    margin-top: 10px !important;
}
[data-v-20873776] .dropdown-toggle.show{
     border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
}

.settlement-chart-wrapper[data-v-708e8d92] {
    width: 100%;
    height: 260px;
    position: relative;
}
.settlement-chart-wrapper canvas[data-v-708e8d92] {
    width: 100% !important;
    height: 100% !important;
}

.custom-date-range[data-v-ebb1da3c] .dp__input {
    min-height: 45px !important;
    width: 200px !important;
}
.employee-select-dropdown[data-v-ebb1da3c] {
    width: 345px;
}
@media (max-width: 1439px) {
.settlement-report-filter-bar[data-v-ebb1da3c] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 16px;
}
.settlement-report-filter-fields[data-v-ebb1da3c] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 16px;
}
.settlement-report-filter-bar[data-v-ebb1da3c] > :last-child {
        align-self: flex-end;
}
.employee-select-dropdown[data-v-ebb1da3c],
    .date-range-wrapper[data-v-ebb1da3c] {
        width: 100%;
}
.settlement-date-range-controls[data-v-ebb1da3c] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 12px;
}
.date-range-tabs[data-v-ebb1da3c] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
}
.date-range-tab[data-v-ebb1da3c] {
        width: 100%;
}
.custom-date-range[data-v-ebb1da3c] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        width: 100%;
        align-items: center;
        gap: 12px;
}
.custom-date-range[data-v-ebb1da3c] .dp__input {
        width: 100% !important;
}
.settlement-status-list[data-v-ebb1da3c],
    .settlement-status-chart[data-v-ebb1da3c] {
        flex: 0 0 100%;
        max-width: 100%;
}
.settlement-status-list[data-v-ebb1da3c] {
        padding-right: 0 !important;
        margin-bottom: 16px;
}
}
.employee-select-dropdown[data-v-ebb1da3c] .employee-select-toggle {
    display: flex !important;
    align-items: center;
    border: 1px solid var(--color-grey-light-2) !important;
    border-radius: 14px !important;
    background-color: var(--color-white) !important;
    color: var(--color-black-50) !important;
    font-family: "Satoshi-Medium", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 9px 40px 9px 14px !important;
    width: 100%;
    min-height: 45px !important;
    box-shadow: none !important;
    background-image: url('/assets/images/svg/chevron-down-filled.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px 16px !important;
    text-align: left;
}
.employee-select-dropdown[data-v-ebb1da3c] .employee-select-toggle:hover,
.employee-select-dropdown[data-v-ebb1da3c] .employee-select-toggle:focus,
.employee-select-dropdown[data-v-ebb1da3c] .employee-select-toggle:active,
.employee-select-dropdown[data-v-ebb1da3c] .employee-select-toggle:focus-visible {
    background-color: var(--color-white) !important;
    color: var(--color-black-50) !important;
    border-color: var(--color-grey-light-2) !important;
    box-shadow: none !important;
}
.employee-select-dropdown[data-v-ebb1da3c] .dropdown-menu {
    z-index: 900 !important;
}
.employee-select-toggle-label[data-v-ebb1da3c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.employee-avatar-group[data-v-ebb1da3c] {
    display: flex;
    align-items: center;
}
.employee-avatar-group__item[data-v-ebb1da3c] {
    border: 2px solid var(--color-white);
    margin-left: -12px;
}
.employee-avatar-group__item[data-v-ebb1da3c]:first-child {
    margin-left: 0;
}
.employee-avatar-group__more[data-v-ebb1da3c] {
    background-color: var(--color-grey-light-2);
    color: var(--color-black-50);
    font-weight: 700;
    cursor: default;
}
.total-amount-summary__label[data-v-ebb1da3c] {
    color: var(--color-black-50);
    font-size: 12px;
    font-weight: 700;
}
.total-amount-summary__value[data-v-ebb1da3c] {
    color: #20A05A;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.kanban-board-row[data-v-c0d1b75d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    width: 100%;
}
.kanban-board-column[data-v-c0d1b75d] {
    min-width: 0;
}
.issue-filters-grid[data-v-c0d1b75d] {
    display: grid;
    grid-template-columns: 2fr repeat(5, 1fr) 1.15fr 1.15fr;
    gap: 16px;
    width: 100%;
    align-items: end;
    margin: 16px 0 0 0;
}
@media (max-width: 768px) {
.issue-filters-grid[data-v-c0d1b75d] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
}
.issue-filters-grid .search-filter[data-v-c0d1b75d],
    .issue-filters-grid .filter-item[data-v-c0d1b75d]:nth-child(4),
    .issue-filters-grid .action-filter[data-v-c0d1b75d] {
        grid-column: span 2;
}
}
@media (max-width: 575px) {
.issue-filters-grid[data-v-c0d1b75d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
}
.issue-filters-grid .search-filter[data-v-c0d1b75d],
    .issue-filters-grid .filter-item[data-v-c0d1b75d]:nth-child(4),
    .issue-filters-grid .action-filter[data-v-c0d1b75d] {
        grid-column: span 2;
}
}
.filter-item[data-v-c0d1b75d] {
    min-width: 0;
}
.filter-item .mws__select--field[data-v-c0d1b75d],
.filter-item .search-container[data-v-c0d1b75d],
.filter-item .search-input[data-v-c0d1b75d] {
    width: 100% !important;
}
.action-filter button[data-v-c0d1b75d] {
    min-height: 44px;
}
.invisible[data-v-c0d1b75d] {
    visibility: hidden;
}
[data-v-c0d1b75d] .dp__input {
    min-height: 44px !important;
}
.kanban-column[data-v-c0d1b75d] {
    width: 100%;
    border: 1px solid #d6d3d1;
    border-radius: 10px;
    overflow: hidden;
    background: #f6f7f9;
}
.kanban-column-header[data-v-c0d1b75d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 14px;
    background: #ffffff;
}
.kanban-status-dot[data-v-c0d1b75d] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
}
.kanban-divider[data-v-c0d1b75d] {
    height: 2px;
    width: 100%;
    background-color: #e5e7eb;
}
.kanban-cards[data-v-c0d1b75d] {
    width: 100%;
    min-height: 500px;
    height: 60vh;
    padding: 16px;
    box-sizing: border-box;
    background-color: #F6F7F9;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Individual card */
.kanban-card[data-v-c0d1b75d] {
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid rgb(229, 231, 235);
    border-radius: 12px;
    background-color: #fff;
    color: #0f172a;
    margin-bottom: 16px;
    line-height: 24px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.kanban-card[data-v-c0d1b75d]:hover {
    border-color: rgb(201, 205, 211);
}
.kanban-card-chosen[data-v-c0d1b75d] {
    cursor: grabbing !important;
}
.kanban-card-ghost[data-v-c0d1b75d] {
    opacity: 0.35;
    border: 2px dashed #94a3b8;
}
.kanban-card-dragging[data-v-c0d1b75d] {
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
}
.card-inline-dropdown[data-v-c0d1b75d] {
    display: block;
    width: fit-content;
}
[data-v-c0d1b75d] .card-inline-dropdown .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    color: inherit;
    text-decoration: none;
    box-shadow: none !important;
}
[data-v-c0d1b75d] .card-inline-dropdown .dropdown-toggle:hover,[data-v-c0d1b75d] .card-inline-dropdown .dropdown-toggle:focus,[data-v-c0d1b75d] .card-inline-dropdown .dropdown-toggle.show {
    color: inherit;
    background: transparent !important;
    box-shadow: none !important;
}
[data-v-c0d1b75d] .card-inline-dropdown .dropdown-menu {
    min-width: 172px;
    max-height: 280px;
    overflow-y: auto;
    padding: 7px 6px;
    border: 0;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 11px 26px rgba(15, 23, 42, 0.15);
}
[data-v-c0d1b75d] .card-inline-dropdown .dropdown-item {
    min-height: 36px;
    padding: 7px 10px;
    border-radius: 7px;
    color: #252a32;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
}
[data-v-c0d1b75d] .card-inline-dropdown .dropdown-item:hover,[data-v-c0d1b75d] .card-inline-dropdown .dropdown-item:focus,[data-v-c0d1b75d] .card-inline-dropdown .dropdown-item.active,[data-v-c0d1b75d] .card-inline-dropdown .dropdown-item:active {
    background: #f5f7f8;
    color: #252a32;
}
.dropdown-option-row[data-v-c0d1b75d] {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}
.dropdown-option-row > span[data-v-c0d1b75d]:nth-child(2) {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.assignee-check[data-v-c0d1b75d] {
    color: #22a866;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}
.issue-card-detail[data-v-c0d1b75d] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #8a9ab2;
    font-size: 11px;
    line-height: 1.2;
}
.driver-summary[data-v-c0d1b75d] {
    cursor: pointer;
}
.driver-icon[data-v-c0d1b75d] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    object-fit: contain;
}
.damage-summary[data-v-c0d1b75d] {
    gap: 4px;
    color: #8495ae;
}
.damage-summary .damage-currency[data-v-c0d1b75d] {
    margin-right: 2px;
    color: #7c91ae;
}
.damage-summary strong[data-v-c0d1b75d] {
    color: #637d9f;
    font-weight: 700;
}
.assignee-avatar-stack[data-v-c0d1b75d] {
    display: inline-flex;
    align-items: center;
}
.assignee-summary-label[data-v-c0d1b75d] {
    cursor: default;
}
.assignee-summary-tooltip[data-v-c0d1b75d] {
    position: relative;
    display: inline-flex;
    align-items: center;
    outline: none;
}
.assignee-hover-card[data-v-c0d1b75d] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    z-index: 20;
    display: none;
    min-width: 170px;
    max-width: 260px;
    padding: 8px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    color: #0f172a;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18);
}
.assignee-summary-tooltip:hover .assignee-hover-card[data-v-c0d1b75d],
.assignee-summary-tooltip:focus .assignee-hover-card[data-v-c0d1b75d],
.assignee-summary-tooltip:focus-within .assignee-hover-card[data-v-c0d1b75d] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.assignee-hover-row[data-v-c0d1b75d] {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
}
.assignee-avatar-stack .issue-user-avatar + .issue-user-avatar[data-v-c0d1b75d] {
    margin-left: -6px;
    border: 2px solid #fff;
}
.kanban-loading-more[data-v-c0d1b75d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 0 16px;
    color: #64748b;
    font-size: 13px;
}
.kanban-card-title[data-v-c0d1b75d] {
    margin-bottom: 2px;
}
.priority[data-v-c0d1b75d] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}
.priority-dot[data-v-c0d1b75d] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}
.issue-user-avatar[data-v-c0d1b75d] {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex: 0 0 20px;
    font-weight: 700;
    font-size: 9px;
    line-height: 1;
}

.print-invoice-dropdown[data-v-c7f4d1ee] {
    padding: 5px 15px;
    margin: 10px;
    border-radius: 9px;
    background: var(--color-dark-primary-green);
    color: var(--color-white);
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--color-dark-forest-green) 0px 4px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: none;
}
.dropdown-content[data-v-c7f4d1ee] {
    margin-left: 10px;
    margin-right: 10px;
}
[data-v-c7f4d1ee] .dropdown-toggle::after {
    color: var(--color-white) !important;
}
[data-v-c7f4d1ee] .dropdown-menu.show {
    margin-top: 10px !important;
}
[data-v-c7f4d1ee] .dropdown-toggle.show {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
}
.priority-dot[data-v-c7f4d1ee] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}
.status-progress[data-v-c7f4d1ee] {
    width: 100%;
    padding: 18px 20px;
}
.status-progress__steps[data-v-c7f4d1ee] {
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.status-progress__item[data-v-c7f4d1ee] {
    flex: 0 0 auto;
    min-width: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.status-progress__circle[data-v-c7f4d1ee] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    flex-shrink: 0;
    transition: background-color 0.2s ease;
}
.status-progress__circle.is-current[data-v-c7f4d1ee] {
    box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.08);
}
.status-progress__circle.is-pending[data-v-c7f4d1ee] {
    color: #6b7280;
}
.status-progress__circle img[data-v-c7f4d1ee] {
    width: 16px;
    height: 16px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

/* Line between statuses */
.status-progress__line[data-v-c7f4d1ee] {
    height: 2px;
    flex: 1;
    margin-top: 16px;
    min-width: 30px;
    transition: background-color 0.2s ease;
}
.status-progress__label[data-v-c7f4d1ee] {
    margin-top: 6px;
    white-space: nowrap;
}
.issue-description[data-v-c7f4d1ee] {
    color: #374151;
    white-space: pre-wrap;
}
.ticket-state[data-v-c7f4d1ee] {
    padding: 36px 20px;
}
.related-booking-link[data-v-c7f4d1ee] {
    color: var(--color-dark-primary-green);
    cursor: pointer;
    font-weight: 600;
}
.issue-assignees-list[data-v-c7f4d1ee] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 10px;
}

/* =========================
   Attachments
========================= */
.attachments-list[data-v-c7f4d1ee] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    flex-wrap: wrap;
}
.attachment-item[data-v-c7f4d1ee] {
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 8px;
    overflow: visible;
    cursor: pointer;
}
.attachment-image[data-v-c7f4d1ee] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    background: #eef0f3;
    border: 1px solid #e2e5e9;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.attachment-item:hover .attachment-image[data-v-c7f4d1ee] {
    opacity: 0.85;
    transform: scale(1.02);
}
.attachment-hover-preview[data-v-c7f4d1ee] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2100;
    pointer-events: none;
}
.attachment-hover-preview img[data-v-c7f4d1ee] {
    display: block;
    width: 1100px;
    max-width: 90vw;
    max-height: 85vh;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}


/* Remove button */
.attachment-remove[data-v-c7f4d1ee] {
    position: absolute;
    top: -7px;
    right: -7px;

    width: 21px;
    height: 21px;

    padding: 0;
    border: 0;
    border-radius: 50%;

    background: #6b7075;
    color: #fff;

    font-size: 15px;
    line-height: 19px;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    z-index: 2;
}
.attachment-remove[data-v-c7f4d1ee]:hover {
    background: #4f5357;
}


/* =========================
   Image Viewer
========================= */
.image-viewer-overlay[data-v-c7f4d1ee] {
    position: fixed;
    inset: 0;
    z-index: 99999;

    background: rgba(10, 13, 18, 0.90);

    display: flex;
    align-items: center;
    justify-content: center;
}


/* Image wrapper */
.image-viewer-content[data-v-c7f4d1ee] {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    max-width: 75vw;
    max-height: 90vh;
}


/* Main image */
.image-viewer-image[data-v-c7f4d1ee] {
    display: block;

    max-width: 75vw;
    max-height: 78vh;

    width: auto;
    height: auto;

    object-fit: contain;

    border-radius: 8px;

    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35);
}


/* Counter */
.image-viewer-counter[data-v-c7f4d1ee] {
    margin-top: 14px;

    color: #fff;

    font-size: 13px;
    font-weight: 500;

    line-height: 1;
}


/* Close button */
.image-viewer-close[data-v-c7f4d1ee] {
    position: fixed;
    top: 18px;
    right: 22px;

    width: 38px;
    height: 38px;

    padding: 0;

    border: 0;
    background: transparent;

    color: #fff;

    font-size: 32px;
    font-weight: 300;
    line-height: 34px;

    cursor: pointer;

    z-index: 10;
}
.image-viewer-close[data-v-c7f4d1ee]:hover {
    opacity: 0.7;
}


/* Previous / Next */
.image-viewer-arrow[data-v-c7f4d1ee] {
    position: fixed;

    top: 50%;
    transform: translateY(-50%);

    width: 42px;
    height: 55px;

    padding: 0;

    border: 0;
    background: transparent;

    color: #fff;

    font-size: 40px;
    font-weight: 200;
    line-height: 50px;

    cursor: pointer;

    z-index: 10;
}
.image-viewer-arrow[data-v-c7f4d1ee]:hover {
    opacity: 0.65;
}
.image-viewer-prev[data-v-c7f4d1ee] {
    left: calc(50% - 43vw);
}
.image-viewer-next[data-v-c7f4d1ee] {
    right: calc(50% - 43vw);
}


/* =========================
   Responsive
========================= */
@media (max-width: 768px) {
.attachment-item[data-v-c7f4d1ee] {
        width: 80px;
        height: 80px;
}
.image-viewer-image[data-v-c7f4d1ee] {
        max-width: 88vw;
        max-height: 75vh;
}
.image-viewer-prev[data-v-c7f4d1ee] {
        left: 8px;
}
.image-viewer-next[data-v-c7f4d1ee] {
        right: 8px;
}
}
/* ============================================
   Activity & Comments
============================================ */
.activity-comments-card[data-v-c7f4d1ee] {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 14px;
}

/* Header */
.activity-header[data-v-c7f4d1ee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 34px;
    border-bottom: 1px solid #e5e7eb;
}
.activity-title[data-v-c7f4d1ee] {
    color: #111827;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
}
.activity-subtitle[data-v-c7f4d1ee] {
    margin-top: 8px;
    color: #667085;
    font-size: 14px;
    font-weight: 400;
}
.activity-sort-dropdown[data-v-c7f4d1ee] {
    flex-shrink: 0;
}
.activity-sort-button[data-v-c7f4d1ee] {
    min-width: 160px;
    height: 44px;
    padding: 0 14px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border: 1px solid #d8dee8;
    border-radius: 10px;
    background: #fff;

    color: #667085;
    font-size: 14px;
    font-weight: 500;
}
[data-v-c7f4d1ee] .activity-sort-dropdown .dropdown-toggle {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
[data-v-c7f4d1ee] .activity-sort-dropdown .dropdown-toggle::after {
    display: none !important;
}
[data-v-c7f4d1ee] .activity-sort-dropdown .dropdown-menu {
    min-width: 160px;
    margin-top: 7px !important;
    padding: 6px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}

/* Timeline */
.activity-timeline[data-v-c7f4d1ee] {
    position: relative;
    padding: 34px 34px 42px;
    max-height: 50vh;
    overflow-y: auto;
}

/* continuous vertical line */
.activity-timeline[data-v-c7f4d1ee]::before {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 35px;
    left: 56px;
    width: 1px;
    background: #d9dee7;
}
.activity-item[data-v-c7f4d1ee] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 28px;
    min-height: 70px;
}
.activity-item[data-v-c7f4d1ee]::before {
    content: "";
    position: absolute;

    /* center of 46px icon */
    left: 22.5px;

    /* start exactly under current circle */
    top: 46px;

    /* continue through the complete activity item */
    bottom: 0;

    width: 1px;
    background: #d9dee7;

    z-index: 0;
}
.activity-item[data-v-c7f4d1ee]:last-child::before {
    bottom: -30px;
}

/* Keep SVG circle above the vertical line */
.activity-icon[data-v-c7f4d1ee] {
    position: relative;
    z-index: 2;

    width: 46px;
    height: 46px;
    flex: 0 0 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1.5px solid currentColor;
    border-radius: 50%;

    /* important: hides the line inside the circle */
    background: #fff;
}
.activity-icon--created[data-v-c7f4d1ee] {
    color: #22c55e;
}
.activity-icon--assigned[data-v-c7f4d1ee] {
    color: #2563eb;
}
.activity-icon--attachment[data-v-c7f4d1ee] {
    color: #8b5cf6;
}
.activity-icon--comment[data-v-c7f4d1ee] {
    color: #f59e0b;
}
.activity-icon--default[data-v-c7f4d1ee] {
    color: #64748b;
}

/* Content */
.activity-item-content[data-v-c7f4d1ee] {
    flex: 1;
    min-width: 0;
    padding-top: 7px;
}
.activity-meta[data-v-c7f4d1ee] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
.activity-description[data-v-c7f4d1ee] {
    min-width: 0;
    font-size: 15px;
    line-height: 1.6;
}
.activity-user[data-v-c7f4d1ee] {
    margin-right: 8px;
    color: #101828;
    font-weight: 700;
}
.activity-action[data-v-c7f4d1ee] {
    color: #667085;
    font-weight: 400;
}
.activity-time[data-v-c7f4d1ee] {
    flex-shrink: 0;
    color: #667085;
    font-size: 14px;
    white-space: nowrap;
}

/* Comment box */
.activity-comment-box[data-v-c7f4d1ee],
.activity-attachment-box[data-v-c7f4d1ee] {
    margin-top: 12px;
    padding: 10px;

    border: 1px solid #d9dee7;
    border-radius: 10px;

    background: #fff;
    color: #101828;

    font-size: 14px;
    line-height: 1.6;
}

/* Attachments */
.activity-attachment-grid[data-v-c7f4d1ee] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.activity-attachment-item[data-v-c7f4d1ee] {
    width: 142px;
    height: 142px;

    padding: 8px;
    overflow: hidden;

    border: 1px solid #d9dee7;
    border-radius: 10px;

    background: #fff;
    cursor: pointer;

    transition:
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}
.activity-attachment-item[data-v-c7f4d1ee]:hover {
    border-color: #aab4c3;
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(15, 23, 42, 0.06);
}
.activity-attachment-item img[data-v-c7f4d1ee] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 6px;
}
.activity-attachment-comment[data-v-c7f4d1ee] {
    margin-top: 16px;
    color: #101828;
}
.activity-empty[data-v-c7f4d1ee] {
    padding: 30px;
    color: #667085;
    text-align: center;
}

/* ============================================
   Comment Composer
============================================ */
.activity-composer[data-v-c7f4d1ee] {
    display: flex;
    align-items: center;
    gap: 16px;

    padding: 22px 34px 30px;
    border-top: 1px solid #f0f1f3;
}
.activity-composer-avatar[data-v-c7f4d1ee] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    font-size: 14px;
    font-weight: 600;
}
.activity-composer-input-wrapper[data-v-c7f4d1ee] {
    position: relative;
    flex: 1;
    min-width: 0;
}
.activity-composer-input[data-v-c7f4d1ee] {
    width: 100%;
    min-height: 52px;
    max-height: 140px;

    padding: 15px 55px 15px 18px;

    resize: vertical;

    border: 1px solid #d6dce5;
    border-radius: 10px;
    outline: none;

    background: #fff;
    color: #101828;

    font-family: inherit;
    font-size: 14px;
    line-height: 20px;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}
.activity-composer-input[data-v-c7f4d1ee]::placeholder {
    color: #98a2b3;
}
.activity-composer-input[data-v-c7f4d1ee]:focus {
    border-color: #8b9cff;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.08);
}
.activity-attach-button[data-v-c7f4d1ee] {
    position: absolute;
    top: 14px;
    right: 16px;

    padding: 0;
    border: 0;
    background: transparent;

    color: #667085;
    cursor: pointer;
}
.activity-attach-button[data-v-c7f4d1ee]:hover {
    color: #344054;
}
.activity-attach-button[data-v-c7f4d1ee]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Selected image preview */
.activity-selected-images[data-v-c7f4d1ee] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 9px;
}
.activity-selected-image[data-v-c7f4d1ee] {
    position: relative;
    width: 60px;
    height: 60px;
}
.activity-selected-image img[data-v-c7f4d1ee] {
    width: 100%;
    height: 100%;
    object-fit: cover;

    border: 1px solid #e5e7eb;
    border-radius: 8px;
}
.activity-selected-image button[data-v-c7f4d1ee] {
    position: absolute;
    top: -6px;
    right: -6px;

    width: 20px;
    height: 20px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 50%;

    background: #667085;
    color: #fff;

    font-size: 15px;
    line-height: 1;

    cursor: pointer;
}

/* Send */
.activity-send-button[data-v-c7f4d1ee] {
    height: 52px;
    min-width: 104px;
    padding: 0 22px;

    border: 0;
    border-radius: 9px;

    background: #6366f1;
    color: #fff;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}
.activity-send-button[data-v-c7f4d1ee]:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(99, 102, 241, 0.24);
}
.activity-send-button[data-v-c7f4d1ee]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ============================================
   Responsive
============================================ */
@media (max-width: 768px) {
.activity-header[data-v-c7f4d1ee] {
        align-items: flex-start;
        flex-direction: column;
        padding: 22px 20px;
}
.activity-sort-dropdown[data-v-c7f4d1ee],
    .activity-sort-button[data-v-c7f4d1ee] {
        width: 100%;
}
.activity-timeline[data-v-c7f4d1ee] {
        padding: 25px 20px 30px;
}
.activity-timeline[data-v-c7f4d1ee]::before {
        left: 41px;
}
.activity-item[data-v-c7f4d1ee] {
        gap: 16px;
}
.activity-icon[data-v-c7f4d1ee] {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
}
.activity-meta[data-v-c7f4d1ee] {
        flex-direction: column;
        gap: 3px;
}
.activity-time[data-v-c7f4d1ee] {
        white-space: normal;
}
.activity-attachment-item[data-v-c7f4d1ee] {
        width: 105px;
        height: 105px;
}
.activity-composer[data-v-c7f4d1ee] {
        align-items: flex-end;
        gap: 10px;
        padding: 20px;
}
.activity-composer-avatar[data-v-c7f4d1ee] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
}
.activity-send-button[data-v-c7f4d1ee] {
        min-width: 76px;
        padding: 0 14px;
}
}


.capacity-cell[data-v-d1b2cac7] {
    min-width: 132px;
}
.capacity-cell-values[data-v-d1b2cac7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    color: #566575;
    font-size: 9.5px;
    line-height: 1.2;
    white-space: nowrap;
}
.capacity-cell-values strong[data-v-d1b2cac7] {
    font-size: 10px;
}
.capacity-cell-track[data-v-d1b2cac7] {
    width: calc(100% - 42px);
    height: 6px;
    overflow: hidden;
    margin-top: 3px;
    border-radius: 999px;
    background: #e8ebee;
}
.capacity-cell-fill[data-v-d1b2cac7] {
    display: block;
    height: 100%;
    border-radius: inherit;
}
.capacity-cell-values strong.low[data-v-d1b2cac7] {
    color: #6f777d;
}
.capacity-cell-values strong.medium[data-v-d1b2cac7] {
    color: #bd7400;
}
.capacity-cell-values strong.high[data-v-d1b2cac7] {
    color: #087a13;
}
.capacity-cell-values strong.over[data-v-d1b2cac7] {
    color: #d11f2e;
}
.capacity-cell-fill.low[data-v-d1b2cac7] {
    background: #7c8489;
}
.capacity-cell-fill.medium[data-v-d1b2cac7] {
    background: #ca8200;
}
.capacity-cell-fill.high[data-v-d1b2cac7] {
    background: #218529;
}
.capacity-cell-fill.over[data-v-d1b2cac7] {
    background: #d32938;
}

.dropdown-content[data-v-8d6b2eae] {
    margin-left: 10px;
    margin-right: 10px;
}
[data-v-8d6b2eae] .dropdown-toggle::after {
    color: var(--color-white) !important;
}
[data-v-8d6b2eae] .dropdown-menu.show {
    margin-top: 10px !important;
}
[data-v-8d6b2eae] .dropdown-toggle.show {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
}
.custom-date-range[data-v-8d6b2eae] .dp__input {
    min-height: 45px !important;
    width: 200px !important;
}

.quotation-list-table[data-v-e0316faf] tbody tr {
    cursor: pointer;
}
.quote-stat-button[data-v-e0316faf] {
    appearance: none;
    cursor: pointer;
    text-align: left;
    transition: transform .15s ease, box-shadow .15s ease;
}
.quote-stat-button[data-v-e0316faf]:hover { transform: translateY(-1px);
}
.quote-stat-button.active[data-v-e0316faf] {
    box-shadow: none;
    border-width: 2px !important;
}
.quote-stat-button.active.stat-card--info[data-v-e0316faf] { border-color: var(--color-blue-primary) !important;
}
.quote-stat-button.active.stat-card--unpaid[data-v-e0316faf] { border-color: var(--color-amber-gold) !important;
}
.quote-stat-button.active.stat-card--paid[data-v-e0316faf] { border-color: var(--color-green-primary) !important;
}
.quote-stat-button.active.stat-card--danger[data-v-e0316faf] { border-color: var(--color-red-danger) !important;
}
.quotation-list-table[data-v-e0316faf] tbody tr:hover {
    background: #f5fbf6;
}
.quote-filters[data-v-e0316faf] {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 12px;
}
.header-row[data-v-e0316faf] {
    align-items: end !important;
    flex-wrap: wrap;
}
.quote-filters>.mws__select--field[data-v-e0316faf] {
    width: 220px;
    height: 44px;
}
.quote-date-filter[data-v-e0316faf] {
    display: grid;
    gap: 5px;
}
.quote-date-filter label[data-v-e0316faf] {
    font-size: 12px;
    font-weight: 700;
}
.quote-date-filter[data-v-e0316faf] .form-date-picker {
    width: 160px;
}
.quote-date-filter[data-v-e0316faf] .form-date-picker .dp__input {
    min-height: 44px;
    height: 44px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
}
.quote-clear-filters[data-v-e0316faf] {
    padding: 8px 4px;
    border: 0;
    background: transparent;
    color: #08742d;
    font-size: 12px;
    font-weight: 700;
}
.quote-sort-header[data-v-e0316faf] {
    display: flex;
    align-items: center;
    gap: 4px;
}
.quotation-action-menu[data-v-e0316faf] .quotation-action-menu__toggle {
    padding: 0 7px;
    border: 0;
    color: #17324d;
    font-size: 22px;
    line-height: 1;
    text-decoration: none;
}
.quotation-action-menu[data-v-e0316faf] { display: inline-flex; align-items: center; gap: 4px;
}
.quotation-action-icon[data-v-e0316faf] { display: inline-grid; width: 25px; height: 25px; place-items: center; padding: 0; border: 0; border-radius: 4px; font-size: 18px; font-weight: 700; line-height: 1;
}
.quotation-action-icon--approve[data-v-e0316faf], .quotation-action-icon--booking[data-v-e0316faf] { background: #e9f8ed; color: #08742d;
}
.quotation-action-icon--reject[data-v-e0316faf] { background: #fff0f0; color: #dc3545;
}
.quotation-status-modal__title[data-v-e0316faf] { margin-bottom: 8px; font-size: 18px; font-weight: 700;
}
.quotation-status-modal__message[data-v-e0316faf] { margin-bottom: 0; font-size: 14px; line-height: 1.45;
}


.ai-bot-filters[data-v-4ae5977c] {
  background: #fff;
}
.ai-bot-filters .mws__select--field[data-v-4ae5977c] {
  width: 100%;
  min-height: 42px;
}
.ai-bot-filter-row[data-v-4ae5977c] {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr)) auto;
  gap: 1rem;
  align-items: end;
}
.ai-bot-search[data-v-4ae5977c] { width: 100%;
}
.ai-bot-filters[data-v-4ae5977c] .form-date-picker .dp__input {
  min-height: 42px;
  height: 42px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.ai-bot-filter-clear[data-v-4ae5977c] { min-height: 42px; display: flex; align-items: center;
}
@media (max-width: 1199px) {
.ai-bot-filter-row[data-v-4ae5977c] { grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.ai-bot-filter-row[data-v-4ae5977c] { grid-template-columns: 1fr;
}
}
.request-status[data-v-4ae5977c] {
  display: inline-flex;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.request-status--pending[data-v-4ae5977c] {
  background: #fff4db;
  color: #9a6700;
}
.request-status--awaiting-booking[data-v-4ae5977c] {
  background: #e8f0ff;
  color: #2859a7;
}
.request-status--approved[data-v-4ae5977c] {
  background: #e5f5ea;
  color: #167a36;
}
.request-status--declined[data-v-4ae5977c] {
  background: #fde8e8;
  color: #bd2c2c;
}
.request-status--rejected[data-v-4ae5977c] {
  background: #fde8e8;
  color: #bd2c2c;
}
.request-status--expired[data-v-4ae5977c],
.request-status--declined[data-v-4ae5977c],
.request-status--rejected-by-ai[data-v-4ae5977c],
.request-status--failed[data-v-4ae5977c],
.request-status--no-docket[data-v-4ae5977c],
.request-status--booking-closed[data-v-4ae5977c] {
  background: #fde8e8;
  color: #bd2c2c;
}
.request-status--received[data-v-4ae5977c],
.request-status--answered[data-v-4ae5977c],
.request-status--request[data-v-4ae5977c],
.request-status--request-created[data-v-4ae5977c],
.request-status--completed[data-v-4ae5977c] {
  background: #e8f5ff;
  color: #176b9d;
}
.request-status--unknown[data-v-4ae5977c] {
  background: #eef1f4;
  color: #59616b;
}
.ai-bot-message[data-v-4ae5977c] { display: block; min-width: 180px; white-space: normal; overflow-wrap: anywhere;
}
.ai-bot-action-menu[data-v-4ae5977c] { display: inline-flex; align-items: center; gap: 4px;
}
.ai-bot-action-icon[data-v-4ae5977c] { display: inline-grid; width: 25px; height: 25px; place-items: center; padding: 0; border: 0; border-radius: 4px; font-size: 18px; font-weight: 700; line-height: 1;
}
.ai-bot-action-icon[data-v-4ae5977c]:disabled { cursor: not-allowed; opacity: 0.45;
}
.ai-bot-action-icon--approve[data-v-4ae5977c] { background: #e9f8ed; color: #08742d;
}
.ai-bot-action-icon--reject[data-v-4ae5977c] { background: #fff0f0; color: #dc3545;
}
.ai-bot-status-modal__title[data-v-4ae5977c] { margin-bottom: 8px; font-size: 18px; font-weight: 700;
}
.ai-bot-status-modal__message[data-v-4ae5977c] { margin-bottom: 0; font-size: 14px; line-height: 1.45;
}

.mws__footer--copy[data-v-d8c9dea5] {
    font-family: 'Satoshi-Regular', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 3px 0;
}

.loader-wrapper {
  width: 100%;
  height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.loader-wrapper.loader-bg-dark {
  background: #f4f8ff
}
.loader-wrapper.loader-bg-light {
  background: #f4f8ffa6;
}
.loader-container {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
}

/* Circle Background */
/* .loading-stage .circle-background {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: #001C27;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 1.2s ease-out;
  z-index: 0;
} */

/* Circle expands to cover full screen */
/* .loading-stage .circle-background.circle-expanded {
  transform: translate(-50%, -50%) scale(20);
} */
#mws-lottie {
  width: 450px;
  height: 450px;
}

.vue-map {
  width: 100%;
  height: 100%;
  min-height: 2rem;
}

/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}

[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}

.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}

[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap.css.map */.b-avatar{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;width:2.5rem;height:2.5rem;font-size:inherit;font-weight:400;line-height:1;max-width:100%;max-height:auto;text-align:center;overflow:visible;position:relative;transition:color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out}.b-avatar:focus{outline:0}.b-avatar.btn,.b-avatar[href]{padding:0;border:0}.b-avatar.btn .b-avatar-img img,.b-avatar[href] .b-avatar-img img{transition:transform .15s ease-in-out}.b-avatar.btn:not(:disabled):not(.disabled),.b-avatar[href]:not(:disabled):not(.disabled){cursor:pointer}.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,.b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img{transform:scale(1.15)}.b-avatar.disabled,.b-avatar:disabled,.b-avatar[disabled]{opacity:.65;pointer-events:none}.b-avatar .b-avatar-custom,.b-avatar .b-avatar-text,.b-avatar .b-avatar-img{border-radius:inherit;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;mask-image:radial-gradient(white,black)}.b-avatar .b-avatar-text{text-transform:uppercase;white-space:nowrap}.b-avatar[href]{text-decoration:none}.b-avatar>.bootstrap-icon{width:60%;height:auto;max-width:100%}.b-avatar .b-avatar-img img{width:100%;height:100%;max-height:auto;border-radius:inherit;object-fit:cover}.b-avatar .b-avatar-badge{position:absolute;min-height:1.5em;min-width:1.5em;padding:.25em;line-height:1;border-radius:10em;font-size:70%;font-weight:700;z-index:1}.b-avatar-sm{width:1.5rem;height:1.5rem}.b-avatar-sm .b-avatar-text{font-size:.6rem}.b-avatar-sm .b-avatar-badge{font-size:.42rem}.b-avatar-lg{width:3.5rem;height:3.5rem}.b-avatar-lg .b-avatar-text{font-size:1.4rem}.b-avatar-lg .b-avatar-badge{font-size:.98rem}.b-avatar-group .b-avatar-group-inner{display:flex;flex-wrap:wrap}.b-avatar-group .b-avatar{border:1px solid #dee2e6}.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled),.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled){z-index:1}.btn{position:relative}.btn .btn-loading.mode-inline{display:inline-block}.btn .btn-loading.mode-fill{display:flex;position:absolute;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center}.btn .btn-loading .btn-spinner{margin-inline-end:.4rem;--bs-spinner-width: 1.5rem;--bs-spinner-height: 1.5rem;--bs-spinner-border-width: .15em}.btn .btn-loading .btn-spinner.spinner-border-sm{margin-inline-end:.25rem;--bs-spinner-width: 1rem;--bs-spinner-height: 1rem}.btn .btn-loading.fw-bold .btn-spinner{--bs-spinner-border-width: .2em}.btn .btn-content{display:inline-block}.btn .btn-content.btn-loading-fill{color:transparent}.card-deck{gap:1.5rem}@media (min-width: 576px){.card-deck{display:flex;flex-flow:row wrap}}.card-deck>.card{flex:1 0 0%;margin-bottom:0}.card-columns .card{margin-bottom:.75rem}@media (min-width: 576px){.card-columns{column-count:3;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.b-form-tags.focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.b-form-tags.disabled{background-color:#e9ecef}.b-form-tag.disabled{opacity:.75}.b-form-tags.focus.is-valid{border-color:#198754;box-shadow:0 0 0 .25rem #19875440}.b-form-tags.focus.is-invalid{border-color:#dc3545;box-shadow:0 0 0 .25rem #dc354540}.b-form-tags .b-form-tags-list{margin-top:-.25rem}.b-form-tags .b-form-tags-list .b-form-tag,.b-form-tags .b-form-tags-list .b-from-tags-field{margin-top:.25rem}.b-form-tags .b-form-tags-list .b-form-tag{padding:.25em .65em}.b-form-tag{font-size:75%!important;font-weight:400!important;line-height:1.5!important;margin-right:.25rem}.b-form-tags .b-form-tag+.b-form-tag{margin-left:0}.b-form-tag>button.b-form-tag-remove{color:inherit;font-size:75%;line-height:1;float:none;margin-left:.25rem}.input-group>.input-group-prepend>.btn-group>.btn,.input-group>.input-group-append:not(:last-child)>.btn-group>.btn,.input-group>.input-group-append:last-child>.btn-group:not(:last-child):not(.dropdown-toggle)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn-group>.btn,.input-group>.input-group-prepend:not(:first-child)>.btn-group>.btn,.input-group>.input-group-prepend:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-lg .input-group-append>.form-control,.input-group-lg .input-group-append>.form-select,.input-group-lg .input-group-append>.input-group-text,.input-group-lg .input-group-append>.btn,.input-group-lg .input-group-prepend>.form-control,.input-group-lg .input-group-prepend>.form-select,.input-group-lg .input-group-prepend>.input-group-text,.input-group-lg .input-group-prepend>.btn{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.input-group-sm .input-group-append>.form-control,.input-group-sm .input-group-append>.form-select,.input-group-sm .input-group-append>.input-group-text,.input-group-sm .input-group-append>.btn,.input-group-sm .input-group-prepend>.form-control,.input-group-sm .input-group-prepend>.form-select,.input-group-sm .input-group-prepend>.input-group-text,.input-group-sm .input-group-prepend>.btn{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.input-group .btn-group:not(:last-child)>:not(:first-child){border-start-end-radius:0px;border-end-end-radius:0px}.input-group .btn-group:not(:last-child)>:not(:last-child){border-start-start-radius:0px;border-end-start-radius:0px}.input-group .btn-group:not(:last-child)>:not(:last-child){border-start-end-radius:0px;border-end-end-radius:0px}.input-group .btn-group:not(:first-child)>:not(:last-child){border-end-start-radius:0px;border-start-start-radius:0px}.b-pagination-pills .page-item .page-link{border-radius:50rem!important;margin-left:.25rem;line-height:1}.b-pagination-pills .page-item:first-child .page-link{margin-left:0}.b-skeleton-wrapper{cursor:wait}.b-skeleton{position:relative;overflow:hidden;background-color:#0000001f;cursor:wait;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}.b-skeleton:before{content:"\a0"}.b-skeleton-text{height:1rem;margin-bottom:.25rem;border-radius:.25rem}.b-skeleton-button{width:75px;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem}.b-skeleton-avatar{width:2.5em;height:2.5em;border-radius:50%}.b-skeleton-input{height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;line-height:1.5;border:1px solid #ced4da;border-radius:.25rem}.b-skeleton-img{height:100%;width:100%}.b-skeleton-animate-wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,transparent,hsla(0deg,0%,100%,.4),transparent);-webkit-animation:b-skeleton-animate-wave 1.75s linear infinite;animation:b-skeleton-animate-wave 1.75s linear infinite}.b-skeleton-icon-wrapper svg{color:#0000001f}@media (prefers-reduced-motion: reduce){.b-skeleton-animate-wave:after{background:none;-webkit-animation:none;animation:none}}@-webkit-keyframes b-skeleton-animate-wave{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes b-skeleton-animate-wave{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}.b-skeleton-animate-fade{-webkit-animation:b-skeleton-animate-fade .875s ease-in-out infinite alternate;animation:b-skeleton-animate-fade .875s ease-in-out infinite alternate}@media (prefers-reduced-motion: reduce){.b-skeleton-animate-fade{-webkit-animation:none;animation:none}}@-webkit-keyframes b-skeleton-animate-fade{0%{opacity:1}to{opacity:.4}}@keyframes b-skeleton-animate-fade{0%{opacity:1}to{opacity:.4}}.b-skeleton-animate-throb{-webkit-animation:b-skeleton-animate-throb .875s ease-in infinite alternate;animation:b-skeleton-animate-throb .875s ease-in infinite alternate}@media (prefers-reduced-motion: reduce){.b-skeleton-animate-throb{-webkit-animation:none;animation:none}}@-webkit-keyframes b-skeleton-animate-throb{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.975);transform:scale(.975)}}@keyframes b-skeleton-animate-throb{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.975);transform:scale(.975)}}.fade-enter-active,.fade-leave-active{transition:opacity .25s linear}.fade-enter-from,.fade-leave-to{opacity:0}.b-table-stacked-label{display:none;font-weight:700}.table.b-table.b-table-stacked{display:block;width:100%}.table.b-table.b-table-stacked>tfoot,.table.b-table.b-table-stacked>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked>thead,.table.b-table.b-table-stacked>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked>caption,.table.b-table.b-table-stacked>tbody,.table.b-table.b-table-stacked>tbody>tr,.table.b-table.b-table-stacked>tbody>tr>td,.table.b-table.b-table-stacked>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked>tbody>tr>th{display:block}.table.b-table.b-table-stacked>tbody>tr>:first-child,.table.b-table.b-table-stacked>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}@media (max-width: 575.98px){.table.b-table.b-table-stacked-sm{display:block;width:100%}.table.b-table.b-table-stacked-sm>tfoot,.table.b-table.b-table-stacked-sm>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-sm>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-sm>thead,.table.b-table.b-table-stacked-sm>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-sm>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-sm>caption,.table.b-table.b-table-stacked-sm>tbody,.table.b-table.b-table-stacked-sm>tbody>tr,.table.b-table.b-table-stacked-sm>tbody>tr>td,.table.b-table.b-table-stacked-sm>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked-sm>tbody>tr>th{display:block}.table.b-table.b-table-stacked-sm>tbody>tr>:first-child,.table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-sm>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}}@media (max-width: 767.98px){.table.b-table.b-table-stacked-md{display:block;width:100%}.table.b-table.b-table-stacked-md>tfoot,.table.b-table.b-table-stacked-md>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-md>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-md>thead,.table.b-table.b-table-stacked-md>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-md>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-md>caption,.table.b-table.b-table-stacked-md>tbody,.table.b-table.b-table-stacked-md>tbody>tr,.table.b-table.b-table-stacked-md>tbody>tr>td,.table.b-table.b-table-stacked-md>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked-md>tbody>tr>th{display:block}.table.b-table.b-table-stacked-md>tbody>tr>:first-child,.table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked-md>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked-md>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-md>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}}@media (max-width: 991.98px){.table.b-table.b-table-stacked-lg{display:block;width:100%}.table.b-table.b-table-stacked-lg>tfoot,.table.b-table.b-table-stacked-lg>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-lg>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-lg>thead,.table.b-table.b-table-stacked-lg>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-lg>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-lg>caption,.table.b-table.b-table-stacked-lg>tbody,.table.b-table.b-table-stacked-lg>tbody>tr,.table.b-table.b-table-stacked-lg>tbody>tr>td,.table.b-table.b-table-stacked-lg>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked-lg>tbody>tr>th{display:block}.table.b-table.b-table-stacked-lg>tbody>tr>:first-child,.table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-lg>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}}@media (max-width: 1199.98px){.table.b-table.b-table-stacked-xl{display:block;width:100%}.table.b-table.b-table-stacked-xl>tfoot,.table.b-table.b-table-stacked-xl>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xl>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-xl>thead,.table.b-table.b-table-stacked-xl>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xl>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-xl>caption,.table.b-table.b-table-stacked-xl>tbody,.table.b-table.b-table-stacked-xl>tbody>tr,.table.b-table.b-table-stacked-xl>tbody>tr>td,.table.b-table.b-table-stacked-xl>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked-xl>tbody>tr>th{display:block}.table.b-table.b-table-stacked-xl>tbody>tr>:first-child,.table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-xl>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}}@media (max-width: 1399.98px){.table.b-table.b-table-stacked-xxl{display:block;width:100%}.table.b-table.b-table-stacked-xxl>tfoot,.table.b-table.b-table-stacked-xxl>tfoot>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xxl>tfoot>tr.b-table-top-row,.table.b-table.b-table-stacked-xxl>thead,.table.b-table.b-table-stacked-xxl>thead>tr.b-table-bottom-row,.table.b-table.b-table-stacked-xxl>thead>tr.b-table-top-row{display:none}.table.b-table.b-table-stacked-xxl>caption,.table.b-table.b-table-stacked-xxl>tbody,.table.b-table.b-table-stacked-xxl>tbody>tr,.table.b-table.b-table-stacked-xxl>tbody>tr>td,.table.b-table.b-table-stacked-xxl>tbody>tr>td>.b-table-stacked-label,.table.b-table.b-table-stacked-xxl>tbody>tr>th{display:block}.table.b-table.b-table-stacked-xxl>tbody>tr>:first-child,.table.b-table.b-table-stacked-xxl>tbody>tr>[rowspan]+td,.table.b-table.b-table-stacked-xxl>tbody>tr>[rowspan]+th{border-top-width:3px}.table.b-table.b-table-stacked-xxl>tbody>tr>[data-label]:before{content:attr(data-label);width:40%;float:left;text-align:right;word-wrap:break-word;font-weight:700;font-style:normal;padding:0 .5rem 0 0;margin:0}.table.b-table.b-table-stacked-xxl>tbody>tr>[data-label]:after{display:block;clear:both;content:""}.table.b-table.b-table-stacked-xxl>tbody>tr>[data-label]>div{display:inline-block;width:60%;padding:0 0 0 .5rem;margin:0}}.b-table-sticky-header,.table-responsive,[class*=table-responsive-]{margin-bottom:1rem}.b-table-sticky-header>.table,.table-responsive>.table,[class*=table-responsive-]>.table{margin-bottom:0}.b-table-sticky-header{overflow-y:auto}@media print{.b-table-sticky-header{overflow-y:visible!important;max-height:none!important}}@supports (position: sticky){.b-table-sticky-header>.table.b-table>thead>tr>th{position:sticky;top:0;z-index:2}.b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,.table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column{position:sticky;left:0}.b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,.table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column{z-index:5}.b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,.b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,.table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,[class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column{z-index:2}}.table.b-table>tbody>tr>.table-b-table-default,.table.b-table>tfoot>tr>.table-b-table-default,.table.b-table>thead>tr>.table-b-table-default{color:#212529;background-color:#fff}.table th.b-table-sortable-column,.b-table.b-table-selectable td{cursor:pointer}.b-table.b-table-busy{position:relative}.b-table.b-table-busy .b-table-busy-slot{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.6588235294)}.b-table.b-table-busy .b-table-busy-slot>td{border:none;padding:0}.b-table.b-table-busy .b-table-busy-slot.b-table-static-busy{position:initial;width:100%;display:table-row}.b-table.b-table-sortable.b-table-sort-asc .sorted.b-table-sort-icon:before{content:"\25b2"}.b-table.b-table-sortable.b-table-sort-desc .sorted.b-table-sort-icon:before{content:"\25bc"}.b-toast{display:block;position:relative;max-width:350px;backface-visibility:hidden;background-clip:padding-box;z-index:1;border-radius:.375rem}.b-toast .toast{background-color:#ffffffd9}.b-toast:not(:last-child){margin-bottom:.75rem}.b-toast.b-toast-solid .toast{background-color:#fff}.b-toast .toast .toast-body{display:block}.b-toast-primary{background-color:#e9f1ffd9!important;border-color:#b6d4fed9!important;color:#084298}.b-toast-primary .toast-header{color:#084298;background-color:#cfe2ffd9;border-bottom-color:#b6d4fed9}.b-toast-primary.b-toast-solid .toast{background-color:#e9f1ff}.b-toast-secondary{background-color:#eff0f1d9!important;border-color:#d3d6d8d9!important;color:#41464b}.b-toast-secondary .toast-header{color:#41464b;background-color:#e2e3e5d9;border-bottom-color:#d3d6d8d9}.b-toast-secondary.b-toast-solid .toast{background-color:#eff0f1}.b-toast-success{background-color:#e2f0e9d9!important;border-color:#badbccd9!important;color:#0f5132}.b-toast-success .toast-header{color:#0f5132;background-color:#d1e7ddd9;border-bottom-color:#badbccd9}.b-toast-success.b-toast-solid .toast{background-color:#e2f0e9}.b-toast-info{background-color:#e7fafed9!important;border-color:#b6effbd9!important;color:#087990}.b-toast-info .toast-header{color:#087990;background-color:#cff4fcd9;border-bottom-color:#b6effbd9}.b-toast-info.b-toast-solid .toast{background-color:#e7fafe}.b-toast-warning{background-color:#fff9e7d9!important;border-color:#ffecb5d9!important;color:#997404}.b-toast-warning .toast-header{color:#997404;background-color:#fff3cdd9;border-bottom-color:#ffecb5d9}.b-toast-warning.b-toast-solid .toast{background-color:#fff9e7}.b-toast-danger{background-color:#fcedeed9!important;border-color:#f5c2c7d9!important;color:#842029}.b-toast-danger .toast-header{color:#842029;background-color:#f8d7dad9;border-bottom-color:#f5c2c7d9}.b-toast-danger.b-toast-solid .toast{background-color:#fcedee}.b-toast-light{background-color:#ffffffd9!important;border-color:#fdfdfed9!important;color:#959596}.b-toast-light .toast-header{color:#959596;background-color:#fefefed9;border-bottom-color:#fdfdfed9}.b-toast-light.b-toast-solid .toast{background-color:#fff}.b-toast-dark{background-color:#e0e0e1d9!important;border-color:#bcbebfd9!important;color:#141619}.b-toast-dark .toast-header{color:#141619;background-color:#d3d3d4d9;border-bottom-color:#bcbebfd9}.b-toast-dark.b-toast-solid .toast{background-color:#e0e0e1}.form-control-highlighted{border-color:#86b7fe;transition:box-shadow .3s ease-in-out;animation:form-control-highlighted-blink 1s infinite}@keyframes form-control-highlighted-blink{0%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 .25rem #0d6efd40}to{box-shadow:0 0 0 0 transparent}}.b-form-spinbutton{text-align:center;overflow:hidden;background-image:none;padding:0}[dir=rtl] .b-form-spinbutton:not(.flex-column),.b-form-spinbutton[dir=rtl]:not(.flex-column){flex-direction:row-reverse}.b-form-spinbutton output{font-size:inherit;outline:0;border:0;background-color:transparent;width:auto;margin:0;padding:0 .25rem}.b-form-spinbutton output>div,.b-form-spinbutton output>bdi{display:block;min-width:2.25em;height:1.5em}.b-form-spinbutton.flex-column{height:auto;width:auto}.b-form-spinbutton.flex-column output{margin:0 .25rem;padding:.25rem 0}.b-form-spinbutton:not(.d-inline-flex):not(.flex-column){output-width:100%}.b-form-spinbutton.d-inline-flex:not(.flex-column){width:auto}.b-form-spinbutton .btn{line-height:1;box-shadow:none!important}.b-form-spinbutton .btn:disabled{pointer-events:none}.b-form-spinbutton .btn:hover:not(:disabled)>div>.b-icon{transform:scale(1.25)}.b-form-spinbutton.disabled,.b-form-spinbutton.readonly{background-color:#e9ecef}.b-form-spinbutton.disabled{pointer-events:none}.container,.container-fluid{display:block}.input-group>.form-floating:not(:first-child)>:not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.form-floating:not(:last-child)>:not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-toggle.dropdown-toggle-no-caret:before,.dropdown-toggle.dropdown-toggle-no-caret:after{display:none!important}.bv-no-focus-ring:focus{outline:none}.modal[data-v-116ecd66]{display:block}.modal-dialog[data-v-116ecd66]{z-index:1051}
/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format('woff2'), url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format('woff2'), url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format('woff2'), url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format('woff2'), url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format('woff2'), url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format('woff2'), url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format('woff2'), url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format('woff2'), url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format('woff2'), url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format('woff2'), url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-greek-600-normal-plRanbMR.woff2) format('woff2'), url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format('woff2'), url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format('woff2'), url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format('woff2'), url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format('woff2'), url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format('woff2'), url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format('woff2'), url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format('woff2'), url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format('woff2'), url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format('woff2'), url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format('woff2'), url(/assets/inter-latin-700-normal-BLAVimhd.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}:root {
    --color-body: #F4F4F7;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-black-50: #040404;
    --color-white-light:#F7F7F7;  
     --color-grey-vlight: #F0F0F2;
    --color-grey-light: #F4F4F4;
    --color-grey-dark: #4E4B66;
    --color-grey-deep: #40404D;
    --color-grey-medium: #6B6B80;
    --color-grey-soft: #C4C4CC;
    --color-grey-outline: #C4C4C4;
    --color-grey-light-2: #D0D5DD;
    --color-grey-slate: #565666;
    --color-grey-soft-2: #e5e7eb;
    --color-grey-soft-3: #8d8e90;
    --color-cyan-blue: #6b7280 ;
    --color-white-25: #e2e8f0  ;
    --color-grey-section: #111827;
    --color-desaturated-blue: #344054;
    --color-shadow: rgba(0,0,0,0.04);
    --color-semi-transparent-black: rgba(0, 0, 0, 0.1);
    --color-loader: rgba(255, 255, 255, 0.7);
    --color-page-number: #2A2A2A;
    --color-page-active: #1A1C1E;
    --color-light-green: #ecfdf5;
    --color-sea-green: #34d399;
    --color-dark-purple: #842FD9;
    --color-red-soft: #FEE2E2;
    --color-blue-primary: #2979FF;
    --color-blue-deep: #2E3545;
    --color-blue-deep-vlight: #2E3545E5;
    --color-green-vlight: #F3FFF0;
    --color-green-primary: #69BB55;
    --color-gray-light: #eaf0f7;
    --color-anchor-blue: #2979ff;
    --color-yellow-dark: #EFCC00;
    --color-light-pistachio: #E0F1DE;
    --color-dark-yellow-amber: #483A0F;
    --color-amber-gold: #D1A041;
    --color-deep-forest-green: #1B4614;
    --color-alice-blue: #F5F8FE;
    --color-solitude-blue: #E1EDFE;
    --color-dark-primary-green: oklch(0.58 0.14 149);
    --color-dark-forest-green: oklch(0.58 0.14 149 / 0.3);
    --color-transparent-black: oklch(0 0 0 / 0.08);
    --color-cool-grey: oklch(0.5 0.012 260);
    --color-dark-charcoal-blue: oklch(0.2 0.015 260);
    --color-light-cool-grey: oklch(0.97 0.004 95);
    --color-dark-muted-slate-grey: oklch(0.42 0.012 260);
    --color-muted-blue-grey: oklch(0.3 0.012 260);
    --color-white-smoke: #f5f5f5;
    --color-jasmine-white: oklch(0.98 0.003 95);
    --color-light-warm-grey: oklch(0.9 0.006 95);
    --color-opaque-black: oklch(0 0 0 / 0.04);
    --color-storm-cloud-grey: oklch(0.55 0.012 260);
    --color-gunmetal-blue: oklch(0.3 0.02 260);
    --color-albastar-white: oklch(0.94 0.004 95);

    --color-sky-light: #DAE9F5;
    --color-cream-light: #FFF6DB;
    --color-rose-light: #FFE7E9;
    --color-mint-light: #DAFFE2;
    --color-yellow-light: #fff7e6;

    --color-navy-deep: #001C27;
    --color-red-danger: #DC3545;
    

    --text-light-grey: #4b5563;
    --text-dark-grey: #363636;
    --border-color-grey: #e5e7eb;
    --border-color-gainsboro: #ddd;
    --color-light-greyish-blue: #e8eaf0 ;
    --color-dark-greyish-blue: #6c757d;
    --color-ghost-white: #f8f9fa ;
    --color-midnight-haze: #475467 ;

    
    /* Tracking widget colors */
    --tracking-info-sub: #6b7280;
    --tracking-card-bg-0: #dbeafe;
    --tracking-card-bg-1: #fef3c7;
    --tracking-card-bg-2: #d1fae5;
    --tracking-card-bg-3: #fde2e4;
    --tracking-card-bg-4: #dcfce7;
    --tracking-card-bg-5: #fee2e2;
    --tracking-card-bg-6: #ffe4e6;

    /* Tracking widget customer peach card */
    --tracking-customer-peach-bg: #ffe8df;
    --tracking-customer-peach-border: #f5c8b8;

    /* Tracking widget additional colors */
    --color-amber: #fbbf24;
    --color-blue-link: #2563eb;

    /* Tracking widget status swatches */
    --color-orange: #f59e0b;
    --color-purple: #a855f7;
    --color-teal: #99d5d2;

    /* Additional exact color tokens used across CSS */
    --color-transparent: transparent;
    --color-grey-200: #cfd4da;
    --color-grey-50: #F9FAFB;
    --color-grey-666: #666666;
    --color-grey-e0: #e0e0e0;
    --color-grey-700: #374151;
    --color-grey-800: #3F3F46;
    --color-muted-grey: #9893A1;
    --color-grey-8b: #8B8B8B;
    --select-disabled-color: #f8f8f8;
    /* Shadows and overlays with exact alpha values */
    --color-shadow-05: rgba(0, 0, 0, 0.05);
    --color-shadow-06: rgba(0, 0, 0, 0.06);
    --color-shadow-08: rgba(0, 0, 0, 0.08);
    --color-shadow-10: rgba(0, 0, 0, 0.10);
    --color-shadow-12: rgba(0, 0, 0, 0.12);
    --color-shadow-20: rgba(0, 0, 0, 0.20);
    --color-overlay-30: rgba(0, 0, 0, 0.30);
    --color-shadow-purple: #7453EC33;
    --color-shadow-03: rgba(0, 0, 0, 0.03);
    --color-success-08: rgba(25, 135, 84, 0.08);
    --color-shadow-deep: #1018280D;

    /* Avatar palette exact colors */
    --avatar-color-default: #e9ecef;
    --avatar-color-0: #FF6633;
    --avatar-color-1: #FFB399;
    --avatar-color-2: #FF33FF;
    --avatar-color-3: #FFFF99;
    --avatar-color-4: #00B3E6;
    --avatar-color-5: #E6B333;
    --avatar-color-6: #3366E6;
    --avatar-color-7: #999966;
    --avatar-color-8: #99FF99;
    --avatar-color-9: #B34D4D;
    --avatar-color-10: #80B300;
    --avatar-color-11: #809900;
    --avatar-color-12: #E6B3B3;
    --avatar-color-13: #6680B3;
    --avatar-color-14: #66991A;
    --avatar-color-15: #FFFFE0;

}

@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaRegular-DDdoKyPn.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaThin-BXz9aKKU.ttf');
    font-weight: 100 200;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaLight-DIOf58dK.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaThin-BXz9aKKU.ttf');
    font-weight: 100 200;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaLight-DIOf58dK.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaMedium-BNVUwE45.ttf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaBold-CMU-Baoz.ttf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaBlack-Dp-Njo3n.ttf');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaHeavy-DZ5G5ysQ.ttf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaItalic-DvXKsYzB.ttf');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaBoldItalic-DhrIV8Sm.ttf');
    font-weight: 600 700;
    font-style: italic;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaHeavy-DZ5G5ysQ.ttf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaItalic-DvXKsYzB.ttf');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'HelveticaCustom';
    src: url('/assets/HelveticaBoldItalic-DhrIV8Sm.ttf');
    font-weight: 600 700;
    font-style: italic;
}





@font-face {
    font-family: 'Satoshi-Medium';
    src: url('/assets/Satoshi-Medium-DoW3kFbX.otf');
}
@font-face {
    font-family: 'Caveat-Semi-Bold';
  src: url('/assets/fonts/caveat/Caveat-SemiBold.ttf') format('truetype');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('/assets/Satoshi-Regular-B3SN4yqc.otf');
}

@font-face {
    font-family: 'Figtree-Semi-Bold', sans-serif;
    src: url('/assets/Figtree-SemiBold-Bfcy6I72.ttf');
}

@font-face {
  font-family: 'Outfit', sans-serif;
  src: url('/assets/Outfit-Regular-CZeFCLjM.ttf');
}
@font-face {
  font-family: 'anthropic-sans-light', sans-serif;
  src: url('/assets/AnthropicSans-Text-Light-Static-BdOJWWRQ.otf');
}
@font-face {
  font-family: 'anthropic-sans-extra-bold', sans-serif;
  src: url('/assets/AnthropicSans-Text-Extrabold-Static-hQ9SJhzp.otf');
}
@font-face {
  font-family: 'anthropic-sans-semi-bold', sans-serif;
  src: url('/assets/AnthropicSans-Text-Semibold-Static-BgSNB4Bq.otf');
}
@font-face {
  font-family: 'anthropic-sans-bold', sans-serif;
  src: url('/assets/AnthropicSans-Text-Bold-Static-CcKAwK73.otf');
}
@font-face {
  font-family: 'anthropic-sans-medium', sans-serif;
  src: url('/assets/AnthropicSans-Text-Medium-Static-BASbuOq1.otf');
}




::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--color-white);
}

::-webkit-scrollbar-thumb {
    background: var(--color-grey-soft-2);
    border-radius: 16px
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-grey-soft-3);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--color-body);
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

/* Gap Classes */
.mws-gap-10 { gap: 10px; }

.mws-gap-12 { gap: 12px; }
.mws-gap-24 { gap: 24px; }

/* Gap Classes */

/* Margin Classes */
.mws_mr_12 { margin-right: 12px; }
.mws_mt_12 { margin-top: 12px; }
.mws_mt_32 { margin-top: 32px; }

/* Margin Classes */

.mws--page__content {
    min-height: calc(100vh - 24px);
    padding-top: 125px;
}

/* Cursor Events */
.cursor-pointer { cursor: pointer; }

select.filter__select-days {
    max-width: 140px;
    width: 100%;
    min-height: 40px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 125%;
    color: var(--color-grey-deep);
    background-color: var(--color-white);
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid var(--color-grey-soft);
    box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
    -webkit-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
    -moz-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);

}

.mws__select--field {
    border-radius: 0.42rem;
    border: 1px solid var(--color-grey-light-2);
   font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;  
  font-size: 13.39px;
    line-height: 26px;
    color: var(--color-black-50);
    background-color: var(--color-white);
    padding: 8.45px 13px;
    width: 100%;
    box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
    -webkit-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
    -moz-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
}
.mws__select--field.form-select {
  background-color: transparent ;
  box-shadow: none ;
}
select.mws__select--field {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0002%2012.5C9.7875%2012.4989%209.57766%2012.4505%209.38596%2012.3583C9.19425%2012.266%209.02549%2012.1322%208.89191%2011.9667L5.38357%207.71667C5.17857%207.46081%205.04956%207.1525%205.01126%206.82689C4.97295%206.50128%205.02688%206.17145%205.16691%205.875C5.28047%205.61736%205.4658%205.39784%205.70076%205.24269C5.93571%205.08753%206.21036%205.00328%206.49191%205H13.5086C13.7901%205.00328%2014.0648%205.08753%2014.2997%205.24269C14.5347%205.39784%2014.72%205.61736%2014.8336%205.875C14.9736%206.17145%2015.0275%206.50128%2014.9892%206.82689C14.9509%207.1525%2014.8219%207.46081%2014.6169%207.71667L11.1086%2011.9667C10.975%2012.1322%2010.8062%2012.266%2010.6145%2012.3583C10.4228%2012.4505%2010.213%2012.4989%2010.0002%2012.5Z'%20fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
    padding-right: 40px;
}

select:focus-visible {
    outline: none;
}

.mws__date--picker {
    max-width: 400px;
    display: inline-block;
}

.mws__date--picker .dp__input {
    min-height: 42px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 125%;
    color: var(--color-grey-deep);
    border: 1px solid var(--color-grey-soft);
    border-radius: 10px;
    box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
}


.invoice__section--button {
    font-family: 'Figtree-Semi-Bold', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
    -webkit-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
    -moz-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
}

.invoice__button--green {
    color: var(--color-white);
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.invoice__button--white {
    color: var(--color-navy-deep);
    background-color: var(--color-white);
    border: 1px solid var(--color-grey-outline);
}

.mws__input--field {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;  
  font-size: 13.39px;
    line-height: 20px;
    color: var(--color-black-50);
    background-color: var(--color-white);
    border-radius: 0.42rem;
    border: 1px solid var(--color-grey-light-2);
    padding: 8.45px 13px;
    width: 100%;
}
.mws__input--field:focus-visible {
    outline: none;
}
.mws__input--field.form-control {
  background-color: transparent;
  box-shadow: none ;
}
.mws__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.mws__table thead th {
  background: var(--color-grey-vlight);
  color: var(--text-light-grey);
  border-bottom: 1px solid var(--border-color-grey) ;
  padding: 12px;
  gap: 6px;
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0%;
  white-space: nowrap;
}

.mws__table td {
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 500;
  padding: 25px 12px; 
  min-height: 90px; 
  font-size: 15px;
  line-height: 26px;
  color: var(--text-dark-grey);
  letter-spacing: 0%;
  vertical-align: middle;
  border-bottom: 1px solid var(--border-color-grey); 
}
.mws__table tbody tr {
  border-bottom: 1px solid var(--border-color-grey); 
  border-top: 1px solid var(--border-color-grey);
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.mws__table-spacing{
  padding: 24px 0px 100px 24px;
  width: 98%;
}
.mws__table tbody tr:last-child {
  border-bottom: none;
}
.mws__table a {
  color: var(--color-anchor-blue);
}

.mws__table tbody tr:hover {
  background-color: var(--color-grey-vlight);
}
.mws__table tbody tr:hover > td {
  background-color: var(--color-grey-vlight);
}

.mws__table td.actions-td { position: relative; }

.button__secondary{
    border: 1px solid var(--color-grey-soft);
    background-color: var(--color-white);
    padding: 12px 20px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
  font-family: Helvetica, Arial, sans-serif;
    color: var(--color-navy-deep);
}


.button__primary {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 800;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 10px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px; 
  min-width: 166px; 
  height: 48px;
  padding: 18px 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.button__primary:disabled {
  font-family: Helvetica, Arial, sans-serif;
  background-color: var(--color-grey-slate);
  font-weight: 800;
  color: var(--color-white);
  border: none;
  border-radius: 10px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px; 
  min-width: 166px; 
  height: 48px;
  padding: 18px 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.button__primary .fas { font-size: 16px; margin-right: 0; }
.button__primary span { display: inline-flex; align-items: center; justify-content: center; }

/* Delete button: same as primary but red */
.button__delete {
  font-family: Helvetica, Arial, sans-serif;
  background-color: var(--color-red-danger);
  color: var(--color-white);
  border: none;
  border-radius: 10px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 800;
  height: 48px;
  padding: 18px 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.input__label {
  display: flex;
  flex-direction: column;
}

.input__label__form {
 font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;  
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0%;
  color: var(--color-black);
}

.mws--input__group {
 font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;  
  font-size: 13.39px;
    line-height: 20px;
    color: var(--color-black-50);
    background-color: var(--color-white);
    border-radius: 14px;
    border: 1px solid var(--color-grey-light-2);
    min-height: 44px;
    padding: 8.45px 13px;
    width: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
}

.mws--input__group span {
    margin-right: 5px;
    color: var(--color-cyan-blue);
    pointer-events: none;
}

/* Shared layout: header row and search input */
.header-row { padding: 12px 0 14px; }
.search-container {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 250px;
  height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--color-grey-light-2, #e5e7eb);
  border-radius: 14px;
  background-color: var(--color-white, #fff);
  box-sizing: border-box;
}
.search-icon { width: 16px; height: 16px; flex-shrink: 0; }
.search-input {
  width: 190px;
  height: 26px;
  border: none;
  outline: none;
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 0;
  color: var(--color-black-50, #111827);
  background: transparent;
}

/* Shared UI helpers */
.loader-overlay {
  position: absolute;
  inset: 0;
  background: var(--color-loader, rgba(255, 255, 255, 0.7));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
}
.action-menu-btn { outline: none; border: 0; background: transparent; }
.action-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 6px;
  min-width: 80px;
  background: var(--color-white, #fff);
  border: 1px solid var(--color-grey-light-2, #e5e7eb);
  border-radius: 10px;
  box-shadow: 0 8px 24px var(--color-shadow, rgba(17, 24, 39, 0.12));
  padding: 6px 0;
  z-index: 50;
}
.action-dropdown .dropdown-item {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 8px 12px;
  font-size: 14px;
}
.action-dropdown .dropdown-item:hover { background: var(--color-grey-light, #f3f4f6); }

/* Common button pattern used across pages */




.add-modal-btn {
  font-family: 'Figtree', sans-serif;
  background-color: var(--color-green-primary, #69BB55);
  color: var(--color-white, #fff);
  border: none;
  border-radius: 10px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 166px;
  height: 48px;
  padding: 18px 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}



.add-modal-btn .fas { font-size: 16px; margin-right: 0; }


.add-modal-btn span { display: inline-flex; align-items: center; justify-content: center; }

/* Shared container used on listing pages */



.mws-container {
  background: var(--color-white, #ffffff);
  border: 1px solid var(--color-grey-soft, #e5e7eb);
  border-radius: 12px;
  margin: 16px;
  padding: 16px;
  box-shadow: 0 1px 2px var(--color-shadow, rgba(0,0,0,0.04));
}


.mws--input__group input {
    border: none;
    outline: none;
    width: 100%;
    min-height: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
}
.mws--filter__heading {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0%;
  color: var(--color-black-50);
}

.chip, .status-chip  {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 10px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: var(--color-white); /* keep text black */
  background-color: var(--color-grey-soft); /* default fallback */
}

select.history-preset-select {
  cursor: pointer;
  max-width: 100px;
}
.form-check-input {
  width: 80px;
  height: 15px;
}

/* Drag handle */
.drag-handle {
  cursor: grab;
  display: inline-block;
  padding: 0 6px;
}
.drag-handle:active {
  cursor: grabbing;
}

.filter-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2000;
}

.filter-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 452px;
  height: 100vh;
  background: var(--color-white);
  padding: 32px;
  border-radius: 24px 0px 0px 24px;
  box-shadow: -2px 0 8px var(--color-shadow);
  overflow-y: auto;
}


.add-plus-icon { font-size: 24px; vertical-align: top; margin-right: 6px; margin-bottom: 4px; }

.filter-select {
  padding: 5px 10px;
  color: var(--color-grey-medium);
  font-family: 'Santoshi', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0%;
  border-radius: 14px;
  border: 1px solid var(--color-grey-light-2);
  min-height: 40px;
}





.permissions-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.permission-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Santoshi', sans-serif;
  font-size: 16px;
  color: var(--color-black-50);
}
.permission-item input[type='checkbox'] {
  width: 19px;
  height: 19px;
}
.mc-line { display: block; }

.profile-img {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  object-fit: cover;
}


.add-filter-btn {
 
  background-color: var(--color-white);
  color: var(--color-black-50);
  border: 1px solid var(--color-grey-light-2);
  border-radius: 10px;
  min-width: 10px; /* Hug width baseline */
  height: 42px; /* fixed height */
  padding: 18px 20px; /* T 18, R 20, B 18, L 20 */
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.required:after {
    content: " *";
    color: var(--color-red-danger);
    font-weight: 800;
    font-size: 21px;
    margin-left: -2px;
}
.is-invalid, 
.mws__input--field.is-invalid,
.mws__select--field.is-invalid,
.custom-v-select.is-invalid .vs__dropdown-toggle {
    border-color: var(--color-red-danger) !important;
}
/* Remove validation icon from date inputs as they have a calendar icon */
input[type="date"].is-invalid,
.mws__input--field[type="date"].is-invalid {
    background-image: none !important;
    padding-right: 14px !important; /* Reset padding if bootstrap adds space for icon */
}
.input__label__form.required:after {
  content: " *";
  color: red;
}
.mws__input--field.form-control.is-invalid, .mws__input--field.is-invalid + input {
  border-color: #dc3545 !important;
  background-image: none;
}
.summary__status-cards {
  width: 170px;
  height: 96px;
  border-radius: 12px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.summary__status-card__title { font-size: 12px; font-weight: 600; }
.summary__status-card__value { font-size: 22px; font-weight: 700; }

.delete-icon-btn {
    height: 44px;
    width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.additional-address-row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.upload-area {
  border: 1px dashed var(--color-grey-outline);
  border-radius: 12px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.upload-link { color: #0d6efd; cursor: pointer; }
.uploaded-preview { max-height: 140px; border-radius: 8px; }
.file-list { list-style: none; padding: 0; margin: 0; }
.file-list li { font-size: 14px; color: #374151; }

.map-container {
    width: 100%;
    height: 320px;
    border-radius: 12px;
    border: 1px solid var(--color-grey-soft-2);
}


.dow-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    
    border-radius: 20px;
    border: 1px solid var(--color-grey-light-2, );
    background: var(--color-grey-soft-2);
    color: var(--color-black-50);
    font-family: 'Satoshi', sans-serif;
    font-weight: 500;
}
.dow-pill.selected {
    background: var(--color-grey-soft-2);
    border-color: var(--color-grey-soft-2);
}

.mws__select--disabled {
  opacity: 0.6;
  pointer-events: none;
  background-color: var(--select-disabled-color) !important;
}


/* Password Fields */
.password-wrapper {
  position: relative;
}

.eye-icon-password {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--color-dark-greyish-blue);
  font-size: 18px;
}

.eye-icon-password:hover {
  color: var(--color-black);
}

.mws__input--disabled {
  background : var(--select-disabled-color);
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: var(--color-black-50);
  border-radius: 14px;
  border: 1px solid var(--color-grey-light-2);
  min-height: 60px;
  padding: 10px 14px;
  width: 100%;
}

.mws__table.no-cursor tbody tr {
  cursor: default !important;
}
.mws__input--disabled {
  background-color: var(--select-disabled-color) !important;
}
.shipping-label-btn{
  background:var(--color-dark-primary-green);
  color:#fff;
  border:none;
  padding:10px 18px;
  border-radius:6px;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:0.2s;
}


.custom-checkbox{
  display:flex;
  align-items:center;
  gap:12px;   
  margin-bottom: 30px;
}

.page-title{
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.3px;
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
}
@media (min-width: 992px) { .modal .modal-huge { max-width: 90% !important; width: 90% !important; } }
@media (min-width: 768px) { .modal .modal-fullscreen { max-width: 100% !important; width: 100% !important; } }


.primary__button{
    font-family: Helvetica, Arial, sans-serif;
    padding: 10px 18px;
    border-radius: 9px;
    background: var(--color-dark-primary-green);
    color: var(--color-white);
    font-size: 13.5px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: var(--color-dark-forest-green) 0px 4px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: none;
}

.secondary__button{
    font-family: Helvetica, Arial, sans-serif;
    padding: 9px 13px;
    border-radius: 9px;
    border: 1.5px solid oklch(0.9 0.006 95);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    background: oklch(0.98 0.003 95);
}

/* Settlements page: colors/fonts only, layout & spacing use Bootstrap utility classes */
.stat-card{
  padding: 30px 16px;
}
.stat-card {
    background-color: var(--color-grey-vlight);
    border-color: var(--color-grey-soft-2) !important;
    min-height: 90px;
}
.stat-card--paid {
    background-color: var(--color-light-pistachio);
    border-color: var(--color-light-pistachio) !important;
}
.stat-card--unpaid {
    background-color: var(--color-yellow-light);
    border-color: var(--color-yellow-light) !important;
}
.stat-card--info {
    background-color: var(--color-solitude-blue);
    border-color: var(--color-solitude-blue) !important;
}
.stat-card--danger {
    background-color: var(--color-red-soft);
    border-color: var(--color-red-soft) !important;
}
.stat-card__icon {
    width: 34px;
    height: 34px;
}
.stat-card__icon--dark {
    background-color: var(--color-white) !important;
    color: var(--color-navy-deep) !important;
}
.stat-card__icon--paid {
    background-color: var(--color-white);
    color: var(--color-green-primary);
}
.stat-card__icon--period {
    background-color: var(--color-white);
    color: var(--color-navy-deep);
}
.stat-card__icon--unpaid {
    background-color: var(--color-white);
    color: var(--color-amber-gold);
}
.stat-card__icon--info {
    background-color: var(--color-white);
    color: var(--color-blue-primary);
}
.stat-card__icon--danger {
    background-color: var(--color-white);
    color: var(--color-red-danger);
}
.stat-card__label {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0.04em;
    color: var(--text-light-grey);
}
.stat-card__label--paid { color: var(--color-deep-forest-green); }
.stat-card__label--unpaid { color: var(--color-dark-yellow-amber); }
.stat-card__label--info { color: var(--color-blue-primary); }
.stat-card__label--danger { color: var(--color-red-danger); }
.stat-card__value {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: var(--color-black-50);
}
.stat-card__value--period {
    font-size: 17px;
}

/* Summary-card progress border, matching the booking status cards. */
.stat-card--progress {
    --stat-progress: 100%;
    --stat-progress-color: #52616d;
    --stat-card-fill: var(--color-grey-vlight);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 0 !important;
    background: conic-gradient(from -90deg, var(--stat-progress-color) 0 var(--stat-progress), rgba(65, 78, 91, 0.16) var(--stat-progress) 100%) !important;
}
.stat-card--progress::before {
    position: absolute;
    z-index: 0;
    inset: 3px;
    border-radius: calc(var(--bs-border-radius-lg, 0.5rem) - 2px);
    background: var(--stat-card-fill);
    content: "";
}
.stat-card--progress > * { position: relative; z-index: 1; }
.stat-card--progress.stat-card--info { --stat-progress-color: #3779b8; --stat-card-fill: var(--color-solitude-blue); }
.stat-card--progress.stat-card--paid { --stat-progress-color: #258a43; --stat-card-fill: var(--color-light-pistachio); }
.stat-card--progress.stat-card--unpaid { --stat-progress-color: #b57600; --stat-card-fill: var(--color-yellow-light); }
.stat-card--progress.stat-card--danger { --stat-progress-color: #c84747; --stat-card-fill: var(--color-red-soft); }

.settlement-status-select {
    max-width: 120px;
}

.settlement-bulk-bar {
    background-color: var(--color-navy-deep);
    color: var(--color-white);
}
.settlement-bulk-bar__count {
    background-color: rgba(255, 255, 255, 0.15);
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.button__mark-paid {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: none;
}
.button__mark-paid:hover,
.button__mark-paid:focus,
.button__mark-paid:active {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.button__mark-unpaid {
    background-color: transparent;
    color: var(--color-amber-gold);
    border: 1px solid var(--color-amber-gold);
}

.status-pill {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 13px;
}
.status-pill__dot {
    width: 6px;
    height: 6px;
}
.status-pill--paid {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.status-pill--paid .status-pill__dot { background-color: var(--color-white); }
.status-pill--unpaid {
    background-color: var(--color-amber-gold);
    color: var(--color-white);
}
.status-pill--unpaid .status-pill__dot { background-color: var(--color-white); }

.select-th,
.select-td {
    width: 44px;
    text-align: center;
}

.settlement-action--paid { color: var(--color-primary); }
.settlement-action--unpaid { color: var(--color-amber-gold); }

.table-action-icon--mail { color: var(--color-primary); }
.table-action-icon--eye { color: var(--color-grey-medium); }

.employee-scroll {
    max-height: 220px;
    overflow-y: auto;
}

.action-icon-btn {
    line-height: 0;
}

.settlement-employee-toggle {
    border: 1px solid var(--color-grey-light-2) !important;
    border-radius: 10px !important;
    background-color: var(--color-white) !important;
    color: var(--color-black-50) !important;
    font-family: 'Satoshi-Medium', sans-serif;
    font-weight: 500;
    padding: 10px 14px !important;
}
.settlement-employee-toggle:hover,
.settlement-employee-toggle:focus,
.settlement-employee-toggle:active,
.settlement-employee-toggle:focus-visible {
    background-color: var(--color-white) !important;
    color: var(--color-black-50) !important;
    border-color: var(--color-grey-light-2) !important;
    box-shadow: none !important;
}
.settlement-employee-toggle strong {
    color: var(--color-black-50) !important;
}

.docsign-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.docsign-status-pill--signed {
    background-color: var(--color-light-pistachio);
    color: var(--color-deep-forest-green);
}
.docsign-status-pill--sent {
    background-color: var(--color-solitude-blue);
    color: var(--color-blue-primary);
}
.docsign-status-pill--pending {
    background-color: var(--color-yellow-light);
    color: var(--color-dark-yellow-amber);
}
.docsign-status-pill--delivered {
    background-color: rgba(132, 47, 217, 0.12);
    color: var(--color-dark-purple);
}
.docsign-status-pill--declined {
    background-color: var(--color-red-soft);
    color: var(--color-red-danger);
}
.docsign-status-pill--default {
    background-color: var(--color-grey-vlight);
    color: var(--color-grey-medium);
}

.btn-utility{
   font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 13px;
    padding: 8.5px 13px;
    background-color: white;
    border-radius: 10px;
    color: rgb(55, 65, 81);
    border: 1px solid rgb(209, 213, 219);

}
/* ================================================================
   LOGIN / AUTH PAGES
   Split layout: dark brand panel (left) + white form card (right)
================================================================= */

.mws-auth {
  min-height: 100vh;
  width: 100%;
  display: flex;
  background: var(--color-body);
  /* Accent used for CTAs/highlights on the login screens — matches the
       client-provided design's button/tab color. */
  --mws-auth-accent: #2b9957;
  --mws-auth-button-start: #329e6a;
  --mws-auth-button-end: #247d4d;
  --mws-auth-mint: #45c985;
}

/* ------------------------------
   Left brand panel
-------------------------------- */
.mws-auth__panel--brand {
  position: relative;
  flex: 1 1 46%;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 66px 46px 56px;
  isolation: isolate;
  background: #040d0a;
  color: var(--color-white);
}

.mws-auth__panel--brand::before {
  display: none;
}

.mws-auth__hero-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.mws-auth__hero-bg canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}

.mws-auth__hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(60% 55% at 72% 45%, rgba(16, 185, 129, 0.13), rgba(16, 185, 129, 0) 70%),
    linear-gradient(rgba(23, 55, 44, 0.32) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(90deg, rgba(23, 55, 44, 0.32) 1px, transparent 1px) 0 0 / 56px 56px;
  -webkit-mask-image: radial-gradient(90% 80% at 60% 50%, #000 40%, transparent 100%);
  mask-image: radial-gradient(90% 80% at 60% 50%, #000 40%, transparent 100%);
}

.mws-auth__hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg, #040d0a 0%, rgba(4, 13, 10, 0.86) 28%, rgba(4, 13, 10, 0) 58%), linear-gradient(0deg, #040d0a 0%, rgba(4, 13, 10, 0) 18%);
}

.mws-auth__glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.mws-auth__glow--one {
  width: 360px;
  height: 360px;
  top: -120px;
  right: -100px;
  background: rgba(45, 191, 150, 0.2);
  filter: blur(90px);
}

.mws-auth__glow--two {
  width: 260px;
  height: 260px;
  bottom: -120px;
  left: -80px;
  background: rgba(45, 191, 150, 0.08);
  filter: blur(100px);
}

.mws-auth__sparkle {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--mws-auth-accent);
  box-shadow: 0 0 12px 3px color-mix(in oklch, var(--mws-auth-accent) 70%, transparent);
  pointer-events: none;
}

.mws-auth__sparkle--one {
  top: 34%;
  right: 14%;
}

.mws-auth__sparkle--two {
  top: 63%;
  left: 42%;
  width: 4px;
  height: 4px;
}

.mws-auth__logo-badge,
.mws-auth__main,
.mws-auth__footer {
  position: relative;
  z-index: 1;
}

.mws-auth__logo-badge {
  display: inline-flex;
  align-items: center;
  background: var(--color-white);
  border-radius: 10px;
  padding: 11px 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  width: fit-content;
}

.mws-auth__logo-badge img {
  width: 152px;
  display: block;
}

.mws-auth__main {
  margin-top: 168px;
}

.mws-auth__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(14, 91, 76, 0.42);
  border: 1px solid color-mix(in oklch, var(--mws-auth-accent) 55%, transparent);
  color: #59d794;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mws-auth__pill span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #59d794;
}

.mws-auth__headline {
  font-family: "Inter", sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  margin: 22px 0 16px;
  color: var(--color-white);
}

.mws-auth__desc {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #ffffff;
  max-width: 380px;
}

.mws-auth__features {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 34px;
}

.mws-auth__feature-item {
  display: flex;
  align-items: center;
  gap: 14px;
}

.mws-auth__feature-icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 102, 83, 0.45);
  border: 1px solid color-mix(in oklch, var(--mws-auth-accent) 40%, transparent);
  color: #58d595;
}

.mws-auth__feature-item > span:last-child {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #d6e5f3;
}

.mws-auth__footer {
  margin-top: auto;
  padding-top: 32px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  color: #6d9bc6;
}

.mws-auth__mobile-footer {
  display: none;
}

/* ------------------------------
   Right form panel
-------------------------------- */
.mws-auth__panel--form {
  flex: 1 1 54%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
}

.mws-auth__card {
  width: 100%;
  max-width: 440px;
  background: var(--color-white);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(16, 24, 40, 0.12);
}

.mws-auth__card-accent {
  height: 6px;
  background: linear-gradient(90deg, var(--mws-auth-accent), var(--mws-auth-mint));
}

.mws-auth__card-body {
  padding: 40px 36px 36px;
}

.mws-auth__title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 26px;
  color: var(--color-black);
  margin-bottom: 6px;
}

.mws-auth__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: var(--color-grey-slate);
  margin-bottom: 24px;
}

/* Tabs / segmented toggle */
.mws-auth__tabs {
  display: flex;
  align-items: center;
  gap: 2px;
  background: var(--color-grey-vlight);
  border-radius: 10px;
  padding: 6px;
  margin-bottom: 24px;
}

.mws-auth__tabs li {
  flex: 1 1 0;
  min-width: 0;
}

.mws-auth__tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 12px;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-grey-slate);
  transition: 0.2s ease;
}

.mws-auth__tabs a:hover {
  color: var(--color-black);
}

.mws-auth__tabs a.router-link-active.router-link-exact-active {
  background: var(--mws-auth-accent);
  color: var(--color-white);
  box-shadow: 0 4px 10px color-mix(in oklch, var(--mws-auth-accent) 35%, transparent);
}

/* Fields */
.mws-auth__field {
  margin-bottom: 18px;
}

.mws-auth__field {
  margin-bottom: 6px;
}

.mws-auth__input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.mws-auth__input-icon {
  position: absolute;
  left: 14px;
  display: flex;
  align-items: center;
  color: var(--color-grey-soft-3);
  pointer-events: none;
}

.mws-auth__input-wrap .mws__input--field {
  width: 100%;
  padding: 12px 14px 12px 42px !important;
  border: 1px solid var(--color-grey-light-2) !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  color: var(--color-black) !important;
  background: var(--color-white) !important;
  transition: 0.2s ease;
}

.mws-auth__input-wrap .mws__input--field:focus {
  border-color: var(--mws-auth-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--mws-auth-accent) 15%, transparent) !important;
}

.mws-auth__input-toggle {
  position: absolute;
  right: 14px;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  color: var(--color-grey-soft-3);
  cursor: pointer;
}

.mws-auth__input-toggle:hover {
  color: var(--color-grey-dark);
}

.mws-auth__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4px 0 26px;
}

.mws-auth__remember {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: var(--color-grey-slate);
  cursor: pointer;
}

.mws-auth__remember input {
  width: 16px;
  height: 16px;
  accent-color: var(--mws-auth-accent);
  cursor: pointer;
}

.mws-auth__link {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--mws-auth-accent);
  text-decoration: none;
}

.mws-auth__link:hover {
  text-decoration: underline;
}

.mws-auth__submit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 20px !important;
  border-radius: 10px !important;
  background: linear-gradient(
    90deg,
    var(--mws-auth-button-start),
    var(--mws-auth-button-end)
  ) !important;
  border: none !important;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: var(--color-white) !important;
  transition: 0.2s ease;
}

.mws-auth__submit:hover:not(:disabled) {
  filter: brightness(0.95);
}

.mws-auth__submit:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* ------------------------------
   Responsive
-------------------------------- */
@media (max-width: 992px) {
  .mws-auth {
    flex-direction: column;
  }

  .mws-auth__panel--brand {
    min-height: auto;
    padding: 24px 40px 20px;
  }

  .mws-auth__main {
    margin-top: 18px;
  }

  .mws-auth__pill {
    display: inline-flex;
    font-size: 11px;
    padding: 5px 12px;
  }

  .mws-auth__headline {
    font-size: 30px;
    margin: 12px 0 0;
  }

  .mws-auth__desc {
    display: none;
  }

  .mws-auth__features {
    display: none;
  }

  .mws-auth__footer {
    display: none;
  }

  .mws-auth__panel--form {
    padding: 18px 20px 12px;
  }

  .mws-auth__card-body {
    padding: 28px 30px 24px;
  }

  .mws-auth__subtitle {
    margin-bottom: 16px;
  }

  .mws-auth__tabs {
    margin-bottom: 18px;
  }

  .mws-auth__field {
    margin-bottom: 12px;
  }

  .mws-auth__input-wrap .mws__input--field {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .mws-auth__row {
    margin: 2px 0 18px;
  }

  .mws-auth__submit {
    padding: 11px 20px !important;
  }

  .mws-auth__mobile-footer {
    display: block;
    padding: 0 20px 28px;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    color: #6d9bc6;
  }
}

@media (max-width: 480px) {
  .mws-auth__panel--brand {
    padding: 20px 24px 16px;
  }

  .mws-auth__logo-badge img {
    width: 136px;
  }

  .mws-auth__headline {
    font-size: 26px;
  }

  .mws-auth__main {
    margin-top: 16px;
  }

  .mws-auth__card-body {
    padding: 24px 20px 20px;
  }

  .mws-auth__mobile-footer {
    padding-bottom: 24px;
  }
}

/* Route-map redesign — keeps the underlying login fields and routes intact. */
.mws-auth {
  --mws-auth-accent: #19ba60;
  min-height: 100vh;
  background: #fafffc;
  font-family: "Inter", sans-serif;
}
.mws-auth__panel--brand {
  isolation: isolate;
  flex: 0 0 63%;
  padding: 50px 50px 40px;
  background: #01161b;
}
.mws-auth__route-scene,
.mws-auth__route-map {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.mws-auth__route-scene {
  z-index: 0;
  overflow: hidden;
}
.mws-auth__route-map {
  object-fit: cover;
  object-position: center;
  opacity: 0.88;
  filter: brightness(0.76) saturate(0.92);
}
.mws-auth__route-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 17, 21, 0.32), transparent 62%);
}
.mws-auth__route-truck {
  position: absolute;
  z-index: 1;
  width: 34px;
  filter: drop-shadow(0 0 7px rgba(49, 255, 164, 0.95));
  animation: mws-route-truck 9s ease-in-out infinite;
}
.mws-auth__route-truck--one {
  left: 49%;
  top: 29%;
  transform: rotate(18deg);
}
.mws-auth__route-truck--two {
  left: 54%;
  top: 53%;
  transform: rotate(24deg);
  animation-delay: -4.5s;
  animation-duration: 10.5s;
}
@keyframes mws-route-truck {
  0%,
  100% {
    opacity: 0;
  }
  4%,
  96% {
    opacity: 1;
  }
  0% {
    translate: 0 0;
  }
  50% {
    translate: 175px 90px;
  }
}
.mws-auth__logo-badge {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.mws-auth__logo-badge img {
  width: 138px;
  filter: brightness(0) invert(1);
}
.mws-auth__main {
  margin-top: 108px;
  max-width: 355px;
}
.mws-auth__headline {
  font-size: clamp(37px, 3.2vw, 51px);
  line-height: 0.98;
  letter-spacing: -0.04em;
}
.mws-auth__desc {
  color: #c4d5d5;
  font-size: 15px;
}
.mws-auth__features {
  margin-top: 84px;
}
.mws-auth__feature-icon {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 8px;
  background: rgba(13, 104, 70, 0.5);
}
.mws-auth__feature-item > span:last-child {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.mws-auth__footer {
  color: rgba(222, 255, 245, 0.72);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.mws-auth__panel--form {
  position: relative;
  flex: 1 1 auto;
  padding: 100px 28px 42px;
  background:
    radial-gradient(ellipse 240px 210px at 92% 8%, rgba(180, 247, 208, 0.42) 0%, rgba(232, 255, 241, 0.22) 42%, transparent 75%),
    radial-gradient(ellipse 280px 240px at 90% 94%, rgba(180, 247, 208, 0.42) 0%, rgba(232, 255, 241, 0.22) 42%, transparent 75%),
    radial-gradient(circle at 35% 55%, #fff 0, #fff 44%, #f2fff8 100%);
}
#app .mws-auth .mws-auth__form-message {
  position: absolute;
  top: 50px;
  right: 46px;
  color: #071c36;
  font-size: 20px;
  font-weight: 700;
  -webkit-text-stroke: 0.25px currentColor;
  text-shadow: 0 0 0 currentColor;
  line-height: 1.8;
  letter-spacing: 0.14em;
  text-align: right;
  text-transform: uppercase;
  font-family: "Caveat-Semi-Bold", cursive;
}
.mws-auth__form-arrow {
    position: absolute;
    z-index: 1;
    top: 77px;
    right: 135px;
    width: 160px;
    height: 150px;
    pointer-events: none;
    transform: rotate(150deg) scaleY(-1);
    transform-origin: center;
}
.mws-auth__form-message span {
  display: block;
  width: 36px;
  height: 2px;
  margin: 9px 0 0 auto;
  background: #20c766;
}
.mws-auth__form-signoff {
  position: absolute;
  right: 56px;
  bottom: 48px;
  display: grid;
  justify-items: end;
  color: rgb(15, 23, 42);
  font-size: 28px;
  font-weight: 600;
  font-family: "Caveat-Semi-Bold", cursive;
  font-style: normal;
  line-height: 1.1;
}
.mws-auth__form-signoff span,
.mws-auth__form-signoff strong {
  display: block;
  font: inherit;
}
.mws-auth__form-signoff strong {
  font-weight: 700;
}
.mws-auth__form-signoff i {
  display: block;
  width: 64px;
  height: 2px;
  margin-top: 8px;
  background: #20c766;
}
.mws-auth__card {
  max-width: 420px;
  border-radius: 17px;
  box-shadow: 0 27px 65px rgba(6, 30, 42, 0.14);
}
.mws-auth__card-accent {
  height: 4px;
  background: #24c466;
}
.mws-auth__card-body {
  padding: 37px 32px 34px;
}
.mws-auth__title {
  color: #081a35;
  font-size: 27px;
  letter-spacing: -0.035em;
}
.mws-auth__subtitle {
  color: #6c7f9b;
}
.mws-auth__tabs {
  padding: 4px;
  margin-bottom: 20px;
  background: #f1f5f5;
}
.mws-auth__tabs a {
  min-height: 35px;
  padding: 7px 5px;
  border-radius: 6px;
  font-size: 11px;
}
.mws-auth__tabs a.router-link-active.router-link-exact-active {
  background: #19b95f;
}
.mws-auth__input-wrap .mws__input--field {
  height: 48px;
  padding: 12px 40px 12px 42px !important;
  border-color: #dce5f0 !important;
  background: #f9fbfd !important;
  font-size: 14px !important;
}
.mws-auth__input-wrap .mws__input--field:focus {
  border-color: #25c769 !important;
  box-shadow: 0 0 0 3px rgba(37, 199, 105, 0.12) !important;
}
.mws-auth__remember {
  font-size: 13px;
}
.mws-auth__link {
  font-size: 13px;
}
.mws-auth__submit {
  min-height: 49px;
  background: #1cba5e !important;
}
.mws-auth__submit:hover:not(:disabled) {
  background: #13aa52 !important;
}
.mws-auth__security-note {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
  padding-top: 19px;
  border-top: 1px solid #e7edf3;
  color: #09203d;
}
.mws-auth__security-icon {
  flex: 0 0 auto;
  display: grid;
  width: 37px;
  height: 37px;
  place-items: center;
  border-radius: 8px;
  background: #e6f9ef;
  color: #18b85d;
}
.mws-auth__security-note > span:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.mws-auth__security-note b {
  font-size: 12px;
  font-weight: 700;
}
.mws-auth__security-note small {
  color: #71829a;
  font-size: 11px;
  line-height: 1.35;
}
@media (max-width: 992px) {
  .mws-auth__panel--brand {
    padding: 28px 34px;
  }
  .mws-auth__main {
    margin-top: 48px;
  }
  .mws-auth__panel--form {
    padding: 80px 24px 32px;
  }
  .mws-auth__form-message {
    top: 24px;
  }
  .mws-auth__form-arrow {
    top: 112px;
    right: 25px;
    transform: rotate(90deg) scale(0.85);
  }
  .mws-auth__form-signoff {
    bottom: 28px;
    right: 40px;
  }
}
@media (max-width: 480px) {
  .mws-auth__panel--brand {
    padding: 24px;
  }
  .mws-auth__main {
    margin-top: 42px;
  }
  .mws-auth__form-message {
    right: 26px;
    font-size: 10px;
  }
  .mws-auth__form-arrow {
    display: none;
  }
  .mws-auth__panel--form {
    padding: 72px 16px 22px;
  }
  .mws-auth__card-body {
    padding: 29px 22px 25px;
  }
  .mws-auth__tabs a {
    font-size: 10px;
  }
  .mws-auth__form-signoff {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mws-auth__route-truck {
    animation: none;
  }
}

/* Reference-specific brand panel details. */
.mws-auth__logo-badge img {
  filter: none;
  width: 200px;
}
.mws-auth__brand-nav {
  position: absolute;
  z-index: 1;
  top: 59px;
  right: 55px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding-bottom: 11px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
}
.mws-auth__brand-nav::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 17%;
  height: 2px;
  background: #22c968;
}
.mws-auth__brand-nav a {
  color: #f4ece1;
  text-decoration: none;
}
.mws-auth__brand-nav i {
  display: block;
  width: 1px;
  height: 13px;
  border-radius: 0;
  background: rgba(244, 236, 225, 0.75);
}
.mws-auth__main {
  margin-top: 86px;
}
.mws-auth__headline {
  margin: 20px 0 18px;
  font-size: clamp(36px, 3vw, 46px);
  line-height: 1.04;
}
.mws-auth__headline span,
.mws-auth__headline strong {
  display: block;
}
.mws-auth__headline strong {
  color: #26e58d;
  font: inherit;
  font-weight: 800;
}
.mws-auth__headline .mws-auth__headline-name {
  display: inline;
  color: #fff;
  font: inherit;
  font-weight: 800;
}
.mws-auth__features {
  gap: 16px;
  margin-top: 82px;
}
.mws-auth__feature-item > span:last-child {
  display: grid;
  gap: 3px;
}
.mws-auth__feature-item > span:last-child b {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.mws-auth__feature-item > span:last-child small {
  color: #9bb0b3;
  font-size: 12px;
  font-weight: 400;
}
.mws-auth__route-note {
  position: absolute;
  z-index: 1;
  display: grid;
  gap: 4px;
  min-width: 180px;
  padding: 13px 15px;
  border: 1px solid rgba(49, 226, 146, 0.48);
  border-radius: 9px;
  background: rgba(2, 27, 28, 0.88);
  box-shadow: 0 9px 28px rgba(0, 0, 0, 0.18);
}
.mws-auth__route-note span {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
.mws-auth__route-note span::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%;
  background: #38e9a1;
}
.mws-auth__route-note b {
  color: #fff;
  font-size: 12px;
}
.mws-auth__route-note small {
  color: #a1b7b7;
  font-size: 11px;
}
.mws-auth__route-note--a {
  top: 46%;
  left: 61%;
}
.mws-auth__route-note--b {
  top: 67%;
  right: 14px;
}
.mws-auth__footer {
  display: grid;
  gap: 15px;
  width: fit-content;
  padding-top: 0;
  color: #fff;
  font-size: 12px;
  line-height: 1.7;
}
.mws-auth__footer b {
  font-size: 12px;
  letter-spacing: 0.11em;
}
.mws-auth__footer b::after {
  content: "";
  display: block;
  width: 51px;
  height: 2px;
  margin-top: 7px;
  background: #24ca67;
}
.mws-auth__footer > span {
  color: #8fa5a7;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media (max-width: 992px) {
  .mws-auth__brand-nav,
  .mws-auth__route-note {
    display: none;
  }
  .mws-auth__main {
    margin-top: 48px;
  }
}

/* The motion overlay uses the original route coordinates and durations from the supplied animation. */
.mws-auth__route-motion {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.mws-auth__animated-truck {
  fill: none;
  stroke: #3ceba0;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 4px rgba(60, 235, 160, 0.9));
}
@media (prefers-reduced-motion: reduce) {
  .mws-auth__route-motion {
    display: none;
  }
}

/* Four larger local fleet movements are positioned over the Australian routes in the source composition. */
.mws-auth__route-motion {
  display: none;
}
.mws-auth__aus-truck {
  position: absolute;
  z-index: 2;
  width: 56px;
  height: auto;
  filter: drop-shadow(0 0 6px rgba(60, 235, 160, 0.9));
  transform-origin: center;
  pointer-events: none;
}
.mws-auth__aus-truck--one {
  left: 22%;
  top: 18%;
  animation: mws-aus-route-one 9s ease-in-out infinite;
}
.mws-auth__aus-truck--two {
  left: 30%;
  top: 24%;
  animation: mws-aus-route-two 10.5s ease-in-out -3.7s infinite;
}
.mws-auth__aus-truck--three {
  left: 23%;
  top: 36%;
  animation: mws-aus-route-three 9s ease-in-out -4.5s infinite;
}
.mws-auth__aus-truck--four {
  left: 32%;
  top: 41%;
  animation: mws-aus-route-four 10.5s ease-in-out -8.2s infinite;
}
@keyframes mws-aus-route-one {
  0%,
  100% {
    translate: 0 0;
    opacity: 0;
  }
  4%,
  96% {
    opacity: 1;
  }
  50% {
    translate: 100px 74px;
  }
}
@keyframes mws-aus-route-two {
  0%,
  100% {
    translate: 0 0;
    opacity: 0;
  }
  4%,
  96% {
    opacity: 1;
  }
  50% {
    translate: 90px 66px;
  }
}
@keyframes mws-aus-route-three {
  0%,
  100% {
    translate: 0 0;
    opacity: 0;
  }
  4%,
  96% {
    opacity: 1;
  }
  50% {
    translate: 95px 46px;
  }
}
@keyframes mws-aus-route-four {
  0%,
  100% {
    translate: 0 0;
    opacity: 0;
  }
  4%,
  96% {
    opacity: 1;
  }
  50% {
    translate: 100px 62px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mws-auth__aus-truck {
    animation: none;
  }
}

/* Exact source-animation override: Vue applies the original crop-aware coordinates every frame. */
.mws-auth__route-truck {
  z-index: 2;
  width: auto;
  height: auto;
  animation: none !important;
  transform-origin: 50% 75%;
  will-change: transform, left, top;
}

/* Keep the reference positions while continuously moving each truck over its local Australian route. */
.mws-auth__route-truck--1 {
  animation: mws-australia-route-1 9s ease-in-out infinite !important;
}
.mws-auth__route-truck--2 {
  animation: mws-australia-route-2 10.5s ease-in-out -3.7s infinite !important;
}
.mws-auth__route-truck--3 {
  animation: mws-australia-route-3 9s ease-in-out -4.5s infinite !important;
}
.mws-auth__route-truck--4 {
  animation: mws-australia-route-4 10.5s ease-in-out -8.2s infinite !important;
}
@keyframes mws-australia-route-1 {
  0% {
    translate: 0 0;
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  96% {
    translate: 68px 57px;
    opacity: 1;
  }
  100% {
    translate: 68px 57px;
    opacity: 0;
  }
}
@keyframes mws-australia-route-2 {
  0% {
    translate: 0 0;
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  96% {
    translate: 58px 51px;
    opacity: 1;
  }
  100% {
    translate: 58px 51px;
    opacity: 0;
  }
}
@keyframes mws-australia-route-3 {
  0% {
    translate: 0 0;
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  96% {
    translate: 70px 35px;
    opacity: 1;
  }
  100% {
    translate: 70px 35px;
    opacity: 0;
  }
}
@keyframes mws-australia-route-4 {
  0% {
    translate: 0 0;
    opacity: 0;
  }
  4% {
    opacity: 1;
  }
  96% {
    translate: 65px 50px;
    opacity: 1;
  }
  100% {
    translate: 65px 50px;
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mws-auth__route-truck {
    animation: none !important;
  }
}

/* The supplied JavaScript updates each truck's exact Bézier position; CSS must not add another motion path. */
.mws-auth__route-truck--1,
.mws-auth__route-truck--2,
.mws-auth__route-truck--3,
.mws-auth__route-truck--4 {
  animation: none !important;
}

/* Brand-panel hierarchy: keep the logo at the top, centre the statement,
   and reserve the bottom of the panel for the three platform benefits. */
@media (min-width: 993px) {
  .mws-auth__main {
    position: absolute !important;
    z-index: 3;
    top: 50% !important;
    left: 50px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
  }

  .mws-auth__features {
    position: absolute !important;
    z-index: 3 !important;
    /* Keep the benefits clear of the dedicated brand footer below. */
    bottom: 210px !important;
    left: 50px !important;
    margin: 0 !important;
    color: #fff;
  }

  .mws-auth__footer {
    position: absolute !important;
    z-index: 3 !important;
    left: 50px !important;
    bottom: 44px !important;
    margin: 0 !important;
  }

  /* The admin headline has no platform pill, so its content starts at the
     same visual height as the company-login headline in the reference. */
  .mws-auth--admin .mws-auth__main {
    top: calc(50% - 135px) !important;
  }

  .mws-auth--admin .mws-auth__features {
    bottom: 255px !important;
  }
}

.mws--header {
    width: 100%;
    background: var(--color-white);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.mws--header .mws--header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
}

.mws--header .mws--header__top .mws--header__profile {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mws--header .mws--header__top .mws--header__profile li.mws--header__profile-item {
    background: var(--color-white);
    border: 1px solid var(--color-grey-light);
    padding: 4px 6px;
    border-radius: 4px;
}

.mws--header .mws--header__top .mws--header__profile li.mws-header__show-time,
.mws--header .mws--header__top .mws--header__profile li.mws-header__show-date {
    display: flex;
    width: 140px;
    align-items: center;
    gap: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: rgb(24, 28, 50)
;
}

.mws--header .mws--header__top .mws--header__profile li.mws-header__notification,
.mws--header .mws--header__top .mws--header__profile li.mws-header__profile {
    display: grid;
    place-items: center;
}

#notification-dropdown.dropdown-toggle,
#profile-dropdown.dropdown-toggle {
    padding: 0;
    color: var(--color-grey-800)
}

/* Header notification dropdown */
.mws-header__notification {
    width: 36px;
    height: 36px;
    padding: 0 !important;
}

.notification-dropdown,
.notification-dropdown .dropdown,
.notification-dropdown .btn-group {
    width: 100%;
    height: 100%;
}

#notification-dropdown.dropdown-toggle {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    box-shadow: none;
}

#notification-dropdown.dropdown-toggle:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.notification-trigger {
    position: relative;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
}

.notification-trigger img {
    width: 19px;
    height: 19px;
}

.notification-trigger__badge {
    position: absolute;
    top: -10px;
    right: -11px;
    min-width: 22px;
    height: 18px;
    padding: 0 6px;
    border: 2px solid var(--color-white);
    border-radius: 999px;
    background: #dc4553;
    color: #fff;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
}

.mws--header .mws-header__notification .notification-dropdown .dropdown-menu.show {
    width: min(400px, calc(100vw - 24px)) !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e6e9ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(20, 32, 43, 0.18);
}

.notification-panel {
    color: #0d1b2a;
    cursor: default;
}

.notification-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 16px 10px;
}

.notification-panel__header h2 {
    margin: 0;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
}

.notification-panel__header h2 span {
    color: #74839a;
}

.notification-panel__actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.notification-panel__header button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #178235;
    font-family: "Satoshi-Medium", sans-serif;
    font-size: 13px;
    white-space: nowrap;
}

.notification-panel__header button:hover {
    color: #0d6426;
}

.notification-panel__header button:disabled {
    color: #99a3b4;
    cursor: not-allowed;
}

.notification-panel__header .notification-panel__clear {
    color: #d14343;
}

.notification-panel__header .notification-panel__clear:hover {
    color: #a92f2f;
}

.notification-panel__header .notification-panel__clear:disabled {
    color: #99a3b4;
}

.notification-panel__tabs {
    display: flex;
    gap: 8px;
    padding: 0 16px 12px;
    border-bottom: 1px solid #e9edef;
}

.notification-panel__tabs button {
    padding: 5px 13px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #718096;
    font-family: "Satoshi-Medium", sans-serif;
    font-size: 13px;
    line-height: 20px;
}

.notification-panel__tabs button.active {
    background: #e5f5e9;
    color: #187c32;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
}

.notification-panel__list {
    max-height: 516px;
    overflow-y: auto;
    scrollbar-color: #888 transparent;
    scrollbar-width: thin;
}

.notification-panel__list::-webkit-scrollbar {
    width: 10px;
}

.notification-panel__list::-webkit-scrollbar-track {
    background: transparent;
}

.notification-panel__list::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    border-radius: 999px;
    background: #888;
    background-clip: padding-box;
}

.notification-card {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    min-height: 81px;
    padding: 13px 16px 12px 35px;
    border-bottom: 1px solid #e9edef;
    background: #fff;
    cursor: pointer;
}

.notification-card:hover,
.notification-card:focus-visible {
    background: #f7faf8;
}

.notification-card:focus-visible {
    outline: 2px solid #178235;
    outline-offset: -2px;
}

.notification-card:last-child {
    border-bottom: 0;
}

.notification-card--unread {
    background: #f1f9f3;
}

.notification-clear-leave-active {
    overflow: hidden;
    transition:
        opacity 240ms ease,
        transform 240ms ease,
        max-height 320ms ease 80ms,
        min-height 320ms ease 80ms,
        padding 320ms ease 80ms,
        border-width 320ms ease 80ms;
}

.notification-clear-leave-to {
    min-height: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    opacity: 0;
    transform: translateX(24px) scale(0.98);
}

@media (prefers-reduced-motion: reduce) {
    .notification-clear-leave-active {
        transition-duration: 1ms;
        transition-delay: 0ms;
    }
}

.notification-card__status {
    position: absolute;
    top: 19px;
    left: 17px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #3fac59;
}

.notification-card__icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #edf3ff;
}

.notification-card__icon img {
    width: 17px;
    height: 17px;
    object-fit: contain;
}

.notification-card__icon--driver-message,
.notification-card__icon--sms-message {
    background: #fff4e7;
}

.notification-card__icon--whatsapp-message,
.notification-card__icon--portal-message {
    background: #e5f6f3;
}

.notification-card__icon--issue,
.notification-card__icon--rating,
.notification-card__icon--team-message {
    background: #ffebf2;
}

.notification-card__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
}

.notification-card__content strong {
    color: #07111e;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 19px;
}

.notification-card__content > span {
    color: #536176;
    font-family: "Satoshi-Medium", sans-serif;
    font-size: 12px;
    line-height: 17px;
}

.notification-card__content small {
    margin-top: 4px;
    color: #1d2a3a;
    font-family: "Satoshi-Medium", sans-serif;
    font-size: 11px;
    line-height: 15px;
}

.notification-card:not(.notification-card--unread) .notification-card__content > span,
.notification-card:not(.notification-card--unread) .notification-card__content small {
    color: #99a3b4;
}

.notification-panel__empty {
    padding: 48px 20px;
    color: #74839a;
    font-family: "Satoshi-Medium", sans-serif;
    font-size: 13px;
    text-align: center;
}

.notification-panel__loading {
    padding: 12px 20px;
    color: #74839a;
    font-family: "Satoshi-Medium", sans-serif;
    font-size: 12px;
    text-align: center;
}

@media screen and (max-width: 520px) {
    .mws--header .mws-header__notification .notification-dropdown .dropdown-menu.show {
        position: fixed !important;
        top: 63px !important;
        right: 12px !important;
        left: 12px !important;
        width: auto !important;
        transform: none !important;
    }

    .notification-panel__list {
        max-height: min(516px, calc(100vh - 180px));
    }
}

#notification-dropdown.dropdown-toggle .btn-content,
#profile-dropdown.dropdown-toggle .btn-content {
    display: flex;
}

#profile-dropdown.dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 5px;
}

.mws--header .mws--header__top .mws--header__profile li.mws-header__profile .mws-header__profile-avatar {
    width: 20px;
    height: 20px;
    background: var(--color-red-soft);
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-family: "Satoshi-Medium", sans-serif;
    font-size: 10px;
    line-height: 10px;
    color: var(--color-grey-800);
}

.mws--header .mws--header__menu {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2px;
    padding: 10px 24px;
    background: var(--color-blue-deep-vlight);
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.55) transparent;
}

.mws--header .mws--header__menu::-webkit-scrollbar {
    height: 5px;
}

.mws--header .mws--header__menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.55);
    border-radius: 999px;
}

.mws--header .mws--header__menu > li {
    flex: 0 0 auto;
}

.mws--header .mws--header__menu li a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mws--header .mws--header__menu li a .title {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15.6px;
    font-weight: 500;
    line-height: 23px;
    color: var(--color-white);
    white-space: nowrap;
}
.mws--header .mws--header__menu li .mws--header__sub-menu .btn-content {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    gap: 4px;
}

.mws--header .mws--header__menu li,
.mws--header .mws--header__menu li .mws--header__sub-menu {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15.6px;
    font-weight: 500;
    line-height: 23px;
    color: var(--color-white);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
}

.mws--header .mws--header__menu li a,
.mws--header .mws--header__menu li .mws--header__sub-menu {
    transition: all 0.3s ease;
    padding: 8px 10px;
    border-radius: 6px;
}

.mws--header .mws--header__menu li a.router-link-active,
.mws--header .mws--header__menu li.active .mws--header__sub-menu {
    background: var(--color-primary);
    color: var(--color-white);
}
.mws--header .mws--header__menu li a.router-link-active .title,
.mws--header .mws--header__menu li.active .mws--header__sub-menu {
    font-weight: 550;
}
.mws--header .mws--header__menu li a:not(.dropdown-item):hover,
.mws--header .mws--header__menu li .mws--header__sub-menu:hover {
    background: var(--color-blue-deep);
    color: var(--color-white);
}

.mws--header .mws--header__menu li .mws--header__sub-menu {
    border: 0;
}

.mws--header .mws--header__menu li .dropdown-menu.show {
    padding: 0;
    border-radius: 8px;
}

.mws--header .mws--header__menu li .dropdown-menu.show .dropdown-item {
    padding: 10px;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;    
    color: var(--color-grey-dark);
}

.mws--header .mws--header__menu li .dropdown-menu.show li:first-child .dropdown-item {
    border-radius: 8px 8px 0 0;
}

.mws--header .mws--header__menu li .dropdown-menu.show li:last-child .dropdown-item {
    border-radius: 0 0 8px 8px;
}

.mws--header .mws--header__menu li .dropdown-menu.show .dropdown-item.active,
.mws--header .mws--header__menu li .dropdown-menu.show .dropdown-item:active {
    background: var(--color-primary);
    color: var(--color-white);
}

.mws--header .mws--header__menu li .dropdown-menu.show .dropdown-item:focus-visible {
    outline: none;
}

.submenu__item{
    top: 40px; 
    left: 100%; 
    min-width: 160px; 
    z-index: 1; 
    margin-left: 3px;
    padding: 0; /* match main dropdown vertical padding */
    border-radius: 6px; /* rounded edges like main dropdowns */
}

.mws--header .submenu__item--left {
    left: auto !important;
    right: calc(100% + 12px);
    margin-left: 0;
}

@media screen and (max-width: 1024px) {
    .mws--header .mws--header__menu {
        gap: 0px;
    }
    .mws--header .mws--header__menu li a .title {
        font-size: 10px;
    }
    .mws--header .mws--header__menu li .mws--header__sub-menu {
        font-size: 10px;
    }
    .header-icons{
        width: 10px;
    }
    .mws--header .mws--header__menu li .mws--header__sub-menu{
        padding: 8px 4px;
    }
    .mws--header .mws--header__menu {
        padding: 10px;
    }
}

@media screen and (width: 1440px) {
    .mws--header .mws--header__menu {
        gap: 4px;
    }
    .mws--header .mws--header__menu li a .title {
        font-size: 14px;
    }
    .mws--header .mws--header__menu li .mws--header__sub-menu {
        font-size: 14px;
    }
    .header-icons{
        width: 14px;
    }
    .mws--header .mws--header__menu li .mws--header__sub-menu{
        padding: 8px 6px;
    }
    .mws--header .mws--header__menu {
        padding: 10px;
    }
}


.dasboard__page-title {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--color-black-50);
}

.dashboard__earning--wrapper {
    border-radius: 16px;
    padding: 16px 24px;
    margin: 0 12px;
}

.dashboard__earning--business {
    background-color: var(--color-sky-light);
}

.dashboard__earning--private {
    background-color: var(--color-cream-light);
}

.dashboard__earning--completed-business {
    background-color: var(--color-rose-light);
}

.dashboard__earning--completed-private {
    background-color: var(--color-mint-light);
}

.dashboard__earning--icon {
    width: 24px;
    height: 24px;
}

.dashboard__earning--title {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    color: var(--color-black);
    letter-spacing: -2%;
    margin: 12px 0;
}

.dashboard__earning--count {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 150%;
    font-weight: 700;
    color: var(--color-black);
}

.dasboard__graph-wrapper {
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-light);
    border-radius: 16px;
    padding: 24px;
    margin: 0 12px;
}

.dasboard__graph--title {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--color-black);
}

.dashboard__chart-checkbox {
    font-family: 'Satoshi-Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--color-grey-dark);
}

.dashboard__chart-checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.dashboard__chart-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.dashboard__chart-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 4px;
  border: 1px solid var(--color-muted-grey);
  background-color: var(--color-grey-50);
}

/* On mouse-over, add a grey background color */
.dashboard__chart-checkbox:hover input ~ .checkmark {}

/* When the checkbox is checked, add a blue background */
.dashboard__chart-checkbox input:checked ~ .checkmark {
  border-color: var(--color-black);
  background-color: var(--color-black);
}

/* Create the checkmark/indicator (hidden when not checked) */
.dashboard__chart-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.dashboard__chart-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.dashboard__chart-checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid var(--color-white);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.default__datepicker.mws__date--picker {
    max-width: 260px;
    cursor: pointer;
}

.default__select.mws__select--field {
    max-width: 150px;
    cursor: pointer;
}
.sales-overview {
  margin: 28px 0;
}
.invoice__page--title {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: var(--color-black-50);
}

.invoice__statuses--wrapper {
  margin: 24px 0;
}

.invoice__status--wrapper {
  border-radius: 16px;
  padding: 16px 24px;
  margin: 0 12px;
}

.invoice__status--draft {
  background-color: var(--color-sky-light);
}

.invoice__status--awaiting {
  background-color: var(--color-cream-light);
}

.invoice__status--overdue {
  background-color: var(--color-rose-light);
}

.invoice__status--paid {
  background-color: var(--color-mint-light);
}

.invoice__status--icon {
  width: 24px;
  height: 24px;
}

.invoice__status--title {
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: var(--color-black);
  letter-spacing: -2%;
  margin: 12px 0;
}

.invoice__status--count {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 150%;
  color: var(--color-black);
}

.invoice__graph--wrapper {
  background: var(--color-white);
  border: 1px solid var(--invoice-border-light-gray);
  border-radius: 16px;
  padding: 24px;
  margin: 0 12px;
}

.invoice__graph--title {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: var(--color-black-50);
}

.invoice__graph--legends {
  width: 100%;
}

.invoice__graph--legends li {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}

.invoice__graph--legends li:last-child {
  margin-bottom: 0;
}

.invoice__graph--legends li .graph__legend--title {
  max-width: 186px;
  width: 100%;
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: var(--color-black);
  letter-spacing: -2%;
  position: relative;
}

.invoice__graph--legends li .graph__legend--amount {
  max-width: 186px;
  width: 100%;
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: var(--color-black);
  letter-spacing: -2%;
}

.report__graph--legends {
  width: 100%;
}

.report__graph--legends li {
  display: flex;
  align-items: center;
  gap: 24px;
}

.report__graph--legends li:last-child {
  margin-bottom: 0;
}

.report__graph--legends li .graph__legend--title {
  max-width: 186px;
  width: 100%;
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: var(--color-black);
  letter-spacing: -2%;
  position: relative;
}

.report__graph--legends li .graph__legend--amount {
  max-width: 186px;
  width: 100%;
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: var(--color-black);
  letter-spacing: -2%;
}

.invoice-wrapper {
  padding-top: 28px;
}

.invoice__wrapper-layout {
  background: var(--color-white);
  padding: 16px 24px;
  border: 1px solid var(--color-gray-light);
  border-radius: 16px;
  margin-bottom: 16px;
}

.invoice__wrapper-layout:last-child {
  margin-bottom: 54px;
}

.invoice__header-info {
  font-family: "Satoshi-Regular", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-black-50);
}

.invoice__header-details .invoice__header-title {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: var(--color-black-50);
  text-align: right;
}

.invoice__header-details .invoice__header-invoice_no {
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: var(--color-black-50);
  text-align: right;
}

.invoice__section--title {
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: var(--color-black-50);
  margin-bottom: 16px;
}

.invoice__section--label {
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: var(--color-grey-slate);
  margin-bottom: 6px;
  display: block;
}

.mws__form--field {
  border-radius: 14px;
  border: 1px solid var(--color-grey-light-2);
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: var(--color-black-50);
  background-color: var(--color-white);
  padding: 10px 14px;
  width: 100%;
  min-height: 55px;
  box-shadow: 0px 1px 2px 0px var(--color-shadow-deep, #1018280d);
  -webkit-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep, #1018280d);
  -moz-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep, #1018280d);
}

.mws__form--label-required {
  color: var(--color-red-danger);
}

.mws__form--field:disabled {
  background-color: var(--color-gray-light);
  color: var(--invoice-grey-40);
}

.mws__form--field:focus-visible {
  outline: none;
  border: 1px solid var(--color-navy-deep);
  box-shadow: 0px 1px 2px 0px var(--color-shadow-deep, #1018280d);
  -webkit-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep, #1018280d);
  -moz-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep, #1018280d);
}

.invoice__payment-list {
}

.invoice__payment-list li {
  max-width: 477px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 70px;
  margin-bottom: 6px;
}

.invoice__payment-list li span {
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: var(--color-black-50);
}

.invoice__payment-list li:last-child {
  text-align: right;
  margin-bottom: 0;
}

.invoice__payment-list li:last-child span:last-child {
  font-family: "Satoshi-Regular", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-black-50);
}

.invoice__amount-detail {
  max-width: 477px;
  margin-left: auto;
}

.invoice__amount-detail li {
  max-width: 477px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 70px;
  margin-bottom: 6px;
}

.invoice__amount-detail li:last-child {
  margin-bottom: 0;
}

.invoice__amount-detail li span {
  font-family: "Satoshi-Medium", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: var(--color-black-50);
}
.invoice-divider {
  border-top: 1px solid #dcdcdc;
  margin: 12px 0;
}

.invoice__remaining span:last-child {
  font-size: 22px;
  font-weight: 600;
}
.statements__button {
  font-family: "anthropic-sans-semi-bold", sans-serif;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 14px;
  background: rgb(255, 255, 255);
  border: 1.5px solid rgb(22, 163, 74);
  border-radius: 8px;
  color: rgb(21, 128, 61);
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  height: 35px;
}
.date-range-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  background: rgb(241, 243, 246);
  padding: 4px;
  border-radius: 8px;
  width: fit-content;
}

.date-range-tab {
  border: 0;
  background: transparent;
  color: var(--color-grey-section);
  font-size: 13px;
  font-weight: 600;
  padding: 9px 17px;
  border-radius: 7px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.date-range-tab:hover {
  background: rgba(25, 48, 77, 0.05);
}

.date-range-tab.active {
  background: var(--color-dark-primary-green);
  color: #fff;
}

.custom-date-range {
  display: flex;
  align-items: center;
  gap: 10px;
}
.date-input {
  padding: 11px 16px;
  min-height: 0px;
}
.employee-select {
  min-height: 45px;
  padding: 8px 40px 8px 14px;
}
.total-payable-container {
  background: rgb(22, 32, 46);
  padding: 20px 22px;
  color: rgb(255, 255, 255);
}

.finance-container-heading {
  font-family: "Satoshi-Medium", sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: rgb(154, 165, 181);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}

.total-payable-record {
  font-family: "Satoshi-Medium", sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: rgb(95, 224, 160);
}

.cash-collected-record {
  font-family: "Satoshi-Medium", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: rgb(20, 32, 46);
}

.cash-deficit-record {
  font-family: "Satoshi-Medium", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: rgb(208, 52, 44);
}
.settlement-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
}

.summary-item {
  min-width: 110px;
  height: 58px;
  padding: 8px 12px;
  border-radius: 9px;
  background: #f5f9fc;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.summary-item.total {
  background: #e9f8f0;
}

.summary-value {
  font-family: "Satoshi-Medium", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #101828;
}

.summary-value.negative {
  color: #f04438;
}

.summary-item.total .summary-label {
  color: #087443;
}

.summary-item.total .summary-value {
  color: #087443;
}

.summary-arrow {
  color: #98a2b3;
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
}

.summary-arrow.equals {
  font-size: 18px;
}
.settlement-status-row {
  min-height: 50px;
  background: #f4f6f9;
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 0 14px;
}

.settlement-status-name {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

.settlement-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.settlement-status-count {
  text-align: center;
  font-size: 14px;
  color: #64748b;
}

.settlement-status-amount {
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  color: #111827;
}

.settlement-table {
  margin-bottom: 0;
}

.settlement-table :deep(thead th) {
  color: #718096;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #e2e8f0;
  padding: 12px;
  white-space: nowrap;
}

.settlement-table :deep(tbody td) {
  padding: 16px 12px;
  vertical-align: middle;
  border-bottom: 1px solid #e2e8f0;
  font-size: 14px;
  color: #0f172a;
}

.settlement-id {
  font-weight: 500;
}

.total-amount {
  font-weight: 700;
  color: #111827;
}

.settlement-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.settlement-status-badge.paid {
  background: #e7f7ef;
  color: #14965a;
}

.settlement-status-badge.unpaid {
  background: #fff0df;
  color: #d96b00;
}

.settlement-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

.action-button {
  border: 0;
  background: transparent;
  color: #2563eb;
  font-size: 13px;
  padding: 0;
  cursor: pointer;
}

.action-button:last-child {
  color: #111827;
  font-size: 18px;
}
.manage-invoice-page-title {
  font-family: "anthropic-sans-light", sans-serif;
  margin: 0px 0px 4px;
  font-size: 24px;
  font-weight: 800;
  color: rgb(15, 23, 42);
  letter-spacing: -0.3px;
}
.manage-invoice-page-subtitle {
  font-family: "anthropic-sans-extra-bold", sans-serif;
  margin: 0px;
  font-size: 13.5px;
  color: rgb(100, 116, 139);
  font-weight: 400;
}
.generate-invoice-button {
  font-family: "anthropic-sans-semi-bold", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 14px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(203, 213, 225);
  border-radius: 8px;
  color: rgb(51, 65, 85);
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  height: 35px;
}
.manage-invoice-create-button {
  font-family: "anthropic-sans-semi-bold", sans-serif;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  background: rgb(22, 163, 74);
  border: 1px solid rgb(22, 163, 74);
  border-radius: 8px;
  color: rgb(255, 255, 255);
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  height: 35px;
}

.manage-invoice-summary-card-label {
  font-family: "anthropic-sans-bold", sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.manage-invoice-summary-card-amount {
  font-family: "anthropic-sans-extra-bold", sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: rgb(15, 23, 42);
  letter-spacing: -0.3px;
}
.manage-invoice-search-container {
  position: relative;
  flex: 1 1 0%;
  min-width: 240px;
  max-width: 380px;
}
.manage-invoice-search-input {
  width: 100%;
  padding: 9px 12px 9px 33px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 8px;
  font-size: 13.5px;
  font-family: inherit;
  background: rgb(255, 255, 255);
  color: rgb(30, 41, 59);
}
.manage-invoice-filter-button {
  font-family: "anthropic-sans-semi-bold", sans-serif;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 13px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(226, 232, 240);
  color: rgb(71, 85, 105);
  height: 35px;
}

.manage-invoice-filter-button-active {
  font-family: "anthropic-sans-semi-bold", sans-serif;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 13px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  background: rgb(240, 253, 244);
  border: 1px solid rgb(187, 247, 208);
  color: rgb(21, 128, 61);
  height: 35px;
}
.advanced-filter-container {
  background: rgb(255, 255, 255);
  border: 1px solid rgb(226, 232, 240);
  border-radius: 10px;
  padding: 16px 18px;
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px;
}

.manage-invoice-labels {
  font-family: "anthropic-sans-bold", sans-serif;
  display: block;
  font-size: 11.5px;
  font-weight: 700;
  color: rgb(100, 116, 139);
  margin-bottom: 5px;
}

.manage-invoice-select-fields {
  font-family: "anthropic-sans-light", sans-serif;
  width: 100%;
  padding: 7px 9px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 6px;
  font-size: 13px;
  height: 32px;
  -webkit-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
  -moz-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
}
select.manage-invoice-select-fields {
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0002%2012.5C9.7875%2012.4989%209.57766%2012.4505%209.38596%2012.3583C9.19425%2012.266%209.02549%2012.1322%208.89191%2011.9667L5.38357%207.71667C5.17857%207.46081%205.04956%207.1525%205.01126%206.82689C4.97295%206.50128%205.02688%206.17145%205.16691%205.875C5.28047%205.61736%205.4658%205.39784%205.70076%205.24269C5.93571%205.08753%206.21036%205.00328%206.49191%205H13.5086C13.7901%205.00328%2014.0648%205.08753%2014.2997%205.24269C14.5347%205.39784%2014.72%205.61736%2014.8336%205.875C14.9736%206.17145%2015.0275%206.50128%2014.9892%206.82689C14.9509%207.1525%2014.8219%207.46081%2014.6169%207.71667L11.1086%2011.9667C10.975%2012.1322%2010.8062%2012.266%2010.6145%2012.3583C10.4228%2012.4505%2010.213%2012.4989%2010.0002%2012.5Z'%20fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 16px;
  padding-right: 40px;
}

.manage-invoice-input-field {
  font-family: "anthropic-sans-light", sans-serif;
  width: 100%;
  padding: 7px 9px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 6px;
  font-size: 13px;
  height: 32px;
  -webkit-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
  -moz-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
}
.manage-invoice-apply-button {
  font-family: "anthropic-sans-semi-bold", sans-serif;
  padding: 8px 16px;
  background: rgb(22, 163, 74);
  border: 1px solid rgb(22, 163, 74);
  border-radius: 6px;
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.manage-invoice-reset-button {
  font-family: "anthropic-sans-semi-bold", sans-serif;
  padding: 8px 14px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(203, 213, 225);
  border-radius: 6px;
  color: rgb(71, 85, 105);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.table-col-bold {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  padding: 12px 14px;
  color: rgb(15, 23, 42);
  font-weight: 600;
  vertical-align: top;
}
.manage-invoice-status-chip {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  white-space: nowrap;
}
.sent-status,
.viewed-status,
.failed-status,
.not-sent-status {
  display: flex;
  align-items: center;
  gap: 5px;
  color: rgb(15, 23, 42);
  font-weight: 600;
  font-size: 12.5px;
}

.failed-status svg {
  background-color: #f8d7da;
  border-radius: 50%;
  padding: 1px;
}

.not-sent-status {
  color: #6c757d; /* grey outline circle */
}

.not-sent-status svg circle {
  fill: none;
}

/* Sales overview visual charts */
.sales-overview .sales-graph-card {
  width: 100%;
  min-height: 470px;
  padding: 22px;
  background: #fff;
  border: 1px solid #e1e7f0;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(17, 38, 72, 0.07);
}

.sales-overview .sales-graph-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.sales-overview .sales-graph-card__header h2 {
  margin: 0;
  color: #0b1735;
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-weight: 700;
}

.sales-overview .sales-graph-card__header p {
  margin: 3px 0 0;
  color: #53617b;
  font-size: 13px;
}

.sales-overview .money-bar-chart {
  margin-top: 22px;
}

.sales-overview .money-bar-chart__rows {
  max-height: 360px;
  overflow-y: auto;
  padding-right: 3px;
}

.sales-overview .money-bar-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 105px;
  min-height: 32px;
  align-items: center;
  gap: 9px;
}

.sales-overview .money-bar-row__label {
  color: #34425f;
  font-size: 12px;
  text-align: right;
}

.sales-overview .money-bar-row__track {
  position: relative;
  height: 30px;
  border-left: 1px solid #cdd6e4;
  border-bottom: 1px solid #d7dfeb;
  background-image: linear-gradient(to right, transparent calc(100% - 1px), #dce3ee calc(100% - 1px));
  background-size: calc(100% / var(--grid-divisions)) 100%;
}

.sales-overview .money-bar-row__fill {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  height: 16px;
  min-width: 0;
  background: linear-gradient(90deg, #1683f8, #3d9cff);
  border-radius: 2px;
  transition: width 0.35s ease;
}

.sales-overview .money-bar-row > strong {
  color: #111827;
  font-size: 11px;
  white-space: nowrap;
}

.sales-overview .money-bar-axis {
  display: flex;
  margin: 6px 114px 0 51px;
  justify-content: space-between;
  color: #53617b;
  font-size: 10px;
}

.sales-overview .customer-date-filter {
  width: 145px;
  min-width: 145px;
}

.sales-overview .customer-owing-content {
  display: grid;
  grid-template-columns: minmax(190px, 0.85fr) minmax(270px, 1.3fr);
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}

.sales-overview .customer-donut {
  position: relative;
  width: min(100%, 215px);
  aspect-ratio: 1;
  margin: 0 auto;
  border-radius: 50%;
}

.sales-overview .customer-donut::after {
  position: absolute;
  inset: 36px;
  content: "";
  background: #fff;
  border-radius: 50%;
}

.sales-overview .customer-donut__center {
  position: absolute;
  z-index: 1;
  inset: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.sales-overview .customer-donut__center strong {
  color: #0b1735;
  font-size: 18px;
  line-height: 1.15;
  word-break: break-word;
}

.sales-overview .customer-donut__center span {
  margin-top: 7px;
  color: #53617b;
  font-size: 12px;
}

.sales-overview .customer-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.sales-overview .customer-summary-card {
  min-width: 0;
  min-height: 105px;
  padding: 12px;
  background: linear-gradient(180deg, #fff, var(--customer-soft));
  border: 1px solid #dfe5ee;
  border-left: 3px solid var(--customer-color);
  border-radius: 9px;
}

.sales-overview .customer-summary-card__name {
  display: flex;
  align-items: flex-start;
  gap: 7px;
}

.sales-overview .customer-summary-card__name span {
  width: 10px;
  height: 10px;
  margin-top: 3px;
  flex: 0 0 10px;
  background: var(--customer-color);
  border-radius: 50%;
}

.sales-overview .customer-summary-card h3 {
  display: -webkit-box;
  min-height: 32px;
  margin: 0;
  color: #1b2740;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sales-overview .customer-summary-card > strong {
  display: block;
  margin-top: 4px;
  color: var(--customer-color);
  font-size: 15px;
}

.sales-overview .customer-summary-card > small {
  display: block;
  margin-top: 2px;
  color: #53617b;
  font-size: 10px;
}

.sales-overview .sales-chart-empty {
  display: grid;
  min-height: 260px;
  place-items: center;
  color: #7b879d;
  font-size: 14px;
}

@media (max-width: 575px) {
  .sales-overview .sales-graph-card {
    min-height: 420px;
    padding: 18px 14px;
  }

  .sales-overview .sales-graph-card__header {
    flex-direction: column;
  }

  .sales-overview .money-bar-row {
    grid-template-columns: 34px minmax(0, 1fr) 76px;
  }

  .sales-overview .money-bar-row > strong {
    font-size: 9px;
  }

  .sales-overview .money-bar-axis {
    margin-right: 85px;
    margin-left: 43px;
  }

  .sales-overview .customer-date-filter {
    width: 100%;
  }

  .sales-overview .customer-owing-content,
  .sales-overview .customer-summary-grid {
    grid-template-columns: 1fr;
  }
}

.invoice-item-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.invoice-add-row-container {
   text-align: right;
    margin-top: 10px;
    margin-right: 10px;
}

.invoice-add-row-button {
    display: inline-flex;
    width: auto;
    padding: 10px 14px;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    background: var(--color-primary);
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    margin-right: 15px;
}

.invoice-add-row-button:hover,
.invoice-add-row-button:focus-visible {
    filter: brightness(0.92);
}

.invoice-add-row-button:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}
.messages-page .b-card {

    box-shadow: 0 2px 10px var(--color-shadow-05);
}

.messages-page .list-group {
    width: 100%;
    border: none;
}

.messages-page .list-group-item {
    border: none;
    padding: 12px 16px;
    min-height: 98px;
    width: 100%;
    gap: 12px;
    transition: background-color .15s ease;
}

.messages-page .list-group-item .flex-grow-1 {
    min-width: 0;
}

.messages-page .list-group-item:hover {
    background-color: var(--color-shadow-03);
}

.messages-page .list-group-item.active {
    background-color: var(--color-success-08);
    color: inherit;
    border-left: 5px solid var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
}

.messages-page .list-group-item .fw-semibold {
    font-weight: 600;
}

.messages-page .list-group-item .small {
    color: var(--color-dark-greyish-blue);
}

.messages-page .list-group-item .text-truncate {
    max-width: 75%;
}

/* Phone number styling per spec */
.messages-page .conversation-phone {
    flex: 1;
    /* Allow growing/shrinking */
    min-width: 0;
    /* Allow shrinking below content size */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    display: block;
}


/* Unread count badge color */
.messages-page .conversation-unread-badge {
    background-color: var(--color-primary) !important;
    color: var(--color-white);

    border-radius: 999px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.messages-page .avatar {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    font-weight: 600;
    color: var(--color-white);
    background-color: var(--color-ghost-white);
}

.messages-page .border-bottom {
    border-color: var(--color-ghost-white);
}

.messages-page .dropdown-menu {
    border-radius: 10px;
    box-shadow: 0 6px 20px var(--color-shadow-08);
}

/* Scroll area */
.messages-page .overflow-auto {
    scrollbar-width: thin;
    scrollbar-color: var(--color-grey-200) var(--color-transparent);
}

.messages-page .overflow-auto::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.messages-page .overflow-auto::-webkit-scrollbar-thumb {
    background: var(--color-grey-200);
    border-radius: 8px;
}

.messages-page .overflow-auto::-webkit-scrollbar-track {
    background: var(--color-transparent);
}

/* Message bubbles */
.messages-page .bg-primary.text-white,
.messages-page .bg-success.text-white,
.messages-page .bg-light {
    position: relative;
    box-shadow: 0 2px 6px var(--color-shadow-06);
}

/* Custom message bubble spec */
.messages-page .message-bubble {
    display: inline-block;
    width: 100%;
    /* Hug width up to 303px */
    min-height: 44px;
    /* Hug height, ensure min 44px */
    padding: 16px;
    /* Bubble padding */
    border-radius: 12px;
    background-color: var(--color-white);

}

/* Message text spec inside bubble */
.messages-page .message-bubble .message-text {
    width: 100%;
    /* Text width */
    font-family: 'Satoshi', sans-serif;
    font-weight: 500;
    /* Medium */
    font-size: 16px;
    /* Size */
    line-height: 24px;
    /* Cap-height trim approximation */
    letter-spacing: 0;
}

/* Attachment rows spacing inside bubble */
.messages-page .message-bubble .message-attachments .message-attachment-row {
    gap: 10px;
}

/* Timestamp per spec */
.messages-page .conversation-timestamp {
    width: auto;
    min-width: 110px;
    height: 20px;
    white-space: nowrap;

    font-family: 'Satoshi', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: middle;
}





/* Bubble pointers: removed legacy bg-* triangle rules; bubbles use rounded .message-bubble now */

/* Meta line inside bubbles */
.messages-page .text-muted.small {
    opacity: .8;
}


/* Textarea with embedded action buttons */
.messages-page .composer-input-wrap {
    position: relative;
}

.messages-page .composer-textarea {
    padding-right: 66px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-radius: 24px;
    min-height: 50px;

    overflow-y: auto;
}

.messages-page .composer-textarea:focus-visible {
    border-color: none !important;
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    box-shadow: none !important;
}

.messages-page .composer-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.messages-page .composer-icon-left {
    left: 18px;
}

.messages-page .composer-icon-right {
    right: 14px;
}

.messages-page .composer-input-wrap .icon-paperclip {
    width: 20px;
    height: 18px;
}





/* Attachment row */
.messages-page .mt-2 .d-flex.align-items-center.gap-2 {
    padding: 6px 12px;
    background-color: var(--color-ghost-white);
    border-radius: 10px;
}

/* Suggestions chips per spec */
.messages-page .composer-suggestions {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 90px;
    gap: 10px;
}

.messages-page .composer-suggestions .suggestion-chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    /* Hug height: ensure at least 28px */
    padding: 9px 12px;
    /* Top 9px, Right 12px, Bottom 9px, Left 12px */
    border-radius: 33px;
    /* pill radius */
    color: var(--color-grey-medium, #6c757d);
    background-color: var(--color-white);
    font-family: 'Satoshi', sans-serif;
    font-weight: 500;
    /* Medium */
    font-size: 14px;
    /* Size */
    line-height: 100%;
    /* 100% */
    letter-spacing: 0;
    /* 0px */
    cursor: pointer;
    user-select: none;
}


.messages-page .b-form-input {
    border-radius: 10px;
}

.messages-page .search-input {
    background: none;
    padding-left: 0;
    border-radius: 10px;
}

.messages-page .search-icon {
    width: 24px;
    height: 24px;
}

.messages-page .search-container {
    border-radius: 17px;

}

/* Empty states */
.messages-page .text-center.py-5 {
    color: var(--color-dark-greyish-blue);
}

/* Unread badge */
.messages-page .badge.bg-danger {
    border-radius: 999px;
    min-width: 24px;
    text-align: center;
}


.new-convo-modal .modal-header {
    padding: 24px 28px 0 28px;
    border: none;
}

.new-convo-modal .new-convo-title {
    font-weight: 670;
    font-size: 20px;
}

.new-convo-modal .modal-body {
    padding: 24px 28px 28px 28px;
}

/* Messages: disable native resize handles on all textareas */
.messages-page textarea,
.messages-page .composer-textarea,
.messages-page .new-convo-modal {
    resize: none;
}

.new-convo-modal {
    border-radius: 16px;
    /* rounded fields */
    min-height: 30px;
    /* slightly taller */
    width: 100%;
}

.new-convo-modal {
    min-height: 100px;
    resize: none;
    /* disable bottom-right resize handle */
}

.new-convo-modal .btn {
    border-radius: 16px;
    /* rounded buttons */
    min-height: 52px;
}

/* Wider buttons */
.new-convo-modal .btn-outline-secondary {
    min-width: 160px;
}

.new-convo-modal .btn-primary {
    min-width: 260px;
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.new-convo-modal .btn-primary:disabled {
    opacity: .7;
}

.new-convo-modal .btn-outline-secondary {
    background-color: var(--color-white);
}




.inbox-card .card-header {

    background-color: var(--color-white);
    border-bottom: 0;
}

.inbox-card .card-body {
    padding: 0;

}

.conversation-card {
    height: calc(100vh - 155px);
    /* --bs-card-bg: var(--color-body); */
    --bs-card-border-width: 0;
    border: none !important;
    outline: none;
    background-image: url('/assets/images/message-bg.png');
    background-repeat: repeat;
    background-position: center;
}

/* Keep the closed-chat state as one continuous background instead of separate
   white header/body sections. */
.messages-page .conversation-card.conversation-card--empty .card-header,
.messages-page .conversation-card.conversation-card--empty .card-body,
.messages-page .conversation-card.conversation-card--empty .card-footer {
    background-color: transparent !important;
    background-image: none !important;
}

.messages-page .conversation-card--empty .conversation-empty-state {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.messages-page .conversation-card--empty .conversation-empty-logo {
    width: clamp(180px, 28vw, 360px);
    max-width: 70%;
    height: auto;
}


.messages-page .conversation-card .card-header {
    background-color: var(--color-white);
    min-height: 92px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0;

    border-radius: 16px;
    border-bottom: 0;
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Inner header row specs */
.messages-page .conversation-header-row {
    width: 100%;

    min-height: 44px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 16px;
}

/* Conversation title per spec */
.messages-page .conversation-title {
    width: 827px;
    height: 22px;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;


}

/* Conversation subtitle per spec */
.messages-page .conversation-subtitle {
    width: 827px;
    height: 13px;
    font-family: 'Satoshi', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    margin-top: 2px;


    align-items: flex-start;
    vertical-align: middle;
}

.messages-page .conversation-actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

.messages-page .conversation-actions .icon-search {
    width: 23px;
    height: 21px;
}

.messages-page .conversation-actions .vertical-dots {
    width: 26px;
    height: 24px;
    font-size: 20px;
    line-height: 1;
    color: var(--color-grey-deep);
    user-select: none;
    cursor: pointer;
}

.messages-page .conversation-last-message {
    flex: 1;
    min-width: 0;
    font-family: 'Satoshi', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    display: block;
    /* changed from inline-flex */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.messages-page .message-meta {
    display: inline-flex;
    align-items: center;
    /* vertical alignment: middle */
    font-family: 'Satoshi', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
}

.messages-page .message-bubble-wrap {
    display: inline-flex;
    flex-direction: column;
    max-width: 50%;
}

.messages-page .message-meta-sender {
    width: 100%;
    height: auto;
    align-self: stretch;
    display: flex;
    justify-content: space-between;
}

.messages-page .message-meta-receiver {
    width: 100%;
    height: auto;
    align-self: flex-start;
    text-align: left;
}

.messages-page .message-bubble.bubble-sender {
    background-color: var(--color-green-vlight);
    margin-right: 4px;
}

.messages-page .message-bubble.bubble-suggestion-ai {
    min-width: 640px;
    border: 3px solid var(--color-amber-gold);
    background-color: var(--color-dark-yellow-amber);
    margin-right: 4px;
}
.suggestion-text-color{
    color: var(--color-amber-gold);
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 8px;
}
.button__approve{
  font-family: 'Figtree', sans-serif;
  background-color: var(--color-deep-forest-green);
  color: #78B647;
  border: none;
  border-radius: 10px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  width: 100%;
  padding: 18px 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.button__approve:hover {
  filter: brightness(1.75);
}
.button__reject{
  font-family: 'Figtree-Semi-Bold', sans-serif;
  background-color: #602A28;
  color: #ED8884;
  border: none;
  border-radius: 10px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 18px 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.button__reject:hover {
  filter: brightness(1.75);
}
.messages-page .message-bubble.bubble-receiver {
    background-color: var(--color-grey-light);
}

.messages-page .message-bubble.bubble-sender .message-text,
.messages-page .message-bubble.bubble-receiver .message-text {
    color: var(--color-grey-deep);
}

.messages-page .date-header-chip {
    background-color: var(--color-white) !important;
    /* #F7F7F7 from main.css */
    border-radius: 33px !important;
    padding: 9px 16px !important;
    /* top/bottom 9, left/right 12 */
    display: inline-flex;
    align-items: center;
    /* center vertically to approximate cap height trim */
    gap: 10px;
    /* if icon/text are added later */
    height: 30px;
    min-height: 30px;
    width: auto;
    /* Hug width */
    /* Text typography per spec */
    font-family: 'Satoshi', sans-serif;
    font-weight: 500;
    /* Medium */
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    min-width: 89px;
    /* requested text width */
}

/* Migrated from inline styles in index.vue */
.inbox-card {
    height: calc(100vh - 170px);
}

.inbox__btn {
    width: 32px;
    height: 32px;
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 1;
    box-shadow: 0px 9px 15px 0px var(--color-shadow-purple);
}



.inbox-list {
    height: calc(100vh - 370px);
}

.chat-scroller {
    max-height: calc(100vh - 400px);
    padding-right: 8px;
}

.conversation-card {
    height: calc(100vh - 170px);
}



.avatar {
    width: 44px;
    height: 44px;
    top: 27px;
    left: 16px;
    font-size: 14px;
    line-height: 1;
    display: grid;
    place-items: center;
}

/* Avatar dynamic background color classes (increase specificity to override base .avatar bg) */
.messages-page {
    height: calc(100vh - 150px);
}

.messages-page .avatar.avatar-color-default {
    background-color: var(--avatar-color-default);
}

.messages-page .avatar.avatar-color-0 {
    background-color: var(--avatar-color-0);
}

.messages-page .avatar.avatar-color-1 {
    background-color: var(--avatar-color-1);
}

.messages-page .avatar.avatar-color-2 {
    background-color: var(--avatar-color-2);
}

.messages-page .avatar.avatar-color-3 {
    background-color: var(--avatar-color-3);
}

.messages-page .avatar.avatar-color-4 {
    background-color: var(--avatar-color-4);
}

.messages-page .avatar.avatar-color-5 {
    background-color: var(--avatar-color-5);
}

.messages-page .avatar.avatar-color-6 {
    background-color: var(--avatar-color-6);
}

.messages-page .avatar.avatar-color-7 {
    background-color: var(--avatar-color-7);
}

.messages-page .avatar.avatar-color-8 {
    background-color: var(--avatar-color-8);
}

.messages-page .avatar.avatar-color-9 {
    background-color: var(--avatar-color-9);
}

.messages-page .avatar.avatar-color-10 {
    background-color: var(--avatar-color-10);
}

.messages-page .avatar.avatar-color-11 {
    background-color: var(--avatar-color-11);
}

.messages-page .avatar.avatar-color-12 {
    background-color: var(--avatar-color-12);
}

.messages-page .avatar.avatar-color-13 {
    background-color: var(--avatar-color-13);
}

.messages-page .avatar.avatar-color-14 {
    background-color: var(--avatar-color-14);
}

.messages-page .button__primary:hover,
.messages-page .button__primary:focus {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
}

.messages-page .button__secondary:hover,
.messages-page .button__secondary:focus {
    background-color: var(--color-white) !important;
    color: var(--color-navy-deep) !important;
    border-color: var(--color-grey-soft) !important;
}

.messages-page .button__primary,
.messages-page .button__secondary {
    min-width: 0 !important;
    height: auto !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
}

.messages-page .button__secondary {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 600 !important;
}

.messages-page .icon-send {
    width: 38px;
    height: 38px;
    border-radius: 18px;
    border: none !important;
    box-shadow: none !important;
    background-color: var(--color-primary);
    color: var(--color-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.messages-page .conversation-card .card-footer {
    padding: 0 !important;
}

.messages-page .message-sender-label {
    color: var(--color-grey-deep);
    opacity: 1;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.messages-page .message-meta-info {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    opacity: 1;
}
.rejected-bubble{
    background:#602A28;
    color:#ED8884;
    border:1px solid #ED8884;
    display: inline-block;
    width: 640px;
    min-height: 44px;
    padding: 16px;
    border-radius: 12px;
}
.reject-text{
    color:#ED8884;
    font-family: 'Figtree-Semi-Bold', sans-serif;
    font-size: 18px;
    font-weight: 500;
}
.status__cards{
    padding: 24px 0px 24px 16px;
    border-radius: 16px;
    text-align: left;
    cursor: pointer;
    width: 140px;
    cursor: pointer;
    transition: 0.3s,
}
.spacing__elements{
    margin-bottom: 12px;
}

.status__card__title{
    font-family: 'Satoshi-Medium', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -2%;
}
.status__card__value{
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
}
.border-status-inactive{
  border: 1.5px solid var(--color-light-warm-grey);
}
.active-text-typo{
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.3px;
}
.action__container__bookings{
  padding: 12px 14px;
  border-radius: 16px;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-light);

}
.actions__table__container{
    margin-top: 24px;
    /* padding: 24px; */
    border-radius: 16px;
    background-color: var(--color-white);
    border: 1px solid var(--color-gray-light);
}

/* BookingList pagination sits outside padded header/table wrappers */
.container-fluid .actions__table__container .pagination-container {
    padding: 16px 24px 24px;
    margin-top: 0;
    box-sizing: border-box;
}

.table-content-panel {
  min-width: 380px;
  max-width: 420px;
  padding: 24px;
}

.table-content-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 22px;
}

.table-content-panel-title-block {
  display: flex;
  flex-direction: column;
}
.table-content-panel-description {
  color: var(--color-grey-666);
  margin-bottom: 0;
}

.table-content-close-btn {
  width: 34px;
  height: 34px;
  background: var(--color-white);
  color: var(--text-dark-grey);
  font-size: 18px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}

.table-content-search-panel {
  margin-bottom: 18px;
}

.table-content-search-input {
  width: 100%;
  height: 44px;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid var(--color-grey-light-2);
  background: var(--color-white);
  outline: none;
  box-sizing: border-box;
}

.table-content-search-input:focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.04);
  border: 2px solid var(--color-dark-primary-green);
}

.table-content-fields-container {
  max-height: calc(100vh - 280px);
  overflow-y: auto;
  cursor: pointer;
}

.table-content-group {
  margin-bottom: 14px;
}

.table-content-group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}

.table-content-group-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-cool-grey);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.table-content-group-arrow {
  font-size: 22px;
  color: var(--color-cool-grey);
}

.table-content-group-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.table-content-field-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
}

.table-content-field-item:hover {
  border-color: var(--color-blue-primary);
  background: var(--color-light-cool-grey);
}

.table-content-field-checkbox-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.table-content-field-checkbox-wrapper input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  appearance: none;
  -webkit-appearance: none;
}

.table-content-custom-check {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1.5px solid var(--color-grey-soft);
  background: var(--color-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.table-content-field-checkbox-wrapper input:checked + .table-content-custom-check {
  background: var(--color-blue-primary);
  border-color: var(--color-blue-primary);
}

.table-content-field-checkbox-wrapper input:checked + .table-content-custom-check::after {
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  border: solid var(--color-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.table-content-field-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-dark-grey);
  cursor: pointer;
}

.table-content-empty-state {
  margin-top: 14px;
  font-size: 14px;
  color: var(--color-grey-666);
}

.table-content-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  padding-top: 22px;
  margin-top: 18px;
  border-top: 1px solid var(--color-grey-soft);
}

.table-content-action-button {
  flex: 1;
  min-width: 140px;
}

.dropdown__panel{
    position: absolute;
    top: 100%;
    background-color: var(--color-white);
    border: 2px solid var(--border-color-gainsboro);
    border-radius: 8px;
    padding: 8px 0px;
    width: 200px;
    box-shadow: 0px 4px 8px var(--color-shadow-10);
    margin-top: 8px;
}
.dropdown__panel__list{
    padding: 8px 16px; 
    cursor: pointer; 
    font-family: 'Satoshi', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--color-grey-dark);

}
.sub-dropdown-menu {
    top: 0;
    left: 100%;
    background-color: var(--color-white);
    border: 1px solid var(--border-color-gainsboro);
    border-radius: 6px;
    min-width: 180px;
    box-shadow: 0 2px 10px var(--color-shadow-10);
    padding: 6px 0;
    z-index: 2;
    margin-left: 2px;
}

.sub-dropdown-menu .dropdown-item {
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.2s;
}

.sub-dropdown-menu .dropdown-item:hover {
    background: var(--color-black);
    color: var(--color-white);
}


.close__dropdown {
  display: flex;
  justify-content: right;
  font-size: large;
  cursor: pointer;
}

.field-column {
  flex: 1;
  min-width: 200px;
}

.field-item {
  margin: 12px 0;
  font-weight: 500;
  font-size: 14px;
  color: var(--color-grey-section);
}
.side-modal-overlay {
  position: fixed;
  inset: 0;
  background-color: var(--color-overlay-30);
  display: flex;
  justify-content: flex-end;
  z-index: 999;
}

.side-modal {
  background: var(--color-white);
  height: 100vh;
  padding: 24px;
  box-shadow: -2px 0 8px var(--color-shadow-10);
  overflow-y: auto;
  border-radius: 24px 0 0 24px;
  position: relative;
}
.modal__message  {
    font-family: 'Satoshi-Medium', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--text-dark-grey);
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-overlay-30);
  z-index: 2000;
}

.modal__content {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 942px;
  height: 100vh;
  background: var(--color-white);
  padding: 32px;
  border-radius: 24px 0px 0px 24px;
  box-shadow: -2px 0 8px var(--color-shadow-20);
}

.modal-header {
  border-bottom: none ;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px !important;
}

.close-btn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--color-grey-666);
}

.sticky-tabs {
  display: flex;
  justify-content: space-between;
  background-color: var(--color-white);
  position: sticky;
  top: 0;
  padding: 10px;
  z-index: 10;
}

.tab {
  flex: 1;
  padding: 11px 26px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-grey-666);
  border-bottom: 3px solid var(--color-transparent);
  transition: all 0.3s ease;
}

.tab.active {
  background: var(--color-primary);
  border-radius: 6px;
  color: var(--color-white);
}

.modal-body {
  flex: 1;
  overflow-y: auto;
  padding: 0px 12px 0px 0px ;
}

/* Add breathing room between consecutive rows in sections */
.section .row + .row {
  margin-top: 12px;
}

/* Slide-right transitions used in AddBookingModal */
.slide-right-enter-active,
.slide-right-leave-active {
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
  will-change: transform, opacity;
}

.slide-right-enter-from,
.slide-right-leave-to {
  transform: translateX(100%);
  opacity: 0;
}

.slide-right-enter-to,
.slide-right-leave-from {
  transform: translateX(0);
  opacity: 1;
}

/* Remove borders from Job Items and Job Rate tables */
.job-items-table,
.job-rate-table {
  border: none ;
}

/* Total amount field layout */
.total-amount-group { position: relative; }
.total-amount-input { padding-right: 144px; }
.view-rate-link {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: capitalize; /* Title case */
  cursor: pointer;
}
.total-amount-icon {
  position: absolute;
  right: 84px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
}

/* Form check alignment inside modal body */
.modal-body .form-check {
  display: flex;
  align-items: center;
  gap: 8px;
}



/* Rate total row grid */
.rate-total-row {
  display: grid;
  grid-template-columns: 0fr 3fr 1fr;
  align-items: center;
}
.rate-total-row span { padding: 8px 12px; }
.rate-total-row .text-end { text-align: right; }


.form-value {
  padding: 6px 12px;
  color: var(--color-grey-8b);
  font-weight: 500;
}

.modal__footer {
  display: flex;
  margin-top: 24px;
}

.submit__buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}


.status__pill{
border-radius: 10px;
min-width: 140px;
}
.selection-count-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--border-color-gainsboro);
    padding: 12px 16px;
    margin-top: 20px;
    width: 15%;
    border-radius: 6px;
    margin-bottom: 16px;
    border-left: 4px solid var(--color-primary);
    font-weight: 700;
    color: var(--color-grey-slate);
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
}

.chevron-icons {
  cursor: pointer;
  color: var(--text-dark-grey); 
  font-size: 12px;
  user-select: none;
}

.chevron-icons.active {
  color: var(--color-black);
  font-weight: bold;
}

.disabled-button {
    opacity: 0.9;
    cursor: not-allowed;
}

.disabled-button:hover {
    background-color: inherit;
    color: inherit;
}
.total-amount-group { position: relative; }
.total-amount-input { padding-right: 168px; }
.total-amount-actions {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.total-amount-icon { width: 18px; height: 18px; }
.view-rate-link {
  position: static;
  background: transparent;
  border: none;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;

}
.section__title {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 125%;
    letter-spacing: 0%;
    color: var(--color-midnight-haze);
}
.is-invalid {
  border-color: var(--color-red-danger) ;
}

.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 4px;
  font-size: 14px;
  color: var(--color-red-danger);
}

.mws--input__group.is-invalid {
  border: 1px solid var(--color-red-danger);
  border-radius: 4px;
}

.weekly-days-pill {
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-grey-dark);
    border-radius: 0.25rem;
    background-color: var(--color-white);
    color: var(--color-black);
    cursor: pointer;
    transition: all 0.2s;
}

.weekly-days-pill.selected {
    background-color: var(--color-blue-primary);
    color: var(--color-white);
    border-color: var(--color-blue-primary);
}

table.mws__bookings-table > tbody > tr.table-light {
    --bs-table-color: #fff;
    --bs-table-bg: rgb(240, 230, 244) !important;
    --bs-table-border-color: rgb(196, 179, 202) !important;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.booking-table{
   
    width: 100%;
    border-collapse: separate !important;;
    border-spacing: 0px;
    font-size: 13px;
}
/* .booking-table-spacing{
  padding: 0px 0px 100px 0px;
    width: 98%;
} */

.booking-table th {
    position: sticky;
    top: 0px;
    z-index: 2;
    background: rgb(248, 250, 252);
    text-align: left;
    padding: 11px 14px;
    font-size: 13px;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: black;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-bottom: 1px solid rgb(226, 232, 240);
    width: 64px;
    white-space: nowrap;
}

.booking-table td {
    padding: 12px 14px;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 400;
    border-bottom: 1px solid var(--color-albastar-white);
    position: static;
    max-width: 240px;
    cursor: pointer;
    color: var(--color-black)

}
.notes__fields{
  max-height: 140px;
  overflow-y: auto;
}
.notes-list {
  list-style-type: disc;
  padding-left: 1rem;
  margin-bottom: 0;
}

.map-icon-container{
    border: 2px solid var(--border-color-gainsboro);
    border-radius: 8px;
    padding: 5px;
    width: 30px;
}

.map-icon-container:hover{
    background-color: var(--border-color-gainsboro);
}


.booking-export-dropdown{
    border-radius: 9px !important;
    border: 1.5px solid var(--color-light-warm-grey) !important;
    cursor: pointer !important;
    background: var(--color-jasmine-white) !important;
}

.delivery-date {
    font-size: 14px;
}

.date-range {
    border: 1px solid var(--border-color-gainsboro);
    border-radius: 10px;
    padding: 11px 8px;
    background: var(--color-white);

}

.date-input input {
    border: none;
    outline: none;
    box-shadow: none;
}

.date-input input:focus {
    box-shadow: none;
}

.daterange-to-design {
    border-right: 2px solid var(--border-color-gainsboro);
    border-left: 2px solid var(--border-color-gainsboro);
    padding: 5px;
    background: var(--border-color-gainsboro);
}

.quick-select-title-text{
    font-size: 11.5px;
    font-weight: 700;
    color: var(--color-storm-cloud-grey);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
}

.booking-table-parent{
    background: var(--color-white);
    border: 1px solid var(--color-jasmine-white);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--color-opaque-black) 0px 1px 2px;
    margin-top: 20px;
}

.booking-name-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}
.booking-avatar {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 14px;
}
.truncate-single-line {
  display: block;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-container {
    position: relative;
    background-color: var(--color-white);
    border: 1.5px solid var(--color-light-warm-grey);
    font-size: 13.5px;
    transition: border-color 0.15s, background 0.15s
}
.filter-count {
    background: var(--color-dark-primary-green);
    color: var(--color-white);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-top: 3px
}
.export-btn-content {
    display: flex;
    align-items: center;
    gap: 8px;
}


.export-icon {
    width: 17px;
    height: 15px;
}

.export-text-typo {
    font-size: 13px !important;
    font-weight: 600 !important;
}


.button-text-dates {
    font-size: 13px;
    font-weight: 600;
}

.date-filter-dropdown {
    padding: 1px 0px;
    border-radius: 9px;
    border: 1.5px solid var(--color-light-warm-grey);
    cursor: pointer;
    background: var(--color-jasmine-white);
}

.quick-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.quick-btn {
    border: none;
    background: var(--color-white-smoke);
    border-radius: 10px;
    padding: 10px;
    text-align: left;
    transition: .2s;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--color-muted-blue-grey);
    cursor: pointer;
}

.quick-btn:hover {
    background: var(--avatar-color-default);
}

.date-filter-toggle {
    border-radius: 12px;
}

.quick-btn--active {
    background-color: var(--color-dark-muted-slate-grey);
    color: var(--color-white);
    border-color: var(--color-dark-muted-slate-grey);
}
  .total-amount-box{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    background: linear-gradient(135deg, rgb(234, 244, 237), rgb(255, 255, 255));
    border: 1px solid rgba(45, 144, 73, 0.18);
    border-radius: 12px
  }
  .total-amount-title{
    font-size: 12px;
    color: var(--color-dark-primary-green);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
  .total-amount-value{
    font-size: 22px;
    font-weight: 700;
    color: val(--color-page-active);
    margin-top: 2px
  }
  .booking-type-toggle {
  display: flex;
  gap: 10px;
}

.booking-type-option {
  min-width: 86px;
  height: 31px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid var(--border-color-gainsboro);
  border-radius: 8px;

  background: var(--color-white);
  color: var(--color-black);

  font-size: 14px;
  font-weight: 500;

  cursor: pointer;
  transition: all 0.2s ease;
}

.booking-type-option.active {
  background: var(--color-dark-primary-green);
  border-color: var(--color-dark-primary-green);
  color:var(--color-white);
  font-weight: 600;
}

.issue-summary {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
    margin-top: 24px;
}

.issue-summary-card {
    min-height: 127px;
    padding: 18px 20px;
    border: 1.5px solid;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.2s ease;
    gap: 14px;
}

.issue-summary-card:hover {
    transform: translateY(-2px);
}


.chevron-icons {
    height: 8px;
    line-height: 0;

}

.chevron-icons img {
    width: 14px;
    height: 14px;
    opacity: 0.55;
}

.chevron-icons.active img {
    opacity: 1;
}

.search-input {
    width: 190px;
    padding-right: 26px;
}

.search-trigger-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: oklch(0.98 0.003 95);
    cursor: pointer;
}

.search-trigger-btn:hover {
    background: oklch(0.93 0.006 95);
}

.section__title {
  font-weight: 700;
  color: var(--color-black);
}

@media (max-width: 992px) {
    .issue-summary {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .issue-summary {
        grid-template-columns: 1fr;
    }
}
.booking-status-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
    gap: 10px;
    width: 100%;
}

.booking-status-card {
    --status-color: #59616b;
    --status-fill: 0%;
    --status-background: #fff;
    position: relative;
    isolation: isolate;
    min-width: 0;
    height: 104px;
    padding: 13px 14px 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 0;
    border-radius: 14px;
    color: #1c222b;
    background: conic-gradient(from -90deg, var(--status-color) 0 var(--status-fill), #dfe3e8 var(--status-fill) 100%);
    cursor: pointer;
    text-align: left;
    transition: transform .18s ease, box-shadow .18s ease;
}

.booking-status-card::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 3px;
    border-radius: 11px;
    background: var(--status-background);
}

.booking-status-card:hover,
.booking-status-card:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(18, 28, 45, .12);
    outline: none;
}

.booking-status-card:focus-visible {
    box-shadow: 0 0 0 3px rgba(24, 120, 71, .22), 0 4px 14px rgba(18, 28, 45, .12);
}

.booking-status-card--active {
    box-shadow: 0 4px 12px color-mix(in srgb, var(--status-color) 20%, transparent);
}

/* All is intentionally a complete, solid status border instead of a percentage. */
.booking-status-card--all {
    background: var(--status-color);
}

.booking-status-card__topline {
    width: 100%;
    min-height: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.booking-status-card__marker {
    width: 9px;
    height: 9px;
    display: block;
    flex: 0 0 auto;
    background: var(--status-color);
}

.booking-status-card__marker--circle { border-radius: 50%; }
.booking-status-card__marker--square { border-radius: 2px; }
.booking-status-card__marker--diamond { transform: rotate(45deg); border-radius: 1px; }

.booking-status-card__active-label {
    color: #59616b;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.booking-status-card__count {
    margin-top: 9px;
    color: #1b222c;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.booking-status-card__name {
    margin-top: auto;
    max-width: 100%;
    overflow: hidden;
    color: #59616b;
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .booking-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.stars-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.star-container {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    flex-shrink: 0;
}

.star-icon {
    width: 20px;
    height: 20px;
    display: block;
}

.star-empty {
    fill: var(--color-white);
}

.star-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
}

.star-filled {
    fill: var(--color-amber);
}

.dropoff-address-wrap {
    display: block;
    max-width: 180px;
    white-space: normal;
    word-break: break-word;
}/* Also defined on :root (not just .gmails-page) because b-modal content is
   teleported out to <body>, outside .gmails-page's DOM subtree — without
   this, every var(--gmail-*) used inside a Gmail modal (accounts, logs,
   summary) silently resolves to nothing (invisible borders/colors). */
:root {
  --gmail-bg: var(--color-white-light);
  --gmail-surface: var(--color-white);
  --gmail-border: var(--color-grey-soft-2);
  --gmail-hover: var(--color-grey-vlight);
  --gmail-selected: color-mix(in srgb, var(--color-primary) 15%, white);
  --gmail-text: var(--color-black-50);
  --gmail-text-muted: var(--color-grey-slate);
  --gmail-read-bg: var(--color-white-light);
  --gmail-accent: var(--color-primary);
}

.gmails-page {
  padding-left: 16px;
  padding-right: 16px;
}

/* Shell */
.mail-shell { background: transparent; }

.mail-header { margin-bottom: 20px; }

.mail-title {
  font-family: 'Figtree-Semi-Bold', sans-serif;
  font-weight: 800;
  font-size: 27px;
  color: var(--gmail-text);
  margin: 0;
}

.mail-header-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--gmail-border);
  background: var(--gmail-surface);
  border-radius: 10px;
  padding: 10px 16px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13.5px;
  color: var(--gmail-text);
  white-space: nowrap;
  transition: background-color 0.15s ease;
}
.mail-header-btn:hover:not(:disabled) { background-color: var(--gmail-hover); }
.mail-header-btn:disabled { opacity: 0.6; cursor: default; }
.mail-header-btn svg { flex-shrink: 0; color: var(--gmail-text-muted); }

.mail-filter-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background-color: var(--color-green-primary);
  color: var(--color-white);
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
}

.mail-compose-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
  background-color: var(--color-green-primary);
  border-radius: 10px;
  padding: 10px 18px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 13.5px;
  color: var(--color-white);
  white-space: nowrap;
  transition: filter 0.15s ease;
}
.mail-compose-btn:hover { filter: brightness(0.95); }

.mail-toolbar-row { margin-bottom: 16px; }

.mail-content { align-items: flex-start; }

.mail-folder-box {
  width: 208px;
  flex-shrink: 0;
  background: var(--gmail-surface);
  border: 1px solid var(--gmail-border);
  border-radius: 14px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mail-folder-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: none;
  background: transparent;
  text-align: left;
  padding: 10px 12px;
  border-radius: 10px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--gmail-text);
  transition: background-color 0.15s ease;
}
.mail-folder-item:hover { background-color: var(--gmail-hover); }
.mail-folder-item.active { background-color: var(--color-green-vlight); }

.mail-folder-count { font-size: 13px; color: var(--gmail-text-muted); }
.mail-folder-item.active .mail-folder-count { color: var(--color-green-primary); font-weight: 700; }

.mail-list-panel {
  flex: 1 1 auto;
  min-width: 0;
  height: calc(65vh + 41px);
  background: var(--gmail-surface);
  border: 1px solid var(--gmail-border);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: flex-basis 0.15s ease;
}

.mail-list-panel--split { flex: 1 1 0; }

.mail-detail-panel {
  flex: 1 1 0;
  align-self: stretch !important;
  min-width: 0;
  height: calc(65vh + 41px);
  background: var(--gmail-surface);
  border: 1px solid var(--gmail-border);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
}

.gmail-row.is-open { background-color: var(--gmail-selected); }

.gmail-detail-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gmail-border);
  background: var(--gmail-surface);
  border-radius: 8px;
  padding: 7px 16px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--gmail-text);
  transition: background-color 0.15s ease;
}
.gmail-detail-action-btn:hover { background-color: var(--gmail-hover); }

/* Inline reply box */
.gmail-inline-reply {
  background: var(--gmail-bg);
  border-radius: 10px;
  padding: 16px;
}

.gmail-inline-reply-title {
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  color: var(--gmail-text);
  margin-bottom: 8px;
}

.gmail-inline-reply-to {
  font-family: 'Satoshi', sans-serif;
  font-size: 13px;
  color: var(--gmail-text-muted);
  margin-bottom: 12px;
}
.gmail-inline-reply-to strong { color: var(--gmail-text); }

.gmail-inline-reply-textarea {
  width: 100%;
  min-height: 110px;
  resize: vertical;
  border: 1px solid var(--gmail-border);
  background: var(--gmail-surface);
  border-radius: 10px;
  padding: 12px 14px;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  color: var(--gmail-text);
  outline: none;
  transition: border-color 0.15s ease;
}
.gmail-inline-reply-textarea:focus { border-color: var(--color-green-primary); }
.gmail-inline-reply-textarea::placeholder { color: var(--color-grey-soft-3); }

.gmail-inline-reply-attach-btn {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--gmail-border);
  background: var(--gmail-surface);
  border-radius: 8px;
  padding: 8px 16px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--gmail-text);
  transition: background-color 0.15s ease;
}
.gmail-inline-reply-attach-btn:hover { background-color: var(--gmail-hover); }

.gmail-inline-reply-cancel-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gmail-border);
  background: var(--gmail-surface);
  border-radius: 8px;
  padding: 8px 18px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--gmail-text);
  transition: background-color 0.15s ease;
}
.gmail-inline-reply-cancel-btn:hover { background-color: var(--gmail-hover); }

.gmail-inline-reply-send-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: var(--color-green-primary);
  border-radius: 8px;
  padding: 8px 20px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: var(--color-white);
  transition: filter 0.15s ease;
}
.gmail-inline-reply-send-btn:hover:not(:disabled) { filter: brightness(0.95); }
.gmail-inline-reply-send-btn:disabled { opacity: 0.7; cursor: default; }

.gmail-search {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 260px;
  max-width: 420px;
  background: var(--gmail-surface);
  border: 1px solid var(--gmail-border);
  border-radius: 10px;
  padding: 9px 16px;
}

.gmail-search input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  color: var(--gmail-text);
}

.gmail-search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-grey-slate);
  cursor: pointer;
}
.gmail-search-btn:hover:not(:disabled) { color: var(--gmail-accent); }
.gmail-search-btn:disabled { cursor: default; opacity: 0.6; }

.gmail-connected-chip,
button.gmail-connected-chip {
  font-family: 'Satoshi', sans-serif;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  background-color: var(--gmail-surface) !important;
  border-radius: 6px !important;
  padding: 7px 14px !important;
  gap: 12px !important;
  flex-shrink: 0;
  border: 1px solid var(--gmail-border) !important;
  color: var(--gmail-text) !important;
  text-decoration: none !important;
  cursor: pointer;
}
.gmail-connected-chip span { color: var(--gmail-text); }
.gmail-connected-chip:hover, .gmail-connected-chip:focus {
  box-shadow: none !important;
  background-color: var(--gmail-hover);
  color: var(--gmail-text) !important;
}

.gmail-chip-avatar {
  width: 21px;
  height: 21px;
  margin-right: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: var(--color-white) !important;
}
.gmail-chip-avatar.is-connected { background-color: #61bd58 !important; }
.gmail-chip-avatar.is-warning { background-color: var(--color-amber-gold) !important; }
.gmail-chip-avatar.is-error { background-color: var(--color-red-danger) !important; }
.gmail-chip-avatar.is-off { background-color: var(--color-grey-soft) !important; }

.gmail-status-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 700;
  color: var(--color-white);
}
.gmail-status-badge.status-connected { background-color: var(--color-green-primary); }
.gmail-status-badge.status-warning { background-color: var(--color-amber-gold); }
.gmail-status-badge.status-error { background-color: var(--color-red-danger); }
.gmail-status-badge.status-off { background-color: var(--color-grey-soft); color: var(--gmail-text); }

.gmail-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-grey-soft);
  display: inline-block;
  flex-shrink: 0;
}
.gmail-dot.is-connected { background-color: var(--color-green-primary); }
.gmail-dot.is-warning { background-color: var(--color-amber-gold); }
.gmail-dot.is-error { background-color: var(--color-red-danger); }
.gmail-dot.is-off { background-color: var(--color-grey-soft); }

/* All accounts / sync logs modals (admin) */
.gmail-accounts-dialog .modal-header {
  padding: 6px 18px 16px !important;
  border-bottom: 1px solid var(--gmail-border) !important;
}

.gmail-accounts-dialog .modal-title,
.gmail-summary-dialog .modal-title,
.gmail-logs-dialog .modal-title {
  margin: 0 0 3px;
  font-family: 'Figtree-Semi-Bold', sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
}

/* Compose content is teleported to <body>, so this global rule is required
   for the title to match the Mail heading in every compose mode. */
.gmail-compose-dialog .modal-title {
  font-family: 'Figtree-Semi-Bold', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin: 0 0 12px !important;
}

.gmail-accounts-list {
  display: flex;
  flex-direction: column;
  padding-top: 14px;
  max-height: 60vh;
  overflow-y: auto;
}
.gmail-account-row {
  padding: 18px 4px;
  border-bottom: 1px solid var(--gmail-border);
}
.gmail-account-row:last-child { border-bottom: none; }

.gmail-account-row-email {
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  color: var(--gmail-text);
}

.gmail-account-row-meta { flex-wrap: wrap; }

.gmail-account-row-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 130px;
  flex-shrink: 0;
}

.gmail-account-row-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gmail-border);
  background: var(--gmail-surface);
  border-radius: 8px;
  padding: 7px 12px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--gmail-text);
  transition: background-color 0.15s ease;
}
.gmail-account-row-btn:hover:not(:disabled) { background-color: var(--gmail-hover); }
.gmail-account-row-btn:disabled { opacity: 0.6; cursor: default; }

.gmail-account-row-disconnect {
  border: none;
  background: transparent;
  padding: 4px 0;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--color-red-danger);
  text-align: center;
}
.gmail-account-row-disconnect:hover:not(:disabled) { text-decoration: underline; }
.gmail-account-row-disconnect:disabled { opacity: 0.6; cursor: default; }

.gmail-accounts-footer {
  padding-top: 16px;
  margin-top: 6px;
  border-top: 1px solid var(--gmail-border);
}

.gmail-accounts-close-btn { width: auto; padding: 8px 24px; }

/* Mail summary modal */
.gmail-summary-dialog {
  --bs-modal-width: 680px;
  width: min(680px, calc(100vw - 2rem));
  max-width: 680px;
}

.gmail-summary-dialog .modal-content { border-radius: 10px; }

.gmail-summary-dialog .modal-header {
  padding: 6px 10px 12px !important;
  border-bottom: 1px solid var(--gmail-border) !important;
}
.gmail-summary-dialog .modal-body { padding: 0 24px 14px; }

.gmail-summary-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 12px !important;
  margin: 30px 0;
}

.gmail-summary-placeholder { height: 0; }

.gmail-summary-field label {
  display: block;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--gmail-text-muted);
  margin-bottom: 6px;
}

.gmail-summary-field input[type="date"] {
  border: 1px solid var(--gmail-border);
  background: var(--gmail-surface);
  width: 100%;
  height: 37px;
  border-radius: 6px;
  padding: 7px 11px;
  min-width: 0;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  color: var(--gmail-text);
}

.gmail-summary-run-btn {
  border: none;
  background-color: var(--color-green-primary);
  color: var(--color-white);
  height: 35px;
  border-radius: 6px;
  padding: 0 15px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: filter 0.15s ease;
}
.gmail-summary-run-btn:hover:not(:disabled) { filter: brightness(0.95); }
.gmail-summary-run-btn:disabled { opacity: 0.7; cursor: default; }

.gmail-summary-dialog .gmail-accounts-footer {
  padding-top: 14px;
  margin-top: 6px;
}

@media (max-width: 575px) {
  .gmail-summary-dialog { width: calc(100vw - 1rem); }
  .gmail-summary-dialog .modal-header { padding: 20px 18px 16px !important; }
  .gmail-summary-dialog .modal-body { padding: 0 18px 14px; }
  .gmail-summary-form {
    grid-template-columns: 1fr;
    margin-top: 36px;
  }
  .gmail-summary-run-btn { width: 100%; }
}

.gmail-summary-table { max-height: 50vh; overflow-y: auto; }

.gmail-summary-table-head {
  padding: 0 4px 10px;
  border-bottom: 1px solid var(--gmail-border);
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--gmail-text-muted);
}

.gmail-summary-row {
  padding: 14px 4px;
  border-bottom: 1px solid var(--gmail-border);
}
.gmail-summary-row:last-child { border-bottom: none; }

.gmail-summary-col-mailbox { flex: 1 1 auto; min-width: 0; }
.gmail-summary-col-status { width: 130px; flex-shrink: 0; }
.gmail-summary-col-num {
  width: 90px;
  flex-shrink: 0;
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 14px;
  color: var(--gmail-text);
}

.gmail-summary-total { font-weight: 700; }
.gmail-summary-total .gmail-summary-col-mailbox {
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  color: var(--gmail-text);
}

.gmail-logs-table th, .gmail-logs-table td {
  padding: 8px 10px;
  font-size: 13px;
  vertical-align: middle;
}
.gmail-logs-table th {
  color: var(--gmail-text-muted);
  font-weight: 600;
  border-bottom: 1px solid var(--gmail-border);
}

.gmail-btn-primary-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 31px;
  padding: 0 16px;
  border: none;
  border-radius: 6px;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: filter 0.15s ease;
}
.gmail-btn-primary-sm:hover:not(:disabled) { filter: brightness(0.93); }
.gmail-btn-primary-sm:disabled { opacity: 0.7; cursor: default; }

/* Account link states */
.gmail-standalone {
  min-height: 70vh;
  padding: 24px 16px;
}

.gmail-loading .spinner-border {
  width: 2rem;
  height: 2rem;
  color: var(--color-primary);
}

.gmail-connect-card {
  width: 100%;
  max-width: 420px;
  background: var(--gmail-surface);
  border: 1px solid var(--gmail-border);
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(60, 64, 67, 0.08), 0 6px 20px rgba(60, 64, 67, 0.06);
  padding: 36px 32px;
}

.gmail-connect-icon-wrap {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--color-green-vlight);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.gmail-connect-title {
  font-family: 'Figtree-Semi-Bold', sans-serif;
  font-weight: 700;
  font-size: 21px;
  color: var(--gmail-text);
  margin-bottom: 10px;
}

.gmail-connect-desc {
  font-family: 'Satoshi', sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--gmail-text-muted);
  margin-bottom: 22px;
}

.gmail-connect-benefits {
  text-align: left;
  background: var(--gmail-bg);
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.gmail-connect-benefit {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Satoshi', sans-serif;
  font-size: 13.5px;
  line-height: 1.4;
  color: var(--gmail-text);
}

.gmail-connect-benefit svg { flex-shrink: 0; }

.gmail-connect-cta {
  width: 100%;
  border: none;
  border-radius: 10px;
  background-color: var(--color-green-primary);
  color: var(--color-white);
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 14px 20px;
  cursor: pointer;
  transition: filter 0.15s ease;
}
.gmail-connect-cta:hover:not(:disabled) { filter: brightness(0.95); }
.gmail-connect-cta:disabled { opacity: 0.7; cursor: not-allowed; }

.gmail-connect-footnote {
  font-family: 'Satoshi', sans-serif;
  font-size: 12.5px;
  color: var(--gmail-text-muted);
  margin: 14px 0 0;
}

/* Connected-account dropdown panel */
.gmail-chip-menu { margin-top: 6px !important; }

.gmail-account-panel {
  padding: 16px;
  min-width: 260px;
}

/* Admin mailbox switcher (inside the connected chip dropdown) */
.gmail-mailbox-switcher {
  padding: 10px;
  width: 340px;
  max-width: min(90vw, 340px);
}

.gmail-mailbox-switcher-label {
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--gmail-text-muted);
  padding: 4px 8px 10px;
}

.gmail-mailbox-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 320px;
  overflow-y: auto;
}

.gmail-mailbox-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 9px 8px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.gmail-mailbox-row:hover { background-color: var(--gmail-hover); }

.gmail-mailbox-row-info { flex-grow: 1; min-width: 0; }

.gmail-mailbox-row-name {
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 13.5px;
  color: var(--gmail-text);
}

.gmail-mailbox-row-email {
  margin-top: 2px;
  font-family: 'Satoshi', sans-serif;
  font-size: 12px;
  color: var(--gmail-text-muted);
}

.gmail-mailbox-row-role {
  font-family: 'Satoshi', sans-serif;
  font-size: 12.5px;
  color: var(--gmail-text-muted);
}

.gmail-account-panel-header { margin-bottom: 4px; }

.gmail-avatar--lg { width: 44px; height: 44px; font-size: 15px; }

.gmail-account-panel-email {
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--gmail-text);
  margin-bottom: 4px;
}

.gmail-account-panel-stat {
  font-family: 'Satoshi', sans-serif;
  font-size: 13px;
  color: var(--gmail-text-muted);
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--gmail-border);
}
.gmail-account-panel-stat strong { color: var(--gmail-text); }

.gmail-panel-actions {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 8px;
}

.gmail-panel-action {
  display: flex;
  align-items: center;
  gap: 10px;
  border: none;
  background: transparent;
  text-align: left;
  padding: 9px 8px;
  border-radius: 8px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 600;
  font-size: 13.5px;
  color: var(--gmail-text);
  cursor: pointer;
}
.gmail-panel-action svg { flex-shrink: 0; color: var(--gmail-text-muted); }
.gmail-panel-action:hover { background-color: var(--gmail-hover); }
.gmail-panel-action:disabled { opacity: 0.6; cursor: not-allowed; }
.gmail-panel-action--danger {
  color: var(--color-red-danger);
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid var(--gmail-border);
  border-radius: 0 0 8px 8px;
}
.gmail-panel-action--danger svg { color: var(--color-red-danger); }
.gmail-panel-action--danger:hover { background-color: var(--color-red-soft); }

.gmail-panel-action.is-active { color: var(--color-green-primary); background-color: var(--gmail-hover); }
.gmail-panel-action.is-active svg { color: var(--color-green-primary); }

.gmail-toolbar {
  padding: 10px 14px;
  border-bottom: 1px solid var(--gmail-border);
}

.gmail-pagination { white-space: nowrap; }

.gmail-checkbox {
  position: relative;
  display: inline-flex;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  cursor: pointer;
}
.gmail-checkbox input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.gmail-checkbox span {
  position: absolute;
  inset: 0;
  border: 2px solid var(--color-grey-soft);
  border-radius: 4px;
  background: var(--gmail-surface);
}
.gmail-checkbox input:checked + span {
  background-color: var(--gmail-accent);
  border-color: var(--gmail-accent);
}
.gmail-checkbox input:checked + span::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 0px;
  width: 4px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.gmail-spin { animation: gmail-spin 0.8s linear infinite; }
@keyframes gmail-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.icon-btn {
  border: none;
  background: transparent;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;
}
.icon-btn:hover { background-color: var(--gmail-hover); }
.icon-btn:disabled { cursor: default; }
.icon-btn:disabled:hover { background-color: transparent; }

/* Filter tabs */
.gmail-tabs {
  display: flex;
  align-items: center;
  gap: 18px;
  overflow-x: auto;
}

.gmail-tab {
  display: inline-flex;
  align-items: center;
  border: none;
  background: transparent;
  padding: 4px 0;
  font-family: 'Satoshi-Medium', sans-serif;
  font-weight: 700;
  font-size: 11.5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gmail-text-muted);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  transition: color 0.15s ease;
}

.gmail-tab:hover { color: var(--gmail-text); }

.gmail-tab.active {
  color: var(--color-green-primary);
  border-bottom-color: var(--color-green-primary);
}

/* List */
.gmail-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.gmail-row {
  padding: 0 16px;
  height: 44px;
  gap: 14px;
  border-bottom: 1px solid var(--gmail-border);
  background-color: var(--gmail-read-bg);
  cursor: pointer;
  transition: box-shadow 0.1s ease;
}

.gmail-row.is-unread {
  background-color: var(--gmail-surface);
  font-weight: 700;
}

.gmail-row.is-selected { background-color: var(--gmail-selected); }

.gmail-star-icon { display: inline-flex; flex-shrink: 0; line-height: 0; }

.gmail-row:hover {
  box-shadow: inset 1px 0 0 var(--gmail-border), inset -1px 0 0 var(--gmail-border), 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
  z-index: 1;
  position: relative;
}

.gmail-row-peer {
  width: 170px;
  flex-shrink: 0;
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 14px;
  color: var(--gmail-text);
}
.gmail-row.is-unread .gmail-row-peer { font-weight: 700; }

.gmail-row-subject {
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  color: var(--gmail-text);
}
.gmail-row.is-unread .gmail-row-subject strong { font-weight: 700; }
.gmail-row-subject strong { font-weight: 500; }

.gmail-row-snippet { color: var(--gmail-text-muted); font-weight: 400; }

.gmail-row-attachment-icon {
  align-items: center;
  flex-shrink: 0;
}

.gmail-row-time {
  width: 76px;
  text-align: right;
  font-size: 12.5px;
  color: var(--gmail-text-muted);
}
.gmail-row.is-unread .gmail-row-time { color: var(--gmail-text); font-weight: 700; }

.gmail-empty-list { height: 100%; min-height: 300px; }

/* Detail */
.gmail-detail { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }

.gmail-detail-toolbar {
  padding: 8px 14px;
  border-bottom: 1px solid var(--gmail-border);
}

.gmail-detail-body { flex: 1 1 auto; min-height: 0; padding: 20px 28px 28px; overflow-y: auto; }

.gmail-detail-subject {
  font-family: 'Figtree-Semi-Bold', sans-serif;
  font-weight: 700;
  font-size: 21px;
  color: var(--gmail-text);
}

.gmail-thread-toggle {
  border: none;
  background: transparent;
  padding: 0;
  margin-top: 4px;
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 13px;
  color: var(--gmail-accent);
}
.gmail-thread-toggle:hover { text-decoration: underline; }

.gmail-thread-panel {
  border: none;
  border-radius: 0;
  padding: 0;
  background: var(--gmail-surface);
}

.gmail-thread-item {
  padding: 12px 0 20px;
  border-bottom: none;
  font-family: 'Satoshi', sans-serif;
  font-size: 13.5px;
}
.gmail-thread-item:last-child { border-bottom: none; }

.gmail-thread-item-body {
  margin: 6px 0 0;
  color: var(--gmail-text-muted);
  white-space: pre-wrap;
}

.gmail-thread-item-avatar { width: 34px; height: 34px; font-size: 12px; }
.gmail-thread-item-email,
.gmail-thread-item-date { color: var(--gmail-text-muted); font-size: 12px; }

.gmail-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-white);
}

.bg-avatar-1 { background-color: var(--color-blue-primary); }
.bg-avatar-2 { background-color: var(--color-green-primary); }
.bg-avatar-3 { background-color: var(--color-dark-purple); }
.bg-avatar-4 { background-color: var(--color-amber-gold); }
.bg-avatar-5 { background-color: var(--color-red-danger); }
.bg-avatar-6 { background-color: var(--color-sea-green); }

.gmail-detail-content {
  margin-top: 20px;
  font-family: 'Satoshi', sans-serif;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--gmail-text);
  white-space: pre-wrap;
}

.attachment-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--gmail-bg);
  border: 1px solid var(--gmail-border);
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 13px;
  color: var(--gmail-text);
}
.attachment-chip--download { cursor: pointer; }
.attachment-chip--download:hover { border-color: var(--gmail-accent); color: var(--gmail-accent); }

.attachment-name { font-family: 'Satoshi-Medium', sans-serif; }

.attachment-chip-icon {
  background-color: var(--color-grey-slate);
  color: white;
  font-size: 9px;
  font-weight: 700;
  border-radius: 3px;
  padding: 1px 4px;
  flex-shrink: 0;
}

.chip-remove {
  border: none;
  background: transparent;
  font-size: 15px;
  line-height: 1;
  color: var(--gmail-text-muted);
  cursor: pointer;
}

.min-w-0 { min-width: 0; }

@media (max-width: 767px) {
  .mail-content { flex-direction: column; }
  .mail-folder-box { width: 100%; flex-direction: row; }
  .mail-list-panel--split { flex: 1 1 auto; }
  .gmail-row-peer { width: 110px; }
  .gmail-search { max-width: none; }
}
.api-key-input-wrap {
  position: relative;
}

.api-key-input {
  padding-right: 20px;
  /* space for copy button */
}

.copy-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: var(--color-transparent);
  color: var(--color-grey-deep);
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.copied-hint {
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 12px;
  color: var(--color-primary);
}

/* shared small icon size */
.icon-16 {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.integration-page .integration-grid {
  display: flex;
  align-items: stretch;
  gap: 18px;
  margin-top: 16px;
}

.integration-page .integration-card {
  border: 1px solid var(--color-grey-soft, #e5e7eb);
  border-radius: 12px;
  padding: 18px;
  background: var(--color-white, #ffffff);
  display: flex;
  flex-direction: column;
}

.integration-page .api-key-section {
  flex: 7 1 0;
  min-width: 0;
}

.integration-page .doc-section {
  flex: 3 1 0;
  min-width: 0;
  background: #f8fafc;
}

.integration-page .integration-card__title {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: var(--color-grey-deep, #111827);
  margin-top: 2px;
}

.integration-page .integration-card__desc {
  margin-top: 8px;
  margin-bottom: 4px;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-grey-mid, #64748b);
}

.integration-page .api-key-input-wrap {
  margin-top: 14px;
}

.integration-page .api-key-input {
  width: 100%;
  padding-right: 52px;
}

.integration-page .copy-btn {
  border: 1px solid var(--color-grey-light-2, #e5e7eb);
  background: var(--color-white, #ffffff);
}

.integration-page .copy-icon {
  color: #111827;
}

.integration-page .doc-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.integration-page .doc-icon {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #ede9fe;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.integration-page .doc-icon__svg {
  color: #111827;
}

.integration-page .docs-cta {
  margin-top: 16px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 12px;
  border: 1px solid var(--color-grey-light-2, #e5e7eb);
  border-radius: 10px;
  background: var(--color-white, #ffffff);
  font-family: 'Satoshi-Medium', sans-serif;
  font-size: 15px;
  color: var(--color-anchor-blue, #2563eb);
  text-decoration: none;
}

.integration-page .docs-cta img {
  filter: brightness(0) saturate(100%);
}

.integration-page .regen-icon {
  color: var(--color-white, #ffffff);
}

.integration-page .docs-cta span {
  flex: 1 1 auto;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 992px) {
  .integration-page .integration-grid {
    flex-direction: column;
  }
}

.modal-dialog {
  /* Respect Bootstrap’s modal sizes (sm, lg, xl) via --bs-modal-width */
  max-width: var(--bs-modal-width);
}



.modal-header {
  padding: 16px 24px;
  border-bottom: 0;
}

/* .section-title duplicated in modals-shared.css; rely on shared style */

.modal-body-custom {
  padding: 4px 24px 0;
  max-height: 70vh;
  overflow-y: auto;
}

.modal-footer-custom {
  /* Reduce footer height via smaller vertical padding */
  padding: 8px 20px 12px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  /* Add spacing above so last field isn’t too close to buttons */
  margin-top: 24px;
}




/* .form-check-input duplicated globally; rely on main.css/modals-shared.css */
.email-settings-container {
  min-height: 640px;
  display: flex;
  flex-direction: column;
}

.email-settings-container>.row {
  flex: 1 1 auto;
}

.email-save-row {
  margin-top: auto;
}

/* Increase Quill editor text area height inside scoped styles */
.quill-editor-wrapper {
  margin-bottom: 24px;
}

.quill-editor-wrapper .ql-editor {
  min-height: 305px;
}

.quill-editor-wrapper .ql-container {
  min-height: 305px;
}

.quill-toolbar-addon {
  border: 1px solid var(--color-grey-light-2);
  border-radius: 6px;
  background-color: var(--color-white);
  height: 45px;
  width: 100%;
  /* align below label to match Quill toolbar */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.quill-addon-trigger {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: var(--color-grey-slate);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.quill-addon-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 210px;
  width: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-grey-light-2);
  border-radius: 8px;
  box-shadow: 0 8px 24px var(--color-shadow);
  z-index: 1001;
  padding: 6px 0;
}

.quill-addon-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 280px;
  overflow-y: auto;
}

.quill-addon-item {
  padding: 5px 5px;
  border-bottom: 1px solid var(--color-grey-soft-2);
  font-size: 14px;
  color: var(--color-grey-dark);
  cursor: pointer;
}

.quill-addon-item:hover {
  background-color: var(--color-grey-light);
}

.quill-addon-heading {
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-grey-deep);
  background-color: var(--color-white-light);
  cursor: default;
}

/* Custom radio style for Type selection */
.notifications-modal .container__radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  user-select: none;
}

.notifications-modal .container__radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.notifications-modal .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: var(--color-white);
  border-radius: 50%;
  border: 1px solid var(--color-black);
}

.notifications-modal .container__radio input:checked~.checkmark {
  background-color: var(--color-black);
}

.notifications-modal .container__radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 6px;
  left: 7px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--color-white);
}

.notifications-modal .container__radio input:checked~.checkmark:after {
  display: block;
}

/* Flatpickr adjustments */
.notifications-modal .flatpickr-calendar.static.open {
  width: 220px;
}

.notifications-modal .flatpickr-wrapper {
  width: 100%;
}
.form-check {
  margin-bottom: 10px;
}

.custom-checkbox{
  display:flex;
  align-items:center;
  gap:12px;   
  margin-bottom: 30px;
}

.checkbox__label{
    margin-top: 3px;
}
.subtext-labels {
    font-family: 'Satoshi-Medium', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0%;
    color: var(--color-grey-slate);
}
.warning-text{
     color: var(--color-orange); 
}

.excel-import-section {
    margin-top: 24px;
}

.section-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-black-50);
}

.section-subtitle {
    color: var(--color-cyan-blue);
    margin-top: 6px;
    margin-bottom: 0;
}

.upload-box {
    border: 2px dashed var(--color-primary);
    border-radius: 16px;
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: var(--color-white);
    transition: all 0.2s ease;
}

.upload-box:hover {
    border-color: var(--color-primary);
}

.upload-content {
    text-align: center;
}

.upload-icon-wrapper {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: var(--color-white-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
}

.upload-icon {
    width: 42px;
}

.upload-title {
    font-size: 30px;
    font-weight: 700;
    color: var(--color-black-50);
    margin-bottom: 8px;
}

.upload-text {
    color: var(--color-cyan-blue);
    margin-bottom: 24px;
}

.choose-file-btn {
    border: none;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 12px 32px;
    border-radius: 10px;
    font-weight: 600;
}

.selected-file {
    margin-top: 16px;
    color: var(--color-primary);
    font-weight: 500;
}

.upload-info {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 24px;
    color: var(--color-cyan-blue);
}

.info-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.divider {
    width: 1px;
    height: 18px;
    background: var(--color-grey-soft);
}

.bottom-actions {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.template-card {
    background: var(--color-white-light);
    border-radius: 12px;
    padding: 10px 24px;
    min-width: 420px;
}

.template-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.template-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

.template-text {
    color: var(--color-cyan-blue);
}

.download-template-btn {
    border: none;
    background: transparent;
    color: var(--color-blue-primary);
    font-weight: 600;
    white-space: nowrap;
}

.add-button {
    font-family: 'Figtree-Semi-Bold', sans-serif;
    background-color: var(--color-primary);
    color: var(--color-white);
    border: none;
    border-radius: 100%;
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
}.terms-quote-container {
  background: var(--color-white);
  border: 1px solid var(--color-border-grey);
  border-radius: 12px;
  margin: 16px;
  padding: 16px;
  box-shadow: 0 1px 2px var(--color-shadow);
}

.page-title-bar {

  border-radius: 10px;
  height: 30px;
  width: 100%;
  
  margin: 16px 0;
  /* center and align with container width */
  padding: 16px;
  /* horizontal padding only to keep 30px height */
  display: flex;
  /* reinforce alignment in case Bootstrap classes change */
  align-items: center;
}

.page-title-bar h5 {
  font-family: 'Satoshi', HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0;
  margin: 0;
}

.editor-wrap {
  background: var(--color-white);

  border-radius: 12px;
  padding: 12px;
}


.quill-editor .ql-editor {
  min-height: 160px;
  /* compact height */
}

/* Ensure lists render inside Quill editor regardless of global resets */
.quill-editor .ql-editor ul {
  list-style: disc;
  padding-left: 1.5rem;
}

.quill-editor .ql-editor ol {
  list-style: decimal;
  padding-left: 1.5rem;
}

/* Force list items to render even if globally reset */
.quill-editor .ql-editor li {
  display: list-item;
  color: var(--color-black-50);
  /* dark text */
  list-style-position: outside;
}

.quill-editor .ql-editor ul,
.quill-editor .ql-editor ol {
  margin-left: 0;

}

/* Reduce spacing between content lines inside Quill editor */
.quill-editor .ql-editor p {
  margin: 0;
  line-height: 16px;
}

.quill-editor .ql-toolbar {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.quill-editor .ql-container {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.terms-quote-btn {
  font-family: 'Figtree', sans-serif;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 10px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 166px;
  padding: 18px 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.terms-quote-btn .fas {
  font-size: 16px;
  margin-right: 0;
}

.terms-quote-btn span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}.action-column {
    position: relative;
}

.action-dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    background: var(--color-white);
    border: 1px solid var(--color-grey-outline);
    border-radius: 8px;
    box-shadow: 0 4px 12px var(--color-grey-soft-2);
    min-width: 120px;
    z-index: 20;
    padding: 4px;
}

.platform-label {
    cursor: pointer;
}

.legend-events-col {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tracking-widget-preview {
    background: #f0f4f8;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(13, 33, 55, 0.1);
}

.tw-hero {
    background: linear-gradient(135deg, #0D2137 0%, #163352 100%);
    padding: 22px 22px 18px;
    color: #fff;
}

.tw-hero-row {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    justify-content: space-between;
}

.tw-left {
    flex: 1 1 auto;
    min-width: 0;
}

.tw-top {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    flex-wrap: wrap;
}

.tw-tracking-meta {
    display: flex;
    flex-direction: column;
}

.tw-label {
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 600;
}

.tw-number {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    margin-bottom: 20px;
}

.tw-status-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 14px 6px 16px;
    border-radius: 999px;
    width: fit-content;
    margin-top: 4px;
    margin-bottom: 12px;
}

.tw-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.65);
}

.tw-meta-inline {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 2px;
}

.tw-meta-item {
    min-width: 120px;
}

.tw-meta-label {
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 600;
}

.tw-meta-value {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.tw-meta-sep {
    width: 1px;
    height: 32px;
    background: rgba(255, 255, 255, 0.18);
    align-self: center;
}

.tw-desc {
    margin-top: 14px;
    max-width: 760px;
    background: rgba(76, 175, 80, 0.12);
    border-left: 3px solid #4CAF50;
    padding: 12px 14px;
    border-radius: 0 10px 10px 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1.35;
}

.tw-support {
    flex: 0 0 300px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    padding: 12px;
}

.tw-support-label {
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 600;
}

.tw-support-sub {
    margin-top: 4px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 10px;
}

.tw-support-btn {
    width: 100%;
    border: none;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

.tw-support-btn.primary {
    background: #4CAF50;
    color: #fff;
}

.tw-support-btn.secondary {
    margin-top: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.tw-support-btn.review {
    margin-top: 8px;
    background: none;
    border: 1px dashed rgba(76, 175, 80, 0.6);
    color: #4CAF50;
}

.tw-rating-overlay {
    position: fixed;
    inset: 0;
    background: rgba(13, 33, 55, 0.5);
    backdrop-filter: blur(4px);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.tw-rating-overlay.active {
    opacity: 1;
    pointer-events: all;
}

.tw-rating-popup {
    background: #fff;
    border-radius: 24px;
    padding: 28px 26px;
    max-width: 460px;
    width: 100%;
    text-align: center;
    position: relative;
}

.tw-popup-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #f0f4f8;
    border: none;
    cursor: pointer;
    color: #5a7a99;
    font-size: 18px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tw-popup-icon {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    background: #e8f5e9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
}

.tw-popup-icon svg {
    width: 32px;
    height: 32px;
}

.tw-popup-title {
    font-size: 22px;
    font-weight: 800;
    color: #0D2137;
    margin-bottom: 6px;
}

.tw-popup-sub {
    font-size: 14px;
    color: #5a7a99;
    line-height: 1.5;
    margin-bottom: 18px;
}

.tw-rating-section {
    text-align: left;
    margin-bottom: 14px;
}

.tw-rating-label {
    font-size: 13px;
    font-weight: 700;
    color: #0D2137;
    margin-bottom: 8px;
}

.tw-stars-row {
    display: flex;
    gap: 8px;
}

.tw-star-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.tw-star-btn svg {
    width: 38px;
    height: 38px;
    display: block;
}

.tw-star-fill {
    fill: #e8edf2;
    transition: fill 0.15s ease;
}

.tw-star-btn.lit .tw-star-fill {
    fill: #FFCA28;
}

.tw-remarks {
    width: 100%;
    border: 1px solid rgba(13, 33, 55, 0.16);
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: inherit;
    outline: none;
    resize: vertical;
}

.tw-error {
    margin-top: 6px;
    font-size: 12px;
    color: #dc2626;
}

.tw-btn-submit {
    width: 100%;
    background: #0D2137;
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 10px;
}

.tw-sections {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.tw-card {
    background: #fff;
    border: 1px solid rgba(13, 33, 55, 0.1);
    border-radius: 16px;
    overflow: hidden;
}

.tw-card-header {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(13, 33, 55, 0.1);
    background: #fff;
}

.tw-card-title {
    font-size: 14px;
    font-weight: 700;
    color: #0D2137;
    padding-top: 2px;
}

.tw-card-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #e8f5e9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.tw-card-icon svg {
    width: 16px;
    height: 16px;
}

.tw-address {
    padding: 16px;
}

.tw-address-label {
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #5a7a99;
    font-weight: 600;
}

.tw-address-value {
    margin-top: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #0D2137;
    line-height: 1.3;
}

.tw-map {
    width: 100%;
    height: 540px;
}

.tw-collapsible {
    width: 100%;
    background: #fff;
    border: none;
    text-align: left;
    cursor: pointer;
}

.tw-chevron {
    margin-left: auto;
    transition: transform 0.15s ease;
    color: #5a7a99;
}

.tw-chevron.open {
    transform: rotate(180deg);
}

.tw-journey {
    padding: 14px 16px 4px;
}

.tw-journey-item {
    display: flex;
    gap: 12px;
    padding-bottom: 12px;
}

.tw-journey-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
}

.tw-journey-dot {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #e8edf2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tw-journey-dot.done {
    background: #4CAF50;
}

.tw-journey-dot svg {
    width: 14px;
    height: 14px;
}

.tw-journey-line {
    width: 2px;
    flex: 1;
    min-height: 14px;
    background: #e8edf2;
    margin-top: 4px;
}

.tw-journey-line.done {
    background: #4CAF50;
}

.tw-journey-content {
    padding-top: 4px;
}

.tw-journey-title {
    font-size: 14px;
    font-weight: 600;
    color: #0D2137;
}

.tw-social-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    padding: 14px 0 2px;
}

.tw-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(13, 33, 55, 0.12);
    text-decoration: none;
}

.tw-social-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
}

@media (max-width: 992px) {
    .tw-hero-row {
        flex-direction: column;
    }
    .tw-support {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .tw-map {
        height: 420px;
    }
}
.larger-bold {
  font-size: 1.2rem;
  font-weight: 600;
}

/* Date picker trigger and dropdown styles */
.date-picker-trigger {
  border: 1px solid var(--border-color-grey);
  background: var(--color-white);
  border-radius: 10px;
  color: var(--text-dark-section);
  padding: 10px 20px;
  line-height: 1;
}

.routes-documentation--narrow {
    display: none;
}

@media (max-width: 1439px) {
    .routes-header-row > :first-child,
    .routes-header-row > :last-child {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 10px;
    }

    .routes-header-row > :last-child {
        justify-content: flex-start;
        margin-left: 0 !important;
    }

    .routes-documentation--narrow {
        display: inline-flex;
    }

    .routes-documentation--wide {
        display: none;
    }
}

.date-picker-trigger:hover {
  border: 1px solid var(--border-color-grey);
}
.date-label {
  font-size: 0.95rem;
}
.date-picker-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1000;
  background: var(--color-white);
  border: 1px solid var(--border-color-grey);
  border-radius: 6px;
  box-shadow: 0 8px 24px var(--color-shadow-12);
}
.date-picker-dropdown :deep(.b-form-datepicker) {
  /* ensure inline calendar has compact spacing */
  min-width: 260px;
}
.small-actions {
  font-size: 0.85rem;
}

.single-route-list-container{
    border: 1px solid var(--color-gray-light);
    border-radius: 16px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--color-white);
}

.select-all-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-all-info {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.booking-checkbox {
    height: 20px;
    width: 20px;
}
.select-all-text {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: -3%;
    color: var(--color-black);
}
.selected__count__refresh {
    display: flex;
    align-items: center;
    gap: 24px;
}

.selected-count {
    font-family: 'Satoshi', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: -3%;
    color: var(--color-black);
}
.button__wrapper {
    font-family: 'Satoshi', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: -2%;
    color: var(--color-black);
    background: none;
    border: none;
}
.booking-number {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: -3%;
    color: var(--color-black);
    background: none;
    border: none;
}

.list-container {
    flex: 1;
    overflow-y: auto;
    margin-bottom: 10px;
}
.list__group {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    border-radius: .25rem;
    gap: 8px;
    padding: 16px 12px;
    height: calc(100vh - 320px);
}
.template__status__wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px;
}

.template__status__wrapper:hover {
    background-color: var(--color-light-greyish-blue);
    border-radius: 10px;
}
.booking-number {
    font-family: 'Satoshi', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: -2%;
    color: var(--color-black);
}
.booking-checkbox {
    height: 20px;
    width: 20px;
}

.location-name-wrapper {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.docket-line {
    font-family: 'Satoshi-Medium', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: -2%;
    color: var(--color-black);
}

.address-line {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 125%;
    letter-spacing: -3%;
    color: var(--color-black);
}
.status__action__wrapper{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.droppoff select {
    width: 203px;
    height: 30px;
    border: 1px solid var(--border-color-gainsboro);
    border-radius: 6px;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: -3%;
    color: var(--color-black);
}
.status-button-container {
    min-width: 80px;
    margin-top: 10px;
}
.button-container {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: right;
}

.edit__btn{
    width: 177px;
    height: 48px;
    font-family: 'Figtree-Semi-Bold', sans-serif  ;
    font-weight: 600;
    background-color: var(--color-navy-deep);
    color: var(--color-white);
    border-radius: 8px;
    line-height: 24px;
    letter-spacing: 0px;
}
.edit-buttons {
    display: flex;  
    flex-wrap: wrap;
    gap: 16px;
    justify-content: right;

}

.route__info__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
    border: 1px solid var(--color-gray-light);
    border-radius: 16px;
    padding: 16px;
    gap: 10px 5px;
    background-color: var(--color-white);
}

.route__details {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.route__info__subdetails {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 16px;
}

.info__divider {
    width: 3px;
    height: 49px;
    background-color: var(--border-color-grey);
}

.info__text {
    font-family: 'Satoshi', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 125%;
    letter-spacing: -3%;
    color: var(--color-black);
}

.info__title {
    font-family: 'Satoshi', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: 0%;
    color: var(--color-black);
}
.top__button {
    padding: 10px 16px;
    background-color: var(--color-mint-light);
    border-radius: 16px;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 125%;
    letter-spacing: 0%;
    font-weight: 700;
    color: var(--color-black);

}

.status-container {
font-family: 'Satoshi-Medium', sans-serif;
color: var(--color-white);
font-weight: 500;
border: none;
border-radius: 8px;
padding: 4px 10px;
font-size: 13px;
line-height: 100%;
letter-spacing: 0;
cursor: pointer;
width: 100px;
text-align: center;
}

.route-map{
    width: 100%; 
    z-index: 0;
    height: calc(100vh - 300px);
}
.route__info__wrapper.route-completed {
    background-color: var(--color-light-green);     
    border-color: var(--color-sea-green);         
    box-shadow: 0 4px 12px var(--color-midnight-haze);
}


.leaflet-map-container {
    margin-top: 20px;
    border: 1px solid var(--border-color-gainsboro);
    border-radius: 4px;
    overflow: hidden;
}

.map-view {
  width: 100%;
  z-index: 0;
  transition: height 0.3s ease; 
}

.map-full {
  height: calc(100vh - 300px);
}

.map-small {
  height: calc(100vh - 600px); 
}

.map-actions-container {
    position: absolute;
    right: 50%;
    transform: translate(50%, 15%);
    z-index: 1;
    background: var(--color-dark-purple);
    box-shadow: 0 2px 8px var(--color-shadow-08);
    padding: 8px;
    display: flex;
    gap: 20px;
    padding: 10px 12px;
    border-radius: 5px;
    min-width: 500px;
}

.map-actions-text {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: var(--color-white);

}

.actions-divider {
    border-left: 1px solid var(--color-white);
    height: 25px;
    margin-top: 4px;
}

.icons-bg {
    background-color: transparent;
    border: none;
}

.button-settings {
    background-color: var(--color-white);

}

.gear-icon {
    margin-right: 8px;
    margin-bottom: 4px;
    }

.status-completed{
    background-color: var(--color-primary);
}

.status-assigned{
    background-color: var(--color-yellow-dark);
}
.product-list{
    max-height: 360px; 
    overflow: auto;   
}
.route-accordion {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 12px;
    background: white;
    overflow: hidden;
}


.route-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: white;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.2s;
}

.chevron {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.chevron.rotate-180 {
    transform: rotate(180deg);
}


.routes-container {
    padding: 16px;
    background: var(--color-white);
    border: 1px solid var(--border-color-gainsboro);
    border-radius: 16px;
    height: calc(100vh - 185px);
    overflow-y: auto;
}
.multiple__list__group{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    border-radius: .25rem;
    gap: 8px;
    padding: 16px 12px;
    height: calc(100vh - 510px);
}

.multi-route-list-container{
    border-radius: 16px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--color-white);
}
.skeleton-loader {
    width: 100%;
    height: 20px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    border-radius: 4px;
    animation: skeleton-loading 1.5s infinite ease-in-out;
}

.skeleton-text {
    display: inline-block;
    height: 100%;
    width: 150px; 
    opacity: 0;
}
.route-map-wrapper {
    position: relative;
}

.map-loader {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.assign-jobs-text{
    color: var(--color-orange);
}

/* Maps Timeline View*/

.timeline-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-top: 1px solid #e5e7eb;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 13px;
}

/* ─── TOP BAR ─────────────────────────────────────────────── */
.timeline-topbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px 12px;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
    min-height: 36px;
}

.get-started-link {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #2563eb;
    text-decoration: none;
}

.get-started-link:hover {
    text-decoration: underline;
}

/* .topbar-right {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: auto;
} */

.live-eta-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #374151;
}

.info-icon {
    font-size: 12px;
    color: #9ca3af;
    cursor: pointer;
}

/* LEGEND */
.legend-block {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #374151;
}

.legend-label {
    margin-right: 4px;
    font-size: 14px;
    font-weight: bold;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.legend-circle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}

.legend-circle--empty {
    background: #fff;
    border: 1.5px solid #d1d5db;
}

.legend-circle--blue {
    background: #fff;
    border: 1.5px solid #3b82f6;
}

.legend-circle--orange {
    background: #fff;
    border: 1.5px solid #f59e0b;
}

.legend-circle--red-outline {
    background: #fff;
    border: 1.5px solid #ef4444;
}

.legend-circle--dark {
    background: #6b7280;
    border: 1.5px solid #6b7280;
}

.legend-circle--green {
    background: #22c55e;
    border: 1.5px solid #22c55e;
}

.legend-circle--red {
    background: #ef4444;
    border: 1.5px solid #ef4444;
}
.badge-early {
    background: #eff6ff;
    color: #3b82f6; /* BLUE */
}

.badge-ontime {
    background: #f0fdf4;
    color: #22c55e; /* GREEN */
}

.badge-late {
    background: #fef2f2;
    color: #ef4444; /* RED */
}
/* ─── TOGGLE SWITCH ───────────────────────────────────────── */
.switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 18px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #d1d5db;
    border-radius: 999px;
    transition: 0.3s;
}

.slider::before {
    content: "";
    position: absolute;
    height: 14px;
    width: 14px;
    left: 2px;
    top: 4px;
    background-color: white;
    border-radius: 50%;
    transition: 0.3s;
}

input:checked+.slider {
    background-color: #2563eb;
}

input:checked+.slider::before {
    transform: translateX(16px);
}

/* ─── TIMELINE PANEL ──────────────────────────────────────── */
.timeline-panel {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 550px);
}

/* ─── HEADER ──────────────────────────────────────────────── */
.tl-header {
    display: flex;
    flex-shrink: 0;
    border-bottom: 1px solid #e5e7eb;
    background: #fff;
    z-index: 10;
}

.tl-header-cell {
    font-size: 11px;
    font-weight: 700;
    color: #6b7280;
    letter-spacing: 0.05em;
    padding: 8px 12px;
    display: flex;
    align-items: center;
}

.tl-driver-col {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    flex-shrink: 0;
    border-right: 1px solid #e5e7eb;
    background: #fff;
}

/* Scrollable header area */
.tl-header-scroll-wrap {
    flex: 1;
    overflow: hidden;
}

.tl-header-scroll {
    overflow: hidden;
    width: 100%;
}

.tl-hours-row {
    display: flex;
    min-width: max-content;
}

.tl-hour-cell {
    flex-shrink: 0;
    text-align: left;
    font-size: 11px;
    color: #9ca3af;
    padding: 8px 0 8px 6px;
    border-right: 1px solid #f3f4f6;
    box-sizing: border-box;
}

.tl-zoom-header-col {
    width: 40px;
    flex-shrink: 0;
    border-left: 1px solid #e5e7eb;
    background: #fff;
}

/* ─── BODY ────────────────────────────────────────────────── */
.tl-body {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* DRIVER LIST (vertically scrolls in sync with rows) */
.tl-driver-list {
    overflow-y: auto;
    overflow-x: hidden;
    flex-shrink: 0;
    scrollbar-width: none;
}

.tl-driver-list::-webkit-scrollbar {
    display: none;
}

.tl-driver-item {
    display: flex;
    align-items: center;
    height: 58px;
    border-bottom: 1px solid #f3f4f6;
    padding: 0 10px;
    gap: 8px;
    box-sizing: border-box;
    background: #fff;
}

.driver-color-bar {
    width: 3px;
    height: 36px;
    border-radius: 2px;
    flex-shrink: 0;
}

.driver-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.driver-name {
    font-size: 12px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

/* Badge row */
.driver-badges {
    display: flex;
    align-items: center;
    gap: 4px;
}

.badge-jobs {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    color: #1d4ed8;
    background: #eff6ff;
    border-radius: 10px;
    padding: 1px 7px;
    font-weight: 500;
    white-space: nowrap;
}

.warning-icon {
    color: #f59e0b;
    font-size: 11px;
}

.driver-vehicle {
    font-size: 11px;
    color: #9ca3af;
}

/* ─── TIMELINE ROWS SCROLL ────────────────────────────────── */
.tl-rows-scroll {
    overflow-x: auto;
    overflow-y: visible;
    position: relative;
}

.tl-row {
    overflow: visible; /* allow tooltip outside */
}

/* ─── CURRENT TIME LINE ───────────────────────────────────── */
.current-time-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #1d4ed8;
    z-index: 10;
    pointer-events: none;
}

/* ─── ROW ─────────────────────────────────────────────────── */
.tl-row {
    height: 58px;
    border-bottom: 1px solid #f3f4f6;
    position: relative;
    min-width: max-content;
    background: #fff;
    box-sizing: border-box;
}

.tl-row--alt {
    background: #fafafa;
}

.tl-row:hover {
    background: #f8faff;
    z-index: 20;
}

/* GRID LINES */
.tl-row-grid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    pointer-events: none;
}

.tl-grid-cell {
    flex-shrink: 0;
    height: 100%;
    border-right: 1px solid #f0f0f0;
    box-sizing: border-box;
}

/* TICK MARKS (half-hour dashed) */
.tl-row-ticks {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    pointer-events: none;
    z-index: 1;
}

.tl-tick-pair {
    display: flex;
    flex-shrink: 0;
}

.tl-tick {
    flex-shrink: 0;
    height: 100%;
    border-right: 1px dashed #ebebeb;
    box-sizing: border-box;
}

/* HORIZONTAL BAND — the gray stripe in the center of each row (like Image 2) */
.tl-row-band {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 18px;
    background: #f3f4f6;
    pointer-events: none;
    z-index: 2;
}

/* ─── JOB DOT ─────────────────────────────────────────────── */
.tl-job-dot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 600;
    cursor: pointer;
    z-index: 5;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    margin-left: -11px;
    box-sizing: border-box;
    color: #fff;
    background: #fff; /* important */
}

.tl-job-dot:hover,
.tl-job-dot--active {
    transform: translateY(-50%) scale(1.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    z-index: 100;
}

/* Solid green = completed */
.job-completed {
    background: #22c55e;
    color: #fff;
    border: 2px solid #22c55e;
}

/* Outline gray = pending */
.job-pending {
    background: #fff;
    color: #6b7280;
    border: 1.5px solid #d1d5db;
}

/* Green outline = on time in progress */
.job-ontime {
    background: #fff;
    border: 1.5px solid #22c55e;
}

/* Red = late */
.job-late {
    background: #fef2f2;
}
.job-early {
  background: #3b82f6; /* blue */
}

.job-ontime {
  background: #22c55e; /* green */
}

.job-late {
  background: #ef4444; /* red */
}

.job-pending {
  background: #9ca3af; /* gray */
}
/* ─── ZOOM COLUMN ─────────────────────────────────────────── */
.tl-zoom-col {
    width: 40px;
    min-width: 40px;
    flex-shrink: 0;
    border-left: 1px solid #e5e7eb;
    background: #fafafa;
    overflow-y: auto;
    scrollbar-width: none;
}

.tl-zoom-col::-webkit-scrollbar {
    display: none;
}

.single-zoom {
    position: relative;
}

.tl-zoom-fixed {
    position: sticky;
    top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.tl-zoom-row {
    height: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f3f4f6;
    gap: 2px;
}

.zoom-icon {
    font-size: 13px;
    color: #9ca3af;
    cursor: pointer;
    user-select: none;
    line-height: 1;
    padding: 2px;
}

.zoom-icon:hover {
    color: #374151;
}

/* ─── TOOLTIP ─────────────────────────────────────────────── */
.tl-tooltip {
    position: absolute;
    top: 30px;
    min-width: 280px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    padding: 12px;
    z-index: 1; 
    pointer-events: none;
    border: 1px solid #e5e7eb;
    font-size: 12px;
}

.tooltip-right {
    left: 0;
    top: 30px;
}

.tooltip-left {
    right: 0;
    top: 30px;
}

/* TOP (important fix) */
.tooltip-top-right {
    left: 0;
    bottom: 30px;
    top: auto;
}

.tooltip-top-left {
    right: 0;
    bottom: 30px;
    top: auto;
}

.tooltip-header {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    margin-bottom: 6px;
}

.tooltip-order {
    font-weight: 700;
    font-size: 13px;
    color: #111827;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tooltip-badge {
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 600;
    flex-shrink: 0;

    /* 🔥 FORCE SOLID LOOK */
    display: inline-flex;
    align-items: center;
    gap: 4px;

    border: none;
    opacity: 1;
}
.on-time {
    background: #f0fdf4;
    color: #16a34a;
}

.in-progress {
    background: #eff6ff;
    color: #2563eb;
}

.tooltip-address {
    font-size: 11px;
    color: #374151;
    margin-bottom: 5px;
}

.tooltip-row {
    font-size: 11px;
    color: #6b7280;
    margin-bottom: 3px;
}

.person-icon {
    margin-right: 2px;
}

.tooltip-times {
    margin-top: 6px;
    font-size: 11px;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 8px;
}

.live-eta-pill {
    background: #f3f4f6;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
}
.zoom-btn {
width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}.places-autocomplete {
  position: relative;
  width: 100%;
}

.suggestions-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 6px;
  background: var(--color-white);
  border: 1px solid var(--color-white-25);
  border-radius: 8px;
  box-shadow: 0 10px 25px -5px var(--color-semi-transparent-black);
  max-height: 380px;
  overflow-y: auto;
  z-index: 1;
  padding: 8px 0;
}

.suggestion-item {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.18s ease;
}

.suggestion-item:hover {
  background-color: var(--color-white);
}

.suggestion-item.active {
  background-color: var(--color-blue-primary);
  color: var(--color-white);
}

.pin-icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: all 0.18s ease;
}

.suggestion-item:hover .pin-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%4f46e5'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}

.suggestion-item.active .pin-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}

.place-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}.profile__title {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--color-black-50);
}

.profile__view .profile {
    background-color: var(--color-white);
    display: flex;
    border-radius: 16px;
    gap: 16px;
    padding: 16px 24px;
    margin-top: 24px;
}

.profile__view .organization {
    background-color: var(--color-white);
    border-radius: 16px;
    padding: 16px 24px;
    margin-top: 24px;
}

.profile__view .profile .profile-avatar {
    width: 84px;
    height: 84px;
    border-radius: 100%;
    background-color: var(--border-color-gainsboro);
    color: var(--color-white);
    display: grid;
    place-items: center;
    font-size: 40px;
    text-transform: uppercase;
}

.profile__view .profile .profile-name {
    font-size: 18px;
    color: var(--color-desaturated-blue);
    font-weight: 700;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    letter-spacing: 0%;
    line-height: 24px;
}

.profile-general {
    font-family: 'Satoshi-Medium', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--color-desaturated-blue);
}

.profile__view .update-form {
    margin-top: 32px;
}

.profile-view .update-form label {
    font-size: 14px;
    font-weight: 500;
}

.profile-view .update-form input[type="submit"] {
    font-size: 14px;
}

.form-heading {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--color-desaturated-blue);
    margin-bottom: 20px;
}

.update__info__wrapper {
    background-color: white;
    border-radius: 16px;
    padding: 16px 24px;
    margin-top: 24px;
}

.modal-content {
  padding: 24px;
  border-radius: 16px;
}
.modal-title {
 font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-size: 18.2px;  
  font-weight: 700;
  line-height: 1.3;
}

.section-title {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 600;  
  font-size: 14px;
  color: var(--color-grey-section) ;
}




.form-check-input { width: 22px !important; height: 22px !important; }

/* Reusable styles for v-select in modals to match BFormInput */
.vehicle-group-select .vs__dropdown-toggle {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;  
  font-size: 13.39px;
    border-color: var(--color-grey-light-2);
    padding: 8.45px 13px;
    border-radius: 0.42rem;
}

.vehicle-group-select .vs__search::placeholder {
    color: var(--color-black-50) !important;
    opacity: 1 !important;
}

.vehicle-group-select .vs__selected-options {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
}

.vehicle-group-select .vs__search {
    margin: 0;
    padding: 0;
    color: var(--color-black-50) !important;
}

/* Original vs styles below... */
.vs__dropdown-toggle {
  color: var(--color-grey-medium);
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;  
  font-size: 13.39px;
  line-height: 26px;
  letter-spacing: 0%;
  border-radius: 0.42rem;
  border: 1px solid var(--color-grey-light-2);
  min-height: var(--v-select-height);
  height: auto;
  max-height: 126px;
  overflow: hidden;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start !important;
  padding: 8.45px 13px;
}

 .vs__selected-options {
  width: 100%;
  max-height: 108px;
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
  align-content: flex-start;
}

 .vs__selected {
  background-color: var(--color-blue-primary);
  color: var(--color-white);
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;  
  font-size: 13.39px;
  padding: 3px 8px;
  border-radius: 8px;
  margin: 2px 0px 2px 4px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
}

.vs--single .vs__selected {
  background-color: transparent;
  color: var(--color-black-50);
  padding: 0;
  margin: 0;
}

 .vs__deselect {
  margin-left: 10px;
  cursor: pointer;
  font-weight: bold;
  fill: var(--color-white);
}

 .vs__dropdown-menu {
  max-height: 360px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 10px;
  border-radius: 8px;
  border: 1px solid var(--color-grey-light-2);
}

.vs__dropdown-menu li {
  padding: 16px !important;
  font-size: 16px;
  font-weight: 400;
  color: var(--color-grey-dark);
  line-height: 24px;
  display: flex;
  align-items: center;
}
.vs__dropdown-menu input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border: 2px solid var(--color-black);
  background-color: var(--color-white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
/* input elements can't render ::after content in Chrome/Firefox, so the
   checkmark has to be a background-image on the :checked state instead */
.vs__dropdown-menu input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,8 6,12 14,3'/%3E%3C/svg%3E");
}

.vs--searchable .vs__dropdown-toggle{
  max-height: 126px;
  overflow: hidden;
  overflow-x: hidden;
} 
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 4px;
  background-color: var(--color-black);
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: var(--color-primary);
}

input:checked+.slider:before {
  background-color: var(--color-white);
}

input:focus+.slider {
  box-shadow: 0 0 1px var(--color-blue-primary);
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.tab.active {
  background: var(--color-primary);
  border-radius: 6px;
  color: var(--color-white);
}
/* Deprecated local label styling; using Settings.css .form-label */
.switching-tabs-container {
  margin-top: 8px;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
}

.modal-body-custom .row+.row {
  margin-top: 16px;
}

.submission_history_label{
    color: var(--text-light-grey);
    padding: 12px;
    gap: 6px;
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    white-space: nowrap;
}

.submission_history_container{
    background: var(--color-white);
    border: 1px solid var(--color-grey-soft);
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 1px 2px var(--color-shadow);
}

.image-wrapper {
  position: relative;
  width: 83px;
  height: 83px;
  overflow: hidden;
}

.pod-image {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
  cursor: pointer;
}

.image-preview-fixed {
  position: fixed;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  z-index: 2000;
  pointer-events: none; 
}

.image-preview-fixed img {
  width: 600px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  transition: opacity 0.2s ease;
}


.submission-details-image {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  transition: all 0.3s ease;
  object-fit: cover;
  cursor: pointer;

}

.image-wrapper:hover .submission-details-image {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(180%, -50%) scale(4.5);
  z-index: 999;
  box-shadow: 0 4px 8px var(--color-shadow-20);
}

.upload-area {
  border: 1px solid var(--border-color-gainsboro);
  border-radius: 8px;
  background: var(--color-white);
  padding: 16px;
  min-height: 140px;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

.upload-link {
  color: var(--bs-primary);
  text-decoration: underline;
}

.muted {
  color: var(--color-grey-slate);
  margin-top: 8px;
}

.uploaded-preview {
  max-width: 200px;
  max-height: 120px;
  object-fit: contain;
}
/* Booking workflow modals */
.booking-modal-content { border: 0; border-radius: 14px; overflow: hidden; }
.booking-modal-body { padding: 0 22px 22px; background: #f7fafc; }
.booking-modal-header { display: flex; align-items: center; width: 100%; padding: 6px 6px 12px; }
.booking-modal-header-icon { display: grid; place-items: center; flex: 0 0 58px; width: 58px; height: 58px; margin-right: 15px; border-radius: 50%; background: #eef8f2; color: #2e9d3c; }
.booking-modal-header-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.booking-modal-header h2 { margin: 0 0 3px; color: #0a1939; font-size: 25px; font-weight: 700; line-height: 1.15; }
.booking-modal-header p { margin: 0; color: #53678f; font-size: 14px; }
.booking-modal-close { display: grid; width: 38px; height: 38px; margin-left: auto; padding: 0; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #263651; }
.booking-modal-close:hover { background: #f3f6f9; }
.booking-modal-close svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.booking-modal-body > form, .booking-modal-body > .modal-body-content, .booking-modal-body > .transfer-jobs-modal, .booking-modal-body > .row, .booking-modal-body > .container-fluid { padding: 16px; border: 1px solid #dce7f0; border-radius: 9px; background: #fff; }
.booking-modal-body .input__label__form { margin-bottom: 6px; color: #263653; font-size: 14px; font-weight: 600; }
.booking-modal-body .mws__input--field, .booking-modal-body .mws__select--field { min-height: 44px; border: 1px solid #c7d5e5; border-radius: 8px; box-shadow: none; }
@media (max-width: 767px) { .booking-modal-body { padding: 0 14px 14px; } .booking-modal-header h2 { font-size: 21px; } }
.calendar-table {
    table-layout: fixed;
}

.calendar-table th,
.calendar-table td {
    width: calc(100% / 7);
}

.calendar-cell {
    height: 160px;
    vertical-align: top;
    position: relative;
    background-color: #fff;
}

.calendar-cell.out-month {
    background-color: #f9fafb;
}

.calendar-cell.today {
    background-color: #fff7e6;
}

.weekday-header {
    text-align: center;
    font-weight: 600;
}
.calendar-table thead .today-header {
    background-color: var(--color-yellow-light);
}

.cell-top {
    font-weight: 600;
    padding: 6px 8px;
}

.cell-content {
    padding: 4px 8px 8px 8px;
}

.status-btn {
    display: block;
    border: none;
    outline: none;
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    margin-bottom: 6px;
    font-size: 12px;
    cursor: pointer;
}

.status-btn:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.status-btn:hover {
    filter: brightness(0.95);
}
.out-month {
    background: var(--color-grey-light); /* Light grey background */
    color: var(--color-grey-mid); /* Muted text color */
}
.calendar-cell.out-month .status-btn {
    opacity: 0.5; /* Dim the buttons */
}.ratedelete-icon { width: 16px; height: 16px; }

/* Driver Summary Date Picker and Select Widths */
.driver-date-picker.mws__date--picker {
    max-width: 260px;
    cursor: pointer;
}

.driver-days-select.mws__select--field {
    max-width: 150px;
    cursor: pointer;
}

/* Prevent the native select chevron from overlapping the Delivery Time status label. */
.delivery-status-select.mws__select--field {
    flex: 0 0 124px;
    width: 124px;
    min-width: 124px;
    padding-right: 40px;
}
.sticky-col-left {
  position: sticky;
  left: 0;
  background-color: #fff;
 
}

 .sticky-col-right {
  position: sticky;
  right: 0;
  background-color: #fff;
  
}
.driver-scroll {
    max-height: 200px;
    overflow-y: auto;
}

.driver-dropdown-menu {
    width: 300px !important;
}

.filter-icon {
    width: 22px;
    height: 25px;
    display: inline-block;
    background-color: var(--color-black);

    -webkit-mask: url("/assets/images/svg/filterIcon.svg") no-repeat center;
    mask: url("/assets/images/svg/filterIcon.svg") no-repeat center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Shared Companies filter control for report headers. */
.report-company-filter .dropdown-toggle,
.report-filter-control .dropdown-toggle {
    min-height: 38px;
    padding: 0 12px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color-grey) !important;
    border-radius: 10px;
    background-color: var(--color-white) !important;
    color: var(--text-dark-section) !important;
    box-shadow: none !important;
}

.report-company-filter .dropdown-toggle:hover,
.report-company-filter .dropdown-toggle:focus,
.report-company-filter.show .dropdown-toggle,
.report-filter-control .dropdown-toggle:hover,
.report-filter-control .dropdown-toggle:focus,
.report-filter-control.show .dropdown-toggle {
    border-color: var(--border-color-grey) !important;
    background-color: var(--color-white) !important;
    color: var(--text-dark-section) !important;
    box-shadow: none !important;
}

.report-company-filter .filter-icon,
.report-filter-control .filter-icon {
    width: 18px !important;
    height: 18px !important;
    background-color: var(--color-black) !important;
}

.report-company-filter:hover .filter-icon,
.report-filter-control:hover .filter-icon {
    background-color: var(--color-black) !important;
}

.report-company-filter__label,
.report-filter-control__label {
    font-size: 15px;
    line-height: 1;
}

.driver-dropdown:hover .filter-icon {
    background-color: var(--color-white);
}

.driver-dropdown-menu .form-check {
    display: flex;
    align-items: center;
    gap: 8px;
}

.driver-dropdown-menu .form-check-input {
    margin-top: 0;
}

.driver-dropdown-menu .form-check-label {
    margin-bottom: 0;
    line-height: 1.2;
}
.team-message {
  position: fixed;
  right: 8px;
  background-color: var(--color-navy-deep);
  border: 1px solid var(--color-grey-soft);
  border-radius: 100%;
  padding: 15px;
  cursor: pointer;
  z-index: 999;
  bottom: 12px;
  transition: bottom 0.3s ease;
}

.team-message-container {
    position: relative;
}

.team-message {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.team-message:hover {
    transform: scale(1.1);
}

.chat-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    z-index: 1000;
    padding: 20px;
}

.chat-popup {
    position: fixed;
    bottom: 100px;
    width: 400px;
    height: 700px;
    background: var(--color-white);
    border-radius: 12px;
    box-shadow: 0 8px 32px var(--color-semi-transparent-black);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: slideIn 0.3s ease-out;
}
.chat-popup--large {
    width: 800px !important;
    height: 800px !important;
    bottom: 40px !important;
    transition: all 0.3s ease;
}


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

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

.chat-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.chat-title h3 {
    margin: 0 0 4px 0;
    font-size: 18px;
    font-weight: 600;
}

.chat-subtitle {
    margin: 0;
    font-size: 12px;
    opacity: 0.9;
}

.chat-close-btn {
    background: none;
    border: none;
    color: var(--color-white);
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s;
}

.chat-messages {
    overflow-y: auto;
    padding: 8px;
    display: flex;
    flex-direction: column;
    border: 2px solid var(--border-color-gainsboro);
    margin: 16px;
    border-radius: 10px;
}
.chat-messages-team{
    height: 550px;
}

.chat-message {
    margin-bottom: 5px;
    padding: 5px;
    border-bottom: 1px solid var(--border-color-gainsboro);
    cursor: pointer;
}

.chat-message:hover {
    background-color: var(--color-grey-soft-2);
}

.message-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.message-sender {
    font-weight: 600;
    font-size: 14px;
    color: var(--color-grey-700);
}

.message-time-send {
    font-size: 12px;
    color: var(--color-white);
    text-align: end;
}

.message-time-received {
    text-align: end;
    font-size: 12px;
    color: var(--color-grey-700);
}

.message-content {
    font-size: 14px;
    margin-left: 40px;
    color: var(--color-grey-700);
    line-height: 1.4;
    white-space: nowrap; 
    width: 250px; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.message-content-received{
    font-size: 14px;
    color: var(--color-grey-700);
    line-height: 1.4;
}
.message-content-sent{
    font-size: 14px;
    color: var(--color-white);
    line-height: 1.4;
}


.chat-input-container {
    display: flex;
    justify-content: space-around;
    bottom: 100px;
    width: 400px;
    position: fixed;
    padding: 20px;
    border-top: 1px solid var(--color-grey-e0);
    background: var(--color-white);
    border-radius: 12px;
}

.chat-input-divider{
    border-left: 3px solid var(--border-color-gainsboro);
    height: 20px;
}

.chat-input {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid var(--color-grey-e0);
    border-radius: 20px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}

.chat-input:focus {
    border-color: var(--color-anchor-blue);
}

.send-btn {
   width: 38px;
    height: 38px;
    border-radius: 18px;
    border: none !important;
    box-shadow: none !important;
    background-color: var(--color-primary);
    color: var(--color-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.send-btn:hover {
    opacity: 0.9;
}

.team-message-quote {
    font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: var(--color-black);
    text-align: center;
    margin-top: 24px;
}

@media (max-width: 768px) {
    .chat-popup {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        border-radius: 0;
    }

    .chat-popup-overlay {
        padding: 0;
    }
}

.active-tab-icon{
    cursor: pointer;
}
.chat-detail {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-detail-header {
    display: flex;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid var(--color-grey-e0);
    background: var(--color-ghost-white);
}

.back-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    margin-right: 12px;
    border-radius: 50%;
    transition: background-color 0.2s;
}

.back-btn:hover {
    background-color: var(--color-semi-transparent-black);
}

.contact-name {
    font-weight: 600;
    font-size: 18px;
    color: var(--color-grey-700);
}

.contact-status {
    font-size: 12px;
    color: var(--color-primary);
}

.chat-messages-detail {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.message-bubble {
    min-width: 250px;
    padding: 10px 14px;
    border-radius: 18px;
    position: relative;
    word-wrap: break-word;
}

.message-bubble--sent {
    align-self: flex-end;
    background: var(--color-primary);
    color: var(--color-white);
    border-bottom-right-radius: 4px;
}

.message-bubble--received {
    align-self: flex-start;
    background: var(--color-white-light);
    color: var(--color-grey-700);
    border-bottom-left-radius: 4px;
}


.chat-input-area {
    padding: 16px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--color-grey-e0);
    background: var(--color-white);
}

.chat-input {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid var(--color-grey-e0);
    border-radius: 24px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}

.chat-input:focus {
    border-color: var(--color-anchor-blue);
}

.hidden-file-input {
    display: none;
}

.selected-files-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
    max-height: 200px;
    overflow-y: auto;
}

.file-pill {
    background: var(--color-gray-light);
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.remove-file-btn {
    border: none;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
}

.unread-chat-message {
    width: 8px;
    height: 8px;
    background-color: var(--color-red-danger);
    border-radius: 50%;
    margin-right: 8px;
}

.avatar {
    width: 30px;
    height: 30px;
    background-color: var(--color-midnight-haze);
    color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.unread-count-team-contact{
    background: var(--color-red-danger);
    border-radius: 100%;
    height: 17px;
    width: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-size: 13px;
    font-weight: 600;
}
.chat-attachments {
    margin-bottom: 6px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.chat-attachment-item {
    background: var(--color-white-light);
    padding: 6px 10px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 240px;
}

.attachment-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--color-grey-700);
    text-decoration: none;
}

.attachment-link:hover {
    text-decoration: underline;
}

.message-bubble {
    position: relative;
}
.message-bubble-menu {
    position: absolute;
    top: -12px;
    right: 0;
    display: flex;
    gap: 6px;
    background: var(--color-white);
    padding: 6px 10px;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity .25s ease, transform .2s ease;
    z-index: 10;
}

.message-bubble:hover .message-bubble-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.message-bubble-menu img {
    width: 16px;
    cursor: pointer;
    opacity: 0.9;
    transition: transform .15s ease, opacity .15s ease;
}
.message-bubble-menu img:hover {
    transform: scale(1.2);
    opacity: 1;
}

.message-bubble--received .message-bubble-menu {
    right: auto;
    left: 0;
}

.message-bubble-status-icons {
    position: absolute;
    right: 6px;
    top: 0;
    display: flex;
    gap: 4px;
}

.message-bubble--received .message-bubble-status-icons {
    left: 6px;
    right: auto;
}

.bubble-status-icon {
    width: 14px;
    height: 14px;
    opacity: 0.85;
}

.reply-preview {
    background: var(--color-white-light);
    padding: 5px 10px;
    border: 3px solid var(--color-primary);
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 4px;
}

.cancel-reply {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

.replied-message {
    font-size: 13px;
    color: var(--color-grey-section);
    background: var(--color-grey-soft);
    padding: 3px 6px;
    border: 3px solid var(--color-primary);
    margin-bottom: 3px;
    border-radius: 3px;
}

.unread-badge{
    position: absolute;
    color: var(--color-white);
    top: 0;
    font-size: 12px;
    background: var(--color-red-danger);
    text-align: center;
    border-radius: 100%;
    width: 17px;
}

.tracking-page-wrapper {
  --navy: #0D2137;
  --navy-mid: #163352;
  --navy-light: #1e4a70;
  --green: #4CAF50;
  --green-bright: #5DCB61;
  --green-pale: #e8f5e9;
  --text: #0D2137;
  --text-muted: #5a7a99;
  --border: rgba(13,33,55,0.1);
  --surface: #ffffff;
  --bg: #f0f4f8;
  --radius: 16px;
  --radius-sm: 10px;

  font-family: 'DM Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
}

.tracking-page-wrapper * {
  box-sizing: border-box;
}

.tracking-page-wrapper header {
  background: var(--navy);
  padding: 0 40px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 100;
}

.tracking-page-wrapper .logo-area {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tracking-page-wrapper .mws-logo {
  height: 34px;
  width: auto;
  display: block;
}

.tracking-page-wrapper .logo-text { font-family: 'Syne', sans-serif; }

.tracking-page-wrapper .logo-text .moving { color: #4CAF50; font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; display: block; }

.tracking-page-wrapper .logo-text .sam { color: #ffffff; font-size: 22px; font-weight: 800; line-height: 1; letter-spacing: -0.02em; }

.tracking-page-wrapper .header-contact {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,0.6);
  font-size: 13px;
}

.tracking-page-wrapper .header-contact a { color: #4CAF50; text-decoration: none; font-weight: 600; }

.tracking-page-wrapper .status-hero {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
  padding: 48px 40px 40px;
  position: relative;
  overflow: hidden;
}

.tracking-page-wrapper .status-hero::before {
  content: '';
  position: absolute;
  right: -60px; top: -60px;
  width: 300px; height: 300px;
  border-radius: 50%;
  background: rgba(76,175,80,0.07);
}

.tracking-page-wrapper .status-hero::after {
  content: '';
  position: absolute;
  right: 80px; bottom: -80px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: rgba(76,175,80,0.05);
}

.tracking-page-wrapper .status-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  position: relative;
  z-index: 1;
}

.tracking-page-wrapper .hero-left {
  flex: 1 1 auto;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.tracking-page-wrapper .hero-top {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

.tracking-page-wrapper .tracking-meta { display: flex; flex-direction: column; gap: 8px; }

.tracking-page-wrapper .tracking-label { font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.4); font-weight: 500; }

.tracking-page-wrapper .tracking-no { font-family: 'Syne', sans-serif; font-size: 36px; font-weight: 700; color: #fff; letter-spacing: -0.04em; line-height: 1; }

.tracking-page-wrapper .status-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 16px 6px 10px;
  border-radius: 100px;
  margin-top: 8px;
  width: fit-content;
}

.tracking-page-wrapper .status-badge .dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.6);
  animation: mwsTrackingPulse 1.5s ease-in-out infinite;
}

@keyframes mwsTrackingPulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:0.5; transform:scale(1.3); } }

.tracking-page-wrapper .status-desc {
  margin-top: 14px;
  max-width: 760px;
  background: rgba(76, 175, 80, 0.12);
  border-left: 3px solid #4CAF50;
  padding: 12px 14px;
  border-radius: 0 10px 10px 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 1.35;
}

.tracking-page-wrapper .meta-inline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.tracking-page-wrapper .meta-item {
  padding: 0 18px;
}

.tracking-page-wrapper .meta-item:first-child {
  padding-left: 0;
}

.tracking-page-wrapper .meta-item:not(:first-child) {
  border-left: 1px solid rgba(255,255,255,0.18);
}

.tracking-page-wrapper .meta-label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.4);
}

.tracking-page-wrapper .meta-value {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  margin-top: 12px;
}

.tracking-page-wrapper .hero-support {
  margin-left: auto;
  margin-top: -18px;
}

.tracking-page-wrapper .hero-support .help-card {
  padding: 18px;
}

.tracking-page-wrapper .hero-support .help-btn { margin-bottom: 6px; }

.tracking-page-wrapper .tracking-content {
  width: 100%;
  margin: -20px 0 0;
  padding: 0 24px 60px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  z-index: 2;
}

.tracking-page-wrapper .card {
  background: var(--surface);
  border-radius: var(--radius);
  border: 1px solid var(--border);
  overflow: hidden;
}

.tracking-page-wrapper .card-header {
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 10px;
}

.tracking-page-wrapper .card-header-icon {
  width: 32px; height: 32px;
  border-radius: 8px;
  background: var(--green-pale);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

.tracking-page-wrapper .card-header-icon svg { width: 16px; height: 16px; }

.tracking-page-wrapper .card-title { font-family: 'Syne', sans-serif; font-size: 14px; font-weight: 700; color: var(--navy); letter-spacing: -0.01em; padding-top: 2px; }

.tracking-page-wrapper .card-body { padding: 20px 24px; }

.tracking-page-wrapper .tracking-content > .card:first-child .card-body { padding-top: 24px; }

.tracking-page-wrapper .address-block {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.tracking-page-wrapper .address-pin {
  width: 40px; height: 40px;
  border-radius: 50%;
  background: var(--navy);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

.tracking-page-wrapper .address-pin svg { width: 18px; height: 18px; }

.tracking-page-wrapper .address-text .addr-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); }

.tracking-page-wrapper .address-text .addr-value { font-size: 17px; font-weight: 600; color: var(--navy); margin-top: 4px; line-height: 1.3; }

.tracking-page-wrapper .route-section {
  width: 100%;
  margin: 0;
  padding: 0;
}

.tracking-page-wrapper .route-card { overflow: hidden; }

.tracking-page-wrapper .route-map-wrap { width: 100%; }

.tracking-page-wrapper .map-container {
  width: 100%;
  height: 540px;
  border-radius: 16px;
  overflow: hidden;
}

.tracking-page-wrapper .sidebar { display: flex; flex-direction: column; gap: 20px; }

.tracking-social-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 10px 0 2px;
}

.tracking-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(13, 33, 55, 0.12);
  text-decoration: none;
}

.tracking-social-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

/* Default / Desktop styles for Description column */

.tracking-page-wrapper .help-card { background: var(--navy); border-radius: var(--radius); overflow: hidden; padding: 12px; }

.tracking-page-wrapper .help-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(255,255,255,0.4); margin-bottom: 4px; }

.tracking-page-wrapper .help-title { font-family: 'Syne', sans-serif; font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 2px; }

.tracking-page-wrapper .help-sub { font-size: 12px; color: rgba(255,255,255,0.5); margin-bottom: 8px; }

.tracking-page-wrapper .help-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 9px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
  cursor: pointer;
  border: none;
  width: 100%;
}

.tracking-page-wrapper .help-btn.primary { background: #4CAF50; color: #fff; }

.tracking-page-wrapper .help-btn.secondary { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.12); }

.tracking-page-wrapper .help-btn svg { width: 16px; height: 16px; flex-shrink: 0; }

.tracking-page-wrapper .timeline { padding: 8px 0; }

.tracking-page-wrapper .timeline-item {
  display: flex;
  gap: 14px;
  padding: 0 24px 20px;
  position: relative;
}

.tracking-page-wrapper .journey-header { cursor: pointer; }

.tracking-page-wrapper .journey-toggle {
  margin-left: auto;
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  color: var(--navy);
}

.tracking-page-wrapper .journey-chevron { transition: transform 0.2s ease; }

.tracking-page-wrapper .journey-chevron.open { transform: rotate(180deg); }

.tracking-page-wrapper .timeline-item:not(:last-child) .tl-line { display: block; }

.tracking-page-wrapper .tl-dot-wrap { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; }

.tracking-page-wrapper .tl-dot {
  width: 28px; height: 28px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

.tracking-page-wrapper .tl-dot.done { background: #4CAF50; }

.tracking-page-wrapper .tl-dot.active { background: var(--navy); }

.tracking-page-wrapper .tl-dot.pending { background: #e8edf2; }

.tracking-page-wrapper .tl-dot svg { width: 13px; height: 13px; }

.tracking-page-wrapper .tl-line { width: 2px; background: #e8edf2; flex: 1; min-height: 16px; display: none; margin: 4px 0; }

.tracking-page-wrapper .tl-line.done { background: #4CAF50; }

.tracking-page-wrapper .tl-content { padding-top: 4px; }

.tracking-page-wrapper .tl-title { font-size: 14px; font-weight: 600; color: var(--navy); }

.tracking-page-wrapper .tl-sub { font-size: 12px; color: var(--text-muted); margin-top: 2px; }

.tracking-page-wrapper .rating-overlay {
  position: fixed;
  inset: 0;
  background: rgba(13,33,55,0.5);
  backdrop-filter: blur(4px);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.tracking-page-wrapper .rating-overlay.active { opacity: 1; pointer-events: all; }

.tracking-page-wrapper .rating-popup {
  background: #fff;
  border-radius: 24px;
  padding: 40px;
  max-width: 460px;
  width: 100%;
  text-align: center;
  position: relative;
  transform: translateY(24px) scale(0.97);
  transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1), opacity 0.3s ease;
  opacity: 0;
}

.tracking-page-wrapper .rating-overlay.active .rating-popup { transform: none; opacity: 1; }

.tracking-page-wrapper .popup-close {
  position: absolute;
  top: 16px; right: 16px;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: #f0f4f8;
  border: none;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: #5a7a99;
  font-size: 18px;
  line-height: 1;
}

.tracking-page-wrapper .popup-icon {
  width: 72px; height: 72px;
  border-radius: 50%;
  background: var(--green-pale);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 20px;
}

.tracking-page-wrapper .popup-icon svg { width: 36px; height: 36px; }

.tracking-page-wrapper .popup-title { font-family: 'Syne', sans-serif; font-size: 24px; font-weight: 800; color: var(--navy); margin-bottom: 8px; }

.tracking-page-wrapper .popup-sub { font-size: 15px; color: var(--text-muted); line-height: 1.5; margin-bottom: 28px; }

.tracking-page-wrapper .selected-stars-label { font-size: 15px; font-weight: 600; color: var(--navy); margin-bottom: 10px; }

.tracking-page-wrapper .rating-form { width: 100%; text-align: left; }

.tracking-page-wrapper .rating-field { margin-bottom: 18px; }

.tracking-page-wrapper .form-error { color: #dc2626; font-size: 12px; margin-top: 6px; }

.tracking-page-wrapper .rating-remarks {
  width: 100%;
  height: 100px;
  border: 1px solid #e0e8f0;
  border-radius: 12px;
  padding: 12px;
  font-size: 14px;
  font-family: 'DM Sans', sans-serif;
  resize: none;
  color: #0D2137;
}

.tracking-page-wrapper .stars-row {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 28px;
}

.tracking-page-wrapper .stars-row.left { justify-content: flex-start; margin-bottom: 12px; }

.tracking-page-wrapper .star-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  transition: transform 0.15s ease;
}

.tracking-page-wrapper .star-btn:hover { transform: scale(1.2); }

.tracking-page-wrapper .star-btn svg { width: 44px; height: 44px; display: block; }

.tracking-page-wrapper .star-fill { fill: #e8edf2; transition: fill 0.15s ease; }

.tracking-page-wrapper .star-btn.lit .star-fill { fill: #FFCA28; }

.tracking-page-wrapper .popup-section { display: none; }

.tracking-page-wrapper .popup-section.active { display: block; }

.tracking-page-wrapper .google-review-box {
  background: #f8fbff;
  border: 1px solid #d0e4f7;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
  text-align: left;
}

.tracking-page-wrapper .google-badge {
  display: flex; align-items: center; gap: 8px; margin-bottom: 12px;
}

.tracking-page-wrapper .google-badge svg { width: 24px; height: 24px; }

.tracking-page-wrapper .google-badge span { font-size: 14px; font-weight: 600; color: var(--navy); }

.tracking-page-wrapper .google-review-box p { font-size: 13px; color: var(--text-muted); line-height: 1.5; }

.tracking-page-wrapper .review-rating-display { display: flex; gap: 3px; margin: 8px 0; }

.tracking-page-wrapper .review-rating-display svg { width: 18px; height: 18px; }

.tracking-page-wrapper .btn-google {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%;
  background: #4285F4;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 10px;
  text-decoration: none;
  font-family: 'DM Sans', sans-serif;
  transition: background 0.15s;
}

.tracking-page-wrapper .btn-google:hover { background: #3367d6; }

.tracking-page-wrapper .btn-skip {
  width: 100%;
  background: none;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 13px 20px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-muted);
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
}

.tracking-page-wrapper .btn-submit {
  width: 100%;
  background: var(--navy);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 10px;
  font-family: 'DM Sans', sans-serif;
}

.tracking-page-wrapper .thank-you-box { display: none; }

.tracking-page-wrapper .thank-you-box.active { display: block; }

.tracking-page-wrapper .ty-icon {
  width: 80px; height: 80px;
  border-radius: 50%;
  background: var(--green-pale);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 16px;
}

.tracking-page-wrapper .ty-icon svg { width: 40px; height: 40px; }

.tracking-page-wrapper .ty-title { font-family: 'Syne', sans-serif; font-size: 22px; font-weight: 800; color: var(--navy); margin-bottom: 8px; }

.tracking-page-wrapper .ty-sub { font-size: 14px; color: var(--text-muted); }

.tracking-page-wrapper .fade-up { animation: mwsTrackingFadeUp 0.5s ease both; }

@keyframes mwsTrackingFadeUp { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }

.tracking-page-wrapper .fade-up:nth-child(1) { animation-delay: 0.1s; }

.tracking-page-wrapper .fade-up:nth-child(2) { animation-delay: 0.2s; }

.tracking-page-wrapper .fade-up:nth-child(3) { animation-delay: 0.3s; }

.tracking-page-wrapper .review-trigger-btn {
  display: flex; align-items: center; gap: 8px;
  background: none;
  border: 1px dashed rgba(76,175,80,0.5);
  color: #4CAF50;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  margin-top: 12px;
  font-family: 'DM Sans', sans-serif;
  transition: background 0.15s;
}

.tracking-page-wrapper .review-trigger-btn:hover { background: rgba(76,175,80,0.06); }

@media (max-width: 768px) {
  .tracking-page-wrapper .tracking-content { margin-top: 0; }
  .tracking-page-wrapper .map-container { height: 400px; }
  .tracking-page-wrapper .hero-support { width: 100%; }
  .tracking-page-wrapper .meta-inline { width: 100%; }
  .tracking-page-wrapper .delivered-msg { max-width: 100%; }
  .tracking-page-wrapper .hero-support { margin-top: 0; }
}

@media (max-width: 480px) {
  .tracking-page-wrapper .map-container { height: 500px; }
}

.submitted-review-form {
  margin-top: 12px;
}

.stars-row.readonly {
  pointer-events: none;
}

.star-btn.readonly {
  cursor: default;
  opacity: 1;
}

.submitted-remarks {
  width: 100%;
  min-height: 90px;
  border-radius: 14px;
  background: #f7f7f7;
  border: 1px solid #ececec;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.6;
  color: #444;
  margin-top: 10px;
  white-space: pre-wrap;
}

.tracking-page-wrapper .truck-marker-wrap {
  position: relative;
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tracking-page-wrapper .truck-pulse-ring {
  position: absolute;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(76, 175, 80, 0.45);
  box-shadow: 0 0 18px rgba(76, 175, 80, 0.55);
  animation: truck-flash-pulse 1.8s ease-out infinite;
}

.tracking-page-wrapper .truck-pulse-ring-delay {
  animation-delay: 0.9s;
}

.tracking-page-wrapper .truck-marker-icon {
  position: relative;
  z-index: 2;
  width: 64px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@keyframes truck-flash-pulse {
  0% {
    transform: scale(0.55);
    opacity: 0.85;
  }
  70% {
    transform: scale(1.45);
    opacity: 0;
  }
  100% {
    transform: scale(1.45);
    opacity: 0;
  }
}
.staff-report-header {
  flex-wrap: nowrap;
  gap: 16px;
}

.staff-report-filters {
  gap: 8px;
  flex-shrink: 0;
}

.staff-report-filters :deep(.dp__main) {
  width: 260px;
}

.staff-report-filters .driver-days-select {
  min-width: 150px;
}

.staff-filter-dropdown :deep(.dropdown-toggle) {
  min-height: 42px;
  font-family: "Satoshi-Medium", sans-serif;
  font-size: 16px;
  line-height: 125%;
  color: var(--color-grey-deep);
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-soft);
  border-radius: 10px;
  box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
  padding: 6px 20px;
}

.staff-filter-dropdown :deep(.dropdown-toggle:hover),
.staff-filter-dropdown :deep(.dropdown-toggle:focus),
.staff-filter-dropdown :deep(.dropdown-toggle:active),
.staff-filter-dropdown :deep(.dropdown-toggle.show) {
  background-color: var(--color-white);
  color: var(--color-grey-deep);
  border-color: var(--color-grey-soft);
  box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
}

.staff-filter-btn-content {
  gap: 10px;
}

.staff-filter-dropdown:hover .filter-icon {
  background-color: var(--color-black);
}

.reply-panel {
  --reply-ink: #0b1735;
  --reply-muted: #425170;
  padding: 24px 22px 30px;
  background: #fff;
  border: 1px solid #e7ebf2;
  border-radius: 14px;
  box-shadow: 0 7px 22px rgba(17, 38, 72, 0.08);
  color: var(--reply-ink);
  scroll-margin-top: 24px;
}

.reply-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.reply-panel__title {
  margin: 0 0 3px;
  color: var(--reply-ink);
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.25;
}

.reply-panel__subtitle {
  margin: 0;
  color: var(--reply-muted);
  font-family: "Satoshi-Medium", sans-serif;
  font-size: 15px;
}

.reply-view-actions {
  display: flex;
  gap: 14px;
  flex-shrink: 0;
}

.reply-view-button {
  display: grid;
  width: 50px;
  height: 44px;
  padding: 0;
  place-items: center;
  background: #fff;
  border: 1px solid #b9c4d7;
  border-radius: 8px;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.reply-view-button:hover,
.reply-view-button.is-active {
  background: #f5f8fc;
  border-color: #8fa0bb;
}

.reply-view-button img {
  width: 25px;
  height: 25px;
}

.reply-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.reply-channel-card,
.reply-donut-card,
.reply-kpi-card,
.reply-bar-card {
  background: #fff;
  border: 1px solid #dce3ee;
  border-radius: 10px;
}

.reply-channel-card {
  min-width: 0;
  min-height: 0;
  padding: 14px 12px 12px;
  border-left-width: 4px;
  box-shadow: 0 2px 7px rgba(31, 55, 88, 0.05);
}

.reply-channel-card--messages {
  border-left-color: #1683f8;
}

.reply-channel-card--slack {
  border-left-color: #7447cc;
}

.reply-channel-card--chat {
  border-left-color: #0f9d58;
}

.reply-card-heading,
.reply-bar-title {
  display: flex;
  align-items: center;
  gap: 11px;
}

.reply-card-heading h3,
.reply-bar-title h3,
.reply-kpi-card h3 {
  margin: 0;
  color: var(--reply-ink);
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.reply-card-heading h3 {
  color: #0871dc;
  font-size: 17px;
}

.reply-channel-card--slack .reply-card-heading h3 {
  color: #5a36af;
}

.reply-channel-card--chat .reply-card-heading h3 {
  color: #0f9d58;
}

.reply-icon-bubble {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  border-radius: 12px;
}

.reply-icon-bubble img {
  width: 24px;
  height: 24px;
}

.reply-icon-bubble--blue {
  background: #e8f2ff;
}

.reply-icon-bubble--purple {
  background: #f0ebfb;
}

.reply-icon-bubble--green {
  background: #e3f6ea;
}

.reply-channel-content {
  display: grid;
  grid-template-columns: minmax(140px, 0.7fr) minmax(0, 2.3fr);
  align-items: center;
  gap: 16px;
  margin-top: 14px;
}

.reply-donut {
  position: relative;
  width: min(100%, 162px);
  aspect-ratio: 1;
  margin: 0 auto;
  border-radius: 50%;
}

.reply-donut::after {
  position: absolute;
  inset: 24px;
  content: "";
  background: #fff;
  border-radius: 50%;
}

.reply-donut__center {
  position: absolute;
  z-index: 1;
  inset: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.reply-donut__center strong {
  font-size: 24px;
  line-height: 1;
}

.reply-donut__center span {
  margin-top: 5px;
  color: var(--reply-muted);
  font-size: 11px;
  line-height: 1.3;
}

.reply-status-panels {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 8px;
}

.reply-status-block {
  padding: 8px 12px;
  background: #fafbfc;
  border: 1px solid #eef1f5;
  border-radius: 10px;
}

.reply-status-block__title {
  margin: 0 0 4px;
  color: #0c1224;
  font-size: 12.5px;
  font-weight: 700;
}

.reply-legend-list {
  display: flex;
  flex-direction: column;
}

.reply-legend-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}

.reply-legend-row + .reply-legend-row {
  border-top: 1px solid #eef1f5;
}

.reply-legend-dot {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
}

.reply-legend-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: #1f2937;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.reply-legend-value {
  flex: 0 0 auto;
  color: #0c1224;
  font-size: 13px;
  font-weight: 700;
}

.reply-avg-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.reply-avg-item {
  min-width: 0;
}

.reply-avg-item__label {
  display: flex;
  overflow: hidden;
  align-items: center;
  gap: 5px;
  color: #6b7280;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.reply-avg-item strong {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  font-weight: 700;
}

.reply-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 12px;
}

.reply-kpi-card {
  --kpi-color: #179c58;
  --kpi-soft: #eff9f2;
  display: flex;
  min-height: 275px;
  padding: 18px 12px 13px;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.reply-kpi-card--red {
  --kpi-color: #e52d37;
  --kpi-soft: #fff0f2;
}

.reply-kpi-card--teal {
  --kpi-color: #07989d;
  --kpi-soft: #edf8f8;
}

.reply-kpi-card--orange {
  --kpi-color: #fb8900;
  --kpi-soft: #fff6e9;
}

.reply-kpi-icon {
  display: grid;
  width: 56px;
  height: 56px;
  margin-bottom: 15px;
  place-items: center;
  background: var(--kpi-soft);
  border-radius: 50%;
}

.reply-kpi-icon img {
  width: 30px;
  height: 30px;
}

.reply-kpi-card--green .reply-kpi-icon img {
  filter: invert(48%) sepia(71%) saturate(625%) hue-rotate(99deg) brightness(84%);
}

.reply-kpi-card--red .reply-kpi-icon img {
  filter: invert(24%) sepia(83%) saturate(2908%) hue-rotate(341deg) brightness(101%);
}

.reply-kpi-card h3 {
  min-height: 36px;
  font-size: 14px;
}

.reply-kpi-card > strong {
  margin-top: 4px;
  color: var(--kpi-color);
  font-size: 39px;
  line-height: 1;
}

.reply-kpi-card > p {
  margin: 9px 0 21px;
  color: #34425f;
  font-size: 16px;
}

.reply-status-pill {
  display: inline-flex;
  width: 100%;
  min-height: 42px;
  margin-top: auto;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #149447;
  background: #edf8ef;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
}

.reply-status-pill.is-late {
  color: #df2832;
  background: #fff0f2;
}

.reply-kpi-card--teal .reply-status-pill {
  color: #078f98;
  background: #edf8f8;
}

.reply-kpi-card--orange .reply-status-pill {
  color: #ed7200;
  background: #fff5e6;
}

.reply-status-pill img {
  width: 20px;
  height: 20px;
}

.reply-breakdown-panel {
  padding-bottom: 22px;
}

.reply-bar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.reply-bar-card {
  padding: 10px 14px 14px;
}

.reply-bar-title .reply-icon-bubble {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  border-radius: 9px;
}

.reply-bar-title .reply-icon-bubble img {
  width: 21px;
  height: 21px;
}

.reply-bar-title h3 {
  font-size: 15px;
}

.reply-bar-chart {
  margin-top: 14px;
}

.reply-bar-row {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 10px;
  min-height: 46px;
}

.reply-bar-label {
  color: #34425f;
  font-size: 14px;
  text-align: right;
}

.reply-bar-track {
  position: relative;
  height: 46px;
  border-left: 1px solid #cdd6e4;
  border-bottom: 1px solid #cdd6e4;
  background-image: linear-gradient(
    to right,
    transparent calc(100% - 1px),
    #d6dfeb calc(100% - 1px)
  );
  background-size: calc(100% / var(--grid-divisions)) 100%;
}

.reply-bar-fill {
  position: absolute;
  top: 12px;
  left: 0;
  height: 22px;
  min-width: 0;
  border-radius: 2px;
  transition: width 0.35s ease;
}

.reply-bar-row > strong {
  color: #111827;
  font-size: 14px;
}

.reply-axis {
  display: flex;
  margin-top: 4px;
  margin-right: 44px;
  justify-content: space-between;
  color: #34425f;
  font-size: 12px;
}

.reply-table-wrap {
  margin-top: 13px;
  overflow-x: auto;
  border: 1px solid #dce3ee;
  border-radius: 8px;
}

.reply-breakdown-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  color: #111827;
  font-size: 14px;
}

.reply-comparison-table {
  min-width: 1240px;
}

.reply-breakdown-table th,
.reply-breakdown-table td {
  height: 42px;
  padding: 6px 14px;
  border-right: 1px solid #dce3ee;
  border-bottom: 1px solid #dce3ee;
  vertical-align: middle;
}

.reply-breakdown-table th:last-child,
.reply-breakdown-table td:last-child {
  border-right: 0;
}

.reply-breakdown-table tbody tr:last-child td {
  border-bottom: 0;
}

.reply-breakdown-table th {
  background: #fafbfc;
  font-weight: 700;
}

.reply-comparison-table thead tr:first-child th {
  height: 36px;
}

.reply-table-group--messages {
  color: #0969e8;
}

.reply-table-group--slack {
  color: #6125ad;
}

.reply-table-group--chat {
  color: #0f9d58;
}

.reply-table-slack-start {
  border-left: 2px solid #bdc7d8 !important;
}

.reply-breakdown-table th:not(:first-child),
.reply-breakdown-table td:not(:first-child) {
  text-align: center;
}

.reply-breakdown-table td:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
}

.reply-status-dot {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  border-radius: 50%;
}

.reply-table-icon {
  display: grid;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  place-items: center;
  background: #ecf8ef;
  border-radius: 7px;
}

.reply-table-icon--red {
  background: #fff0f2;
}

.reply-table-icon--teal {
  background: #edf8f8;
}

.reply-table-icon--orange {
  background: #fff5e6;
}

.reply-table-icon img {
  width: 17px;
  height: 17px;
}

.reply-status-pill--table {
  width: 120px;
  min-height: 30px;
  padding: 3px 12px;
}

.reply-status-pill--table img {
  width: 18px;
  height: 18px;
}

@media (max-width: 1450px) {
  .reply-summary-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .reply-bar-grid {
    grid-template-columns: 1fr;
  }

  .reply-channel-card--messages,
  .reply-channel-card--slack,
  .reply-channel-card--chat {
    border-radius: 10px;
  }

  .reply-channel-card {
    min-height: 0;
  }

  .reply-channel-content {
    grid-template-columns: minmax(150px, 0.5fr) minmax(0, 1.5fr);
    gap: 20px;
    margin-top: 18px;
  }

  .reply-donut {
    width: min(100%, 174px);
  }

  .reply-donut::after {
    inset: 26px;
  }

  .reply-donut__center {
    inset: 28px;
  }

  .reply-donut__center strong {
    font-size: 29px;
  }

  .reply-donut__center span {
    margin-top: 7px;
    font-size: 13px;
  }
}

@media (max-width: 991px) {
  .reply-summary-grid,
  .reply-bar-grid,
  .reply-channel-content {
    grid-template-columns: 1fr;
  }

  .reply-donut {
    width: min(100%, 190px);
    height: auto;
    max-width: 190px;
  }
}

@media (max-width: 575px) {
  .reply-panel {
    padding: 18px 14px;
  }

  .reply-panel__header {
    align-items: center;
  }

  .reply-panel__title {
    font-size: 20px;
  }

  .reply-panel__subtitle {
    font-size: 13px;
  }

  .reply-view-button {
    width: 40px;
    height: 38px;
  }

  .reply-summary-grid,
  .reply-kpi-grid {
    grid-template-columns: 1fr;
  }

  .reply-avg-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 10px;
  }
}

.booking-table td .table-col-bold {
  padding: 0;
}

/* // Staff Report Settings */

.staff-threshold-header {
  align-items: flex-start;
  margin-bottom: 18px;
}

.staff-threshold-title {
  margin: 0;
  color: #0c1224;
  font-size: 18px;
  font-weight: 700;
}

.staff-threshold-subtitle {
  margin: 4px 0 0;
  color: #6b7280;
  font-size: 13px;
}

.staff-threshold-reset {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: auto;
  padding: 9px 16px;
  color: var(--color-primary) !important;
  font-size: 13px;
  border-color: color-mix(in srgb, var(--color-primary) 35%, #e5e7eb);
}

.staff-threshold-reset-icon {
  display: inline-block;
  width: 15px;
  height: 16px;
  flex: 0 0 auto;
  background-color: var(--color-primary);
  -webkit-mask: url(/assets/images/svg/refresh-Icon.svg) center / contain no-repeat;
  mask: url(/assets/images/svg/refresh-Icon.svg) center / contain no-repeat;
}

.staff-threshold-dot {
  display: inline-block;
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.staff-threshold-status-name {
  color: #0c1224;
  font-weight: 600;
}

.staff-threshold-spinner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: #fff;
  border: 1px solid #dbe1ea;
  border-radius: 8px;
  transition: border-color 0.15s ease;
}

.staff-threshold-spinner input {
  width: 64px;
  padding: 0;
  color: #0c1224;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background: transparent;
  border: none;
  outline: none;
}

.staff-threshold-spinner span {
  color: #9aa5b1;
  font-size: 12px;
  font-weight: 600;
}

.staff-threshold-spinner--readonly {
  background: #f4f5f7;
}

.staff-threshold-spinner--readonly input {
  color: #6b7280;
}

.staff-threshold-spinner.is-editing {
  background: #fff;
  border-color: var(--color-primary);
}

.staff-threshold-spinner.is-invalid {
  border-color: #e00000;
}

.staff-threshold-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 999px;
}

.staff-threshold-desc {
  color: #6b7280;
  font-size: 13px;
}

.staff-threshold-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: #fff;
  border: 1px solid color-mix(in srgb, var(--color-primary) 30%, #e5e7eb);
  border-radius: 8px;
  cursor: pointer;
}

.staff-threshold-action-btn.is-editing {
  border-color: #078c2f;
  background: #eff9f1;
}

.staff-threshold-action-none {
  color: #c6cdd6;
}

.staff-threshold-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 16px;
  padding: 12px 16px;
  color: black;
  font-size: 13px;
  background: color-mix(in srgb, var(--color-primary) 8%, #fff);
  border: 1px solid color-mix(in srgb, var(--color-primary) 18%, #e5e7eb);
  border-radius: 10px;
}

.staff-threshold-note img {
  flex: 0 0 auto;
  margin-top: 1px;
}
.staff-daily-report {
  --navy: #032833;
  --green: #70bd57;
  --amber: #bd7207;
  --ink: #092d3b;
  --muted: #69808b;
  --line: #d4e1e4;
  max-width: 1160px;
  margin: 0 auto;
  color: var(--ink);
  font-family: HelveticaCustom, Arial, sans-serif;
}

.staff-daily-report__header {
  background: var(--navy);
  border-bottom: 4px solid var(--green);
  color: #fff;
  border-radius: 14px 14px 0 0;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.staff-daily-report__eyebrow {
  margin: 0 0 3px;
  color: var(--green);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.staff-daily-report h1 {
  font-size: 23px;
  margin: 0;
  font-weight: 700;
}

.staff-daily-report__subtitle {
  margin: 5px 0 0;
  color: #b7cbd0;
  font-size: 13px;
}

.staff-daily-report__date {
  border: 1px solid #31515b;
  border-radius: 8px;
  padding: 7px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #b7cbd0;
  font-size: 12px;
}

.staff-daily-report__date input {
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: 700;
  color-scheme: dark;
}

.staff-daily-report__progress {
  background: #fff;
  border: 1px solid var(--line);
  padding: 12px 28px 15px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  font-size: 13px;
}

.staff-daily-report__progress-track {
  grid-column: 1 / -1;
  height: 7px;
  background: #dce7e9;
  border-radius: 99px;
  overflow: hidden;
}

.staff-daily-report__progress-track span {
  height: 100%;
  display: block;
  background: var(--green);
  border-radius: inherit;
  transition: width 0.2s ease;
}

.staff-daily-report__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 24px;
  padding: 24px;
  border-radius: 0 0 14px 14px;
}

.staff-daily-report__timeline {
  position: relative;
}

.staff-daily-report__timeline::before {
  content: "";
  position: absolute;
  left: 84px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  background: #d3e0e3;
}

.staff-daily-report__step {
  display: grid;
  grid-template-columns: 68px 32px 1fr;
  column-gap: 0;
  position: relative;
  margin-bottom: 12px;
}

.staff-daily-report__time {
  text-align: right;
  padding: 13px 12px 0 0;
  font-size: 12px;
  color: #52707b;
}

.staff-daily-report__time strong {
  color: var(--ink);
  display: block;
  font-size: 16px;
}

.staff-daily-report__time span {
  font-size: 11px;
}

.staff-daily-report__dot {
  background: var(--amber);
  border: 3px solid #f2f7f8;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  margin: 17px auto 0;
  z-index: 1;
}

.staff-daily-report__card {
  background: #fff4df;
  border: 1px solid #ead7b4;
  border-left: 4px solid var(--amber);
  padding: 13px 15px;
  border-radius: 10px;
}

.staff-daily-report__card-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.staff-daily-report h2 {
  font-size: 16px;
  margin: 0;
  font-weight: 700;
}

.staff-daily-report__overdue {
  margin-left: auto;
  background: var(--amber);
  color: #fff;
  font-size: 10px;
  padding: 5px 8px;
  border-radius: 5px;
  font-weight: 700;
}

.staff-daily-report__tasks {
  padding: 10px 0 0 26px;
  display: grid;
  gap: 8px;
}

.staff-daily-report__task {
  background: none;
  border: 0;
  color: var(--ink);
  cursor: pointer;
  padding: 0;
  text-align: left;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font: inherit;
  font-size: 13px;
  line-height: 1.35;
}

.staff-daily-report__check {
  height: 17px;
  width: 17px;
  min-width: 17px;
  border: 1px solid #b8c9ce;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(8, 45, 59, 0.04);
  padding: 0;
  cursor: pointer;
  position: relative;
}

.staff-daily-report__check.checked {
  background: #7fbe74;
  border-color: #7fbe74;
}

.staff-daily-report__check.checked::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 4px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
  left: 3px;
  top: 4px;
}

.staff-daily-report .complete {
  color: #82949a;
  text-decoration: line-through;
}

.staff-daily-report__step--break .staff-daily-report__card {
  background: #edf4f5;
  border-color: #d2e0e3;
  border-left-color: #9cb7bd;
}

.staff-daily-report__step--break .staff-daily-report__dot {
  background: #fff;
  border-color: #77949d;
}

.staff-daily-report__ongoing {
  background: var(--navy);
  border-radius: 12px;
  color: #dbe7e9;
  padding: 18px 16px;
  align-self: start;
}

.staff-daily-report__ongoing h2 {
  color: var(--green);
}

.staff-daily-report__ongoing > p {
  color: #a9bec4;
  font-size: 12px;
  line-height: 1.45;
  margin: 7px 0 12px;
}

.staff-daily-report__ongoing-task {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 13px 0;
  border-top: 1px solid #254852;
}

.staff-daily-report__ongoing-task strong {
  display: block;
  color: #eef5f6;
  font-size: 13px;
  line-height: 1.35;
}

.staff-daily-report__ongoing-task span {
  color: #9fb6bd;
  font-size: 11px;
  display: block;
  margin-top: 5px;
}

.staff-daily-report__header-fields {
  display: flex;
  gap: 10px;
}

.staff-daily-report__date {
  min-width: 205px;
}

.staff-daily-report__date input {
  width: 100%;
  min-width: 0;
  outline: 0;
}

.staff-daily-report__progress {
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 8px 20px;
}

.staff-daily-report__progress-track {
  grid-column: 1 / 2;
}

.staff-daily-report__actions {
  grid-row: 1 / 3;
  grid-column: 3;
  display: flex;
  gap: 9px;
}

.staff-daily-report__action--primary {
  background: #58b443;
  border-color: #58b443;
  color: #fff;
}

.staff-daily-report__layout {
  padding-bottom: 12px;
  border-radius: 0;
}

.staff-daily-report__tasks {
  padding-left: 0;
}

.staff-daily-report__task {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  column-gap: 9px;
  align-items: start;
}

.staff-daily-report__footer {
  background: #f2f7f8;
  padding: 0 24px 28px;
  border-radius: 0 0 14px 14px;
}

.staff-daily-report__add-step {
  width: calc(100% - 334px);
  border: 1px dashed #cbdde1;
  border-top: 2px dashed var(--green);
  border-radius: 8px;
  height: 48px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.staff-daily-report__add-step span {
  position: absolute;
  top: -13px;
  left: 34px;
  color: #359d29;
  font-size: 11px;
  background: #f2f7f8;
  padding: 0 5px;
}

.staff-daily-report__add-step button {
  border: 0;
  background: transparent;
  color: #486d7a;
  font: inherit;
  font-size: 13px;
}

.staff-daily-report__incidents-heading {
  padding-bottom: 12px;
  border-bottom: 2px solid var(--ink);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.staff-daily-report__incidents-heading > div {
  display: flex;
  gap: 12px;
  align-items: baseline;
}

.staff-daily-report__incidents-heading span {
  color: #587684;
  font-size: 12px;
}

.staff-daily-report__incidents-empty {
  border: 1px dashed #d2e0e3;
  border-radius: 9px;
  margin-top: 16px;
  padding: 24px;
  color: #486d7a;
  font-size: 13px;
  text-align: center;
}

.staff-daily-report__card--complete {
  background: #fff;
  border-color: #d7e1e4;
  border-left-color: #76b36b;
}

.staff-daily-report__card--complete + * {
  color: inherit;
}

.staff-daily-report__card--complete .staff-daily-report__check.checked {
  background: #7dbc71;
  border-color: #7dbc71;
}

.staff-daily-report__card--complete .staff-daily-report__task {
  color: #3f5d68;
}

.staff-daily-report__step:has(.staff-daily-report__card--complete) .staff-daily-report__dot {
  background: #5fa854;
}

.staff-daily-report__completed-by {
  border-top: 1px dashed #d6e1e3;
  color: #718c96;
  font-size: 12px;
  margin: 13px 0 0;
  padding-top: 11px;
}

.staff-daily-report__completed-by strong {
  color: #5fa854;
  font-weight: 700;
}

.staff-daily-report__card-actions {
  display: flex;
  gap: 14px;
  margin-left: auto;
  opacity: 1;
}
.staff-daily-report__card-actions button {
  border: 0;
  background: transparent;
  color: #476d7a;
  padding: 0;
  font: inherit;
  font-size: 12px;
}
.staff-daily-report__card-actions .staff-daily-report__delete {
  color: #b72d28;
}
.staff-daily-report__modal-backdrop {
  position: fixed;
  z-index: 2000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(1, 34, 44, 0.56);
}
.staff-daily-report__modal {
  width: min(520px, 100%);
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24);
}
.staff-daily-report__modal > header {
  background: var(--color-white);
  color: var(--color-black);
  padding: 17px 20px;
  font-weight: 700;
  font-size: 16px;
}
.staff-daily-report__modal-body {
  padding: 18px 20px 24px;
  display: grid;
  gap: 13px;
}
.staff-daily-report__modal label {
  display: grid;
  gap: 6px;
  color: #58717c;
  font-size: 13px;
  font-weight: 600;
}
.staff-daily-report__modal input,
.staff-daily-report__modal select,
.staff-daily-report__modal textarea {
  width: 100%;
  border: 1px solid #d1dfe2;
  border-radius: 9px;
  color: #102d39;
  background: #fff;
  padding: 10px 12px;
  outline: 0;
  font:
    15px HelveticaCustom,
    Arial,
    sans-serif;
}
.staff-daily-report__modal textarea {
  min-height: 104px;
  resize: vertical;
  line-height: 1.42;
}
.staff-daily-report__modal textarea:focus,
.staff-daily-report__modal input:focus,
.staff-daily-report__modal select:focus {
  border-color: #57b544;
  box-shadow: 0 0 0 2px rgba(87, 181, 68, 0.18);
}
.staff-daily-report__modal-times {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.staff-daily-report__modal > footer {
  background: #fbfcfc;
  padding: 12px 20px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 9px;
}

.staff-daily-report__modal > footer .staff-daily-report__delete {
  border-color: #efc7c5;
  color: #b72d28;
  justify-self: start;
}
.staff-daily-report__card-title {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) 88px auto;
  column-gap: 10px;
}
.staff-daily-report__card-title h2 {
  min-width: 0;
}
.staff-daily-report__card-title .staff-daily-report__overdue {
  grid-column: 3;
  justify-self: start;
  margin-left: 0;
}
.staff-daily-report__card-title .staff-daily-report__card-actions {
  grid-column: 4;
  margin-left: 0;
}
.staff-daily-report__ongoing-log {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 7px;
}
.staff-daily-report__ongoing-log button {
  border: 1px solid #47737d;
  border-radius: 6px;
  background: transparent;
  color: #eef5f6;
  padding: 4px 9px;
  font:
    600 11px HelveticaCustom,
    Arial,
    sans-serif;
}
.staff-daily-report__ongoing-log span {
  margin: 0;
  color: #79bb69;
  background: rgba(112, 189, 87, 0.16);
  border-radius: 12px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 700;
}
.staff-daily-report__ongoing-log span + em {
  color: #a9bec4;
  font-size: 11px;
  font-style: normal;
}
.staff-daily-report__add-ongoing {
  width: 100%;
  margin-top: 13px;
  border: 1px dashed #47737d;
  border-radius: 8px;
  background: transparent;
  color: #85d176;
  padding: 10px;
  font:
    700 13px HelveticaCustom,
    Arial,
    sans-serif;
}

@media (max-width: 850px) {
  .staff-daily-report__layout {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .staff-daily-report__ongoing {
    order: -1;
  }

  .staff-daily-report__header {
    padding: 18px;
  }

  .staff-daily-report__timeline::before {
    left: 67px;
  }

  .staff-daily-report__step {
    grid-template-columns: 55px 25px 1fr;
  }

  .staff-daily-report__time strong {
    font-size: 13px;
  }

  .staff-daily-report__time {
    padding-right: 6px;
  }

  .staff-daily-report__tasks {
    padding-left: 0;
  }
}

@media (max-width: 560px) {
  .staff-daily-report__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .staff-daily-report__progress {
    padding: 12px 16px;
  }

  .staff-daily-report__layout {
    margin: 0 -12px;
    border-radius: 0;
  }

  .staff-daily-report__step {
    grid-template-columns: 45px 20px 1fr;
  }

  .staff-daily-report__timeline::before {
    left: 55px;
  }

  .staff-daily-report__time {
    font-size: 10px;
  }

  .staff-daily-report__time strong {
    font-size: 12px;
  }

  .staff-daily-report__card {
    padding: 11px;
  }

  .staff-daily-report h2 {
    font-size: 14px;
  }

  .staff-daily-report__task {
    font-size: 12px;
  }
}

@media (max-width: 850px) {
  .staff-daily-report__progress {
    grid-template-columns: 1fr auto;
  }

  .staff-daily-report__actions {
    grid-row: auto;
    grid-column: 1 / -1;
    flex-wrap: wrap;
  }

  .staff-daily-report__progress-track {
    grid-column: 1 / -1;
  }

  .staff-daily-report__add-step {
    width: calc(100% - 100px);
  }

  .staff-daily-report__footer {
    padding: 0 16px 22px;
  }
}

@media (max-width: 560px) {
  .staff-daily-report__header-fields {
    width: 100%;
    flex-direction: column;
  }

  .staff-daily-report__date {
    width: 100%;
  }

  .staff-daily-report__add-step {
    width: 100%;
    margin-left: 0;
  }

  .staff-daily-report__incidents-heading,
  .staff-daily-report__incidents-heading > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .staff-daily-report__incidents-heading {
    margin-top: 40px;
  }
}
.utilization-filter-button {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 14px;
    border-radius: 8px;
    border: 1px solid oklch(0.88 0.006 240);
    background: oklch(0.95 0.004 240);
    font-size: 13px;
    font-weight: 600;
    color: oklch(0.3 0.012 240);
    cursor: pointer;
}

.capacity-export-dropdown {
    padding: 5px 15px;
    border-radius: 9px;
    background: var(--color-dark-primary-green);
    color: var(--color-white);
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--color-dark-forest-green) 0px 4px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: none;
}
.custom-date-range :deep(.dp__input) {
    min-height: 45px !important;
    width: 200px !important;
}

.capacity-utilization-select-fields {
    font-family: "anthropic-sans-light", sans-serif;
    width: 100%;
    padding: 7px 9px;
    border: 1px solid rgb(226, 232, 240);
    border-radius: 6px;
    font-size: 13px;
    height: 32px;
    -webkit-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
    -moz-box-shadow: 0px 1px 2px 0px var(--color-shadow-deep);
}

.capacity-apply-button {
    padding: 9px 18px;
    border-radius: 8px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    background: var(--color-dark-primary-green);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.capacity-utilization-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    width: 100%;
}

.capacity-utilization-col {
    width: 100%;
}

.capacity-utilization-select-fields {
    width: 100%;
}

.records-detail-text {
    font-size: 13px;
    color: oklch(0.52 0.012 240);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.capacity-stat-cards {
    background: rgb(255, 255, 255);
    border: 1px solid oklch(0.92 0.006 240);
    border-radius: 12px;
    padding: 16px 18px;
    box-shadow: oklch(0.2 0.02 240 / 0.04) 0px 1px 2px;
    width: 100%;
}

.capacity-stat-cards-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    width: 100%;
}

.capacity-stat-card-label {
    font-size: 12px;
    font-weight: 600;
    color: oklch(0.52 0.012 240);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.capacity-stat-card-value {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.capacity-stat-card-desc {
    font-size: 12px;
    color: oklch(0.52 0.012 240);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.capacity-stat-card-change {
    font-size: 12px;
    font-weight: 700;
    color: oklch(0.52 0.16 142);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

}

.capacity-trend-card {
    padding: 20px 22px 16px;
    border: 1px solid #dbe1e5;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.capacity-trend-header,
.capacity-trend-controls,
.capacity-period-tabs,
.capacity-metric-toggles,
.capacity-trend-footer,
.capacity-series-legend,
.capacity-threshold-legend {
    display: flex;
    align-items: center;
}

.capacity-trend-header {
    justify-content: space-between;
    gap: 20px;
}

.capacity-trend-title {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    color: #0d1117;
}

.capacity-trend-controls {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.capacity-period-tabs,
.capacity-metric-toggles {
    gap: 8px;
}

.capacity-period-tab,
.capacity-metric-toggle {
    border: 1px solid #d6dde3;
    background: #fff;
    color: #111827;
    border-radius: 9px;
    min-height: 28px;
    padding: 4px 13px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: opacity 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

.capacity-period-tab.active {
    border-color: #0b1720;
    background: #0b1720;
    color: #fff;
}

.capacity-controls-divider {
    width: 1px;
    height: 24px;
    background: #d9dee3;
}

.capacity-metric-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-color: transparent;
    border-radius: 999px;
    padding-inline: 11px;
    background: #e8f3fb;
}

.capacity-metric-toggle:first-child {
    border-color: #d7dde2;
    background: #fff;
}

.capacity-metric-toggle:not(.active) {
    opacity: 0.42;
}

.capacity-metric-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.capacity-trend-chart-wrap {
    position: relative;
    height: 280px;
    margin-top: 12px;
}

.capacity-trend-chart-wrap canvas {
    width: 100% !important;
    height: 100% !important;
}

.capacity-trend-footer {
    justify-content: space-between;
    gap: 20px;
    padding-top: 18px;
    color: #667085;
    font-size: 12px;
}

.capacity-series-legend,
.capacity-threshold-legend {
    gap: 20px;
}

.capacity-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.capacity-legend-item.muted {
    opacity: 0.4;
}

.capacity-legend-line,
.capacity-threshold-line {
    width: 10px;
    height: 2px;
    flex: 0 0 auto;
}

.capacity-threshold-line.low {
    background: #99a2aa;
}

.capacity-threshold-line.target {
    background: #64748b;
}

.capacity-detail-grid {
    display: grid;
    grid-template-columns: minmax(300px, 0.38fr) minmax(520px, 1fr);
    gap: 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.capacity-panel,
.capacity-attention-panel {
    border: 1px solid #dbe1e5;
    border-radius: 14px;
    background: #fff;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.capacity-panel {
    padding: 18px 20px;
}

.capacity-section-title {
    margin: 0;
    color: #0e1116;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

.capacity-section-subtitle {
    margin: 2px 0 0;
    color: #596575;
    font-size: 11px;
    line-height: 1.35;
}

.fleet-distribution-content {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 14px;
}

.fleet-donut {
    position: relative;
    width: 122px;
    height: 122px;
    flex: 0 0 122px;
    border-radius: 50%;
    background: conic-gradient(#cf2634 0 12%,
            #858b8f 12% 32%,
            #ca8200 32% 60%,
            #218529 60% 100%);
}

.fleet-donut::after {
    position: absolute;
    inset: 15px;
    border-radius: 50%;
    background: #fff;
    content: '';
}

.fleet-donut-center {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #5e6875;
    font-size: 10px;
}

.fleet-donut-center strong {
    color: #111827;
    font-size: 23px;
    line-height: 1;
}

.fleet-distribution-legend {
    display: grid;
    flex: 1;
    gap: 7px;
}

.fleet-legend-row {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) 24px 35px;
    align-items: center;
    gap: 7px;
    color: #0f1720;
    font-size: 12px;
    line-height: 1.1;
}

.fleet-legend-label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fleet-legend-swatch {
    width: 9px;
    height: 9px;
    border-radius: 2px;
    flex: 0 0 auto;
}

.fleet-legend-row strong {
    text-align: center;
}

.fleet-legend-row>span:last-child {
    color: #657180;
    text-align: right;
}

.capacity-attention-panel {
    padding: 18px 20px;
    border-color: #ffaca5;
    background: #fff1ef;
}

.capacity-attention-heading .capacity-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9f0011;
}

.capacity-attention-heading p {
    margin: 3px 0 12px;
    color: #9f2e2a;
    font-size: 11px;
}

.capacity-alert-list {
    display: grid;
    gap: 9px;
}

.capacity-alert-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 52px;
    padding: 9px 13px;
    border: 1px solid #ffb6af;
    border-radius: 9px;
    background: #fff;
}

.capacity-alert-copy {
    min-width: 0;
}

.capacity-alert-copy h3,
.underutilized-vehicle-card h3 {
    margin: 0;
    color: #111827;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.capacity-alert-copy p,
.underutilized-vehicle-card p {
    margin: 1px 0 0;
    color: #5e6978;
    font-size: 10.5px;
    line-height: 1.3;
}

.capacity-alert-copy strong {
    color: #b00016;
}

.capacity-alert-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.capacity-outline-button,
.capacity-dark-button {
    min-height: 28px;
    padding: 4px 12px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.capacity-outline-button {
    border: 1px solid #cad3da;
    background: #fff;
    color: #0f1720;
}

.capacity-dark-button {
    border: 1px solid #273846;
    background: #273846;
    color: #fff;
}

.vehicle-type-panel {
    padding-bottom: 16px;
}

.vehicle-type-list {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.vehicle-type-row {
    display: grid;
    grid-template-columns: 95px minmax(160px, 1fr) 50px 48px;
    align-items: center;
    gap: 14px;
    min-height: 24px;
    font-size: 11px;
}

.vehicle-type-name {
    color: #111827;
    font-weight: 500;
}

.vehicle-utilization-track {
    height: 11px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8ebee;
}

.vehicle-utilization-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #23842a;
}

.vehicle-utilization-fill.warning {
    background: #cb8300;
}

.vehicle-utilization-value {
    color: #14751a;
    text-align: right;
}

.vehicle-utilization-value.warning {
    color: #c37500;
}

.vehicle-type-count {
    color: #607080;
    text-align: right;
    line-height: 1.15;
}

.underutilized-panel {
    padding-bottom: 18px;
}

.underutilized-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.underutilized-sort-select {
    min-width: 194px;
    height: 32px;
    padding: 4px 34px 4px 11px;
    border: 1px solid #d2d9df;
    border-radius: 8px;
    background-color: #fff;
    color: #111827;
    font-size: 11px;
    font-weight: 500;
}

.underutilized-card-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.underutilized-vehicle-card {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #d6dde2;
    border-radius: 11px;
    background: #fff;
}

.underutilized-card-top,
.underutilized-card-values {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
}

.underutilized-card-top>div {
    min-width: 0;
}

.vehicle-sparkline {
    width: 88px;
    height: 24px;
    flex: 0 1 88px;
    color: #7c858b;
}

.underutilized-card-values {
    margin-top: 9px;
    color: #657180;
}

.underutilized-card-values strong {
    font-size: 18px;
    line-height: 1;
}

.underutilized-card-values span {
    font-size: 10px;
    white-space: nowrap;
}

.capacity-performance-panel {
    padding: 0;
    overflow: hidden;
}

.capacity-performance-heading,
.capacity-table-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-inline: 20px;
}

.capacity-performance-heading {
    padding-top: 18px;
}

.capacity-level-legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    color: #5e6978;
    font-size: 9.5px;
}

.capacity-level-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.capacity-level-dot {
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.capacity-level-dot.low {
    background: #7c8489;
}

.capacity-level-dot.medium {
    background: #ca8200;
}

.capacity-level-dot.high {
    background: #218529;
}

.capacity-level-dot.over {
    background: #d32938;
}

.capacity-table-tools {
    padding-top: 14px;
    padding-bottom: 12px;
}

.capacity-table-search {
    width: 288px;
    height: 34px;
    padding: 7px 12px;
    border: 1px solid #d1d8de;
    border-radius: 7px;
    color: #1f2933;
    font-size: 11px;
    outline: none;
}

.capacity-table-search:focus {
    border-color: #81909b;
    box-shadow: 0 0 0 2px rgb(39 56 70 / 10%);
}

.capacity-columns-dropdown :deep(.capacity-columns-toggle) {
    min-width: 86px;
    padding: 8px 11px;
    border: 1px solid #d1d8de;
    border-radius: 7px;
    background: #fff;
    color: #111827;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}

.capacity-columns-dropdown :deep(.capacity-columns-toggle:hover),
.capacity-columns-dropdown :deep(.capacity-columns-toggle:focus),
.capacity-columns-dropdown :deep(.capacity-columns-toggle.show) {
    border-color: #aeb9c1;
    background: #fff;
    color: #111827;
    box-shadow: none;
}

.capacity-columns-dropdown :deep(.capacity-columns-dropdown-menu) {
    width: 190px;
    min-width: 190px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #d5dce1;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 12px 28px rgb(15 23 32 / 14%);
}

.capacity-columns-options {
    display: grid;
    gap: 8px;
    padding: 12px;
}

.capacity-columns-options label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #344250;
    font-size: 11px;
    cursor: pointer;
}

.capacity-table-scroll {
    overflow-x: auto;
}

.capacity-performance-table {
    width: calc(100% - 40px);
    min-width: 1050px;
    margin: 0 20px;
    border-collapse: collapse;
    table-layout: auto;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.capacity-performance-table th {
    height: 42px;
    padding: 8px 10px;
    border-bottom: 1px solid #d5dce1;
    background: #f5f7f8;
    color: #566575;
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.capacity-performance-table td {
    height: 44px;
    padding: 7px 10px;
    border-bottom: 1px solid #e0e5e8;
    color: #41505f;
    font-size: 10.5px;
    vertical-align: middle;
    white-space: nowrap;
}

.capacity-performance-table th:first-child,
.capacity-performance-table td:first-child {
    padding-left: 10px;
}

.capacity-vehicle-id {
    color: #07121b !important;
    font-weight: 700;
}

.capacity-sort-button {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    cursor: pointer;
}

.capacity-overall-value {
    font-size: 11px;
}

.capacity-overall-value.low {
    color: #687178;
}

.capacity-overall-value.medium {
    color: #bd7400;
}

.capacity-overall-value.high {
    color: #087a13;
}

.capacity-overall-value.over {
    color: #d11f2e;
}

.capacity-status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 700;
}

.capacity-status-badge.low {
    background: #eceeef;
    color: #5f686e;
}

.capacity-status-badge.medium {
    background: #fff0cf;
    color: #9f6300;
}

.capacity-status-badge.high {
    background: #def5dc;
    color: #10821b;
}

.capacity-status-badge.over {
    background: #ffe2df;
    color: #d52632;
}

.capacity-empty-value {
    color: #8b949b;
}

.capacity-table-empty {
    height: 90px !important;
    color: #6a7580 !important;
    text-align: center;
}

.capacity-pagination-wrap :deep(> div) {
    padding: 12px 20px !important;
}

.capacity-pagination-wrap :deep(.secondary__button) {
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid #d1d8de;
    border-radius: 7px;
    color: #273846;
    font-size: 10.5px;
}

.capacity-pagination-wrap :deep(.form-select) {
    height: 30px;
    border-color: #d1d8de;
    border-radius: 7px;
    font-size: 10.5px;
}

@media (max-width: 1100px) {

    .capacity-trend-header,
    .capacity-trend-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .capacity-trend-controls {
        justify-content: flex-start;
    }

    .capacity-detail-grid {
        grid-template-columns: 1fr;
    }

    .fleet-distribution-panel {
        max-width: none;
    }

    .underutilized-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .capacity-performance-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .capacity-level-legend {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .capacity-trend-card {
        padding: 16px;
    }

    .capacity-controls-divider {
        display: none;
    }

    .capacity-trend-controls,
    .capacity-metric-toggles {
        justify-content: flex-start;
    }

    .capacity-trend-chart-wrap {
        height: 240px;
    }

    .capacity-series-legend,
    .capacity-threshold-legend {
        flex-wrap: wrap;
        gap: 12px;
    }

    .fleet-distribution-content,
    .capacity-alert-row,
    .underutilized-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .capacity-alert-actions {
        width: 100%;
    }

    .capacity-outline-button,
    .capacity-dark-button {
        flex: 1;
    }

    .vehicle-type-row {
        grid-template-columns: 82px minmax(90px, 1fr) 48px;
        gap: 9px;
    }

    .vehicle-type-count {
        display: none;
    }

    .underutilized-sort-label,
    .underutilized-sort-select {
        width: 100%;
    }

    .underutilized-card-grid {
        grid-template-columns: 1fr;
    }

    .capacity-table-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .capacity-table-search-label,
    .capacity-table-search {
        width: 100%;
    }

    .capacity-columns-dropdown :deep(.capacity-columns-toggle) {
        width: 100%;
        text-align: left;
    }

    .capacity-pagination-wrap :deep(> div),
    .capacity-pagination-wrap :deep(> div > div) {
        align-items: stretch !important;
        flex-direction: column;
    }
}
/*
 * Shared tablet layout rules.  This file is loaded after each page stylesheet
 * so the desktop experience remains unchanged above the tablet breakpoint.
 */
/* Map toolbar structure matches the original desktop flex layout. */
.map-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.map-toolbar__controls,
.map-toolbar__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.messages-inbox-toggle,
.messages-inbox-close {
  display: none;
}

@media (max-width: 768px) {
  html,
  body,
  #app {
    max-width: 100%;
    overflow-x: hidden;
  }

  .mws--page__content {
    /* Padding is included in this box, so reserve only the footer height. */
    min-height: calc(100vh - 24px);
    padding-top: 112px;
  }

  /* Keep the fixed header compact while retaining every navigation item. */
  .mws--header .mws--header__top {
    min-height: 58px;
    padding: 8px 16px;
  }

  .mws--header .mws--header__top > img {
    width: 118px;
    height: auto;
  }

  .mws--header .mws--header__top .mws--header__profile {
    gap: 4px;
  }

  .mws--header .mws--header__top .mws--header__profile li.mws-header__show-time,
  .mws--header .mws--header__top .mws--header__profile li.mws-header__show-date {
    display: none;
  }

  .mws--header .mws--header__menu {
    gap: 4px;
    padding: 7px 12px;
    scroll-padding-inline: 12px;
  }

  .mws--header .mws--header__menu li a .title,
  .mws--header .mws--header__menu li,
  .mws--header .mws--header__menu li .mws--header__sub-menu {
    font-size: 13px;
    line-height: 18px;
  }

  .mws--header .mws--header__menu li a,
  .mws--header .mws--header__menu li .mws--header__sub-menu {
    padding: 7px 8px;
  }

  .header-icons {
    width: 14px;
    max-height: 18px;
  }

  /* Page shells and headings */
  .mws-container {
    margin: 12px;
    padding: 12px;
  }

  .mws__table-spacing {
    width: 100%;
    padding: 16px 0 56px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .page-title,
  .mws--filter__heading {
    font-size: 20px;
    line-height: 28px;
  }

  /* Controls should wrap instead of forcing a page-wide horizontal scroll. */
  .header-row,
  .filter-actions,
  .table-content-panel-header,
  .table-content-group-header,
  .sales-graph-card__header,
  .route-header,
  .staff-report-header {
    flex-wrap: wrap;
    gap: 10px;
  }

  .header-row > .d-flex,
  .filter-actions > .d-flex,
  .table-content-panel-header > .d-flex,
  .table-content-group-header > .d-flex {
    min-width: 0;
    flex-wrap: wrap;
  }

  .search-container,
  .search-input {
    width: 100%;
    max-width: none;
  }

  .search-container {
    min-width: 0;
    flex: 1 1 220px;
  }

  .button__primary,
  .button__primary:disabled,
  .add-modal-btn {
    min-width: 0;
  }

  /* Native and Bootstrap table wrappers remain scrollable rather than clipped. */
  .table-responsive,
  .table-responsive-sm,
  .table-responsive-md,
  .table-responsive-lg,
  .table-content-panel,
  .mws-table-wrapper,
  .table-wrapper {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .booking-table-parent,
  .booking-table-spacing,
  .pagination-wrapper,
  .table-footer {
    max-width: 100%;
  }

  .booking-table-spacing {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .table-footer,
  .pagination-wrapper {
    flex-wrap: wrap;
    gap: 10px;
  }

  .mws__table th,
  .mws__table td {
    white-space: nowrap;
  }

  /* Side panels and dialogs must fit the visible tablet width. */
  .filter-panel {
    width: min(452px, 100vw);
    max-width: 100vw;
    padding: 24px 18px;
    border-radius: 18px 0 0 18px;
  }

  .modal-dialog {
    width: auto;
    max-width: calc(100% - 24px);
    margin: 12px auto;
  }

  .modal .modal-huge,
  .modal .modal-fullscreen {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
  }

  .modal-content {
    max-height: calc(100vh - 24px);
  }

  .modal-body {
    overflow-y: auto;
  }

  /* Common dense data layouts used by dashboard, vehicles and reports. */
  .issue-summary,
  .vehicle-summary-grid,
  .dashboard-stat-grid,
  .stats-grid,
  .staff-summary-grid,
  .staff-threshold-grid,
  .capacity-grid,
  .capacity-trend-grid,
  .underutilized-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tracking-page-wrapper .tracking-content,
  .tracking-page-wrapper .main-grid,
  .tracking-page-wrapper .content-grid {
    grid-template-columns: 1fr;
  }

  /* Map: keep tabs and controls in deliberate rows rather than competing columns. */
  .map-toolbar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 16px;
  }

  .map-toolbar__tabs .nav {
    flex-wrap: wrap;
    gap: 6px !important;
  }

  .map-toolbar__tabs .nav-link {
    padding: 9px 12px;
  }

  .map-toolbar__controls,
  .map-toolbar__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }

  .map-toolbar__controls {
    justify-content: flex-end;
  }

  .map-toolbar__actions {
    margin-left: auto;
  }

  .map-toolbar .date-picker-trigger {
    padding: 10px 14px;
  }

  .map-actions-container {
    width: min(500px, calc(100% - 24px));
    min-width: 0;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .timeline-topbar,
  .timeline-topbar .topbar-right,
  .legend-block {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .timeline-topbar .topbar-right {
    display: flex;
    width: 100%;
  }

  .legend-block {
    row-gap: 8px;
  }

  .timeline-panel {
    max-height: none;
  }

  .tl-driver-col {
    width: 170px;
    min-width: 170px;
    max-width: 170px;
  }

  /* Single route: consistent action controls and no empty fixed-height list area. */
  .route-edit-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
  }

  .route-edit-actions .button__secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    padding: 10px 8px;
    white-space: nowrap;
  }

  .single-route-list-container .list-container {
    flex: 0 1 auto;
    max-height: calc(100vh - 320px);
    overflow-y: auto;
  }

  .single-route-list-container .list__group {
    height: auto;
    min-height: 0;
  }

  .route__info__wrapper {
    display: grid;
    grid-template-columns: auto 1px minmax(0, 1fr) 1px auto;
    align-items: center;
    padding: 14px 12px;
    gap: 10px;
  }

  .route__info__subdetails {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    min-width: 0;
  }

  .route__info__wrapper .route__details {
    min-width: 0;
    gap: 6px;
  }

  .route__info__wrapper .info__title,
  .route__info__wrapper .info__text {
    white-space: nowrap;
  }

  .route__info__wrapper .info__divider {
    height: 42px;
  }

  .route__info__wrapper .info__text {
    font-size: 18px;
  }

  /* Messages: conversations become a dismissible slide-out panel on tablet. */
  .messages-page .messages-conversation-column {
    flex: 0 0 100%;
    width: 100%;
    min-height: calc(100dvh - 136px);
  }

  .messages-page .messages-inbox-column {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1060;
    width: min(360px, calc(100vw - 32px)) !important;
    height: 100dvh;
    padding: 12px;
    transform: translateX(-105%);
    transition: transform .25s ease;
  }

  .messages-page .messages-inbox-column.is-open {
    transform: translateX(0);
  }

  .messages-page .inbox-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 14px;
    overflow: hidden;
  }

  .messages-page .inbox-card .card-body {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }

  .messages-page .inbox-list {
    height: 100%;
    max-height: none;
    flex: 1 1 auto;
  }

  .messages-inbox-overlay {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(0, 0, 0, .35);
  }

  .messages-inbox-toggle,
  .messages-inbox-close {
    display: inline-grid;
    place-items: center;
    border: 0;
    cursor: pointer;
  }

  .messages-inbox-toggle {
    width: 44px;
    height: 44px;
    margin-left: 12px;
    gap: 4px;
    padding: 11px;
    border-radius: 10px;
    background: var(--color-grey-vlight);
  }

  .messages-inbox-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: var(--color-navy-deep);
  }

  .messages-inbox-close {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--color-grey-vlight);
    color: var(--color-navy-deep);
    font-size: 28px;
    line-height: 1;
  }

  .messages-page .conversation-card .card-header {
    min-height: 72px;
  }

  .messages-page .conversation-card {
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 136px);
    min-height: calc(100dvh - 136px);
  }

  .messages-page .conversation-card .card-body {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    background-image: url('/assets/images/message-bg.png');
    background-repeat: repeat;
    background-position: center;
  }

  .messages-page .conversation-card .card-body > .d-flex {
    width: 100%;
    flex: 1 1 auto;
  }

  .messages-page .conversation-card .chat-scroller {
    min-height: 0;
    flex: 1 1 auto;
  }

  .messages-page .conversation-header-row {
    padding: 16px;
  }

  .messages-page .conversation-title {
    width: auto;
    max-width: min(480px, calc(100vw - 180px));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Keep the conversation header controls visible alongside long contact names. */
  .messages-page .conversation-header-row {
    flex: 1 1 auto;
    width: auto;
    gap: 8px;
    min-width: 0;
    padding: 12px 16px;
  }

  .messages-page .messages-inbox-toggle {
    flex: 0 0 auto;
  }

  .messages-page .conversation-header-row > .d-flex:first-child {
    flex: 1 1 auto;
    min-width: 0;
  }

  .messages-page .conversation-title {
    max-width: calc(100vw - 220px);
  }

  .messages-page .conversation-actions {
    flex: 0 0 auto;
    gap: 8px;
    margin-left: auto;
  }

  .messages-page .conversation-actions .btn-group,
  .messages-page .conversation-actions .dropdown {
    display: inline-flex !important;
    flex-shrink: 0;
  }

  .messages-page .conversation-actions .vertical-dots {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 1;
  }

  .messages-page .conversation-actions .avatar {
    width: 32px !important;
    height: 32px !important;
  }

  /* Suggested replies used a desktop minimum width that overflowed tablet screens. */
  .messages-page .message-bubble-wrap--suggestion {
    align-self: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .messages-page .message-bubble.bubble-suggestion-ai {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-right: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .messages-page .message-bubble.bubble-suggestion-ai .d-flex {
    flex-wrap: wrap;
    gap: 8px;
  }

  .messages-page .message-bubble.bubble-suggestion-ai .button__approve,
  .messages-page .message-bubble.bubble-suggestion-ai .button__reject {
    flex: 1 1 180px;
    width: auto;
  }

  /* Create Invoice: preserve usable form and payment-summary widths. */
  #manage-invoice .col-lg-4,
  #manage-invoice .col-lg-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #manage-invoice .col-lg-2 {
    justify-content: flex-start !important;
  }

  .invoice-payment-summary-row > .invoice-payment-details,
  .invoice-payment-summary-row > .invoice-payment-totals {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .invoice-payment-summary-row .invoice__payment-list,
  .invoice-payment-summary-row .invoice__amount-detail {
    width: 100%;
    max-width: none;
  }

  .invoice-payment-summary-row .invoice__payment-list li:last-child {
    align-items: flex-start;
  }

  .invoice-payment-summary-row .invoice__payment-list li:last-child span:last-child {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  /* Manage Invoices: keep the heading, actions and status cards balanced on tablets. */
  .manage-invoice-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .manage-invoice-actions {
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 10px;
  }

  .manage-invoice-summary-grid > [class*="col-"] {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .manage-invoice-search-controls {
    flex-wrap: wrap;
  }

  /* Trash Bookings: give navigation/search and actions their own tablet rows. */
  .trash-bookings-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .trash-bookings-toolbar__primary {
    justify-content: flex-start !important;
    min-width: 0;
  }

  .trash-bookings-toolbar__primary .search-container {
    flex: 1 1 220px;
    min-width: 0;
  }

  .trash-bookings-toolbar__primary .search-input {
    width: 100%;
  }

  .trash-bookings-toolbar__actions {
    justify-content: flex-end !important;
    flex-wrap: wrap;
  }

  /* Capacity Utilization: prevent the six desktop cards and five filters from becoming cramped. */
  .capacity-utilization-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .capacity-utilization-row > :last-child {
    grid-column: span 3;
  }

  .capacity-stat-cards-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* Staff Report: give its date controls a dedicated, wrapping toolbar row. */
  .reply-panel__header {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .staff-report-filters {
    width: 100%;
    flex-wrap: wrap !important;
  }

  .staff-report-filters .dp__main {
    flex: 1 1 260px;
    min-width: 0;
  }

  /* Delivery Time: heading and controls need separate rows before the cards. */
  .delivery-report-toolbar__heading,
  .delivery-report-toolbar__filters {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .delivery-report-toolbar__filters {
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
  }

  .delivery-report-toolbar__filters .ms-2 {
    margin-left: 0 !important;
  }

  /* Failed Reasons uses the same date/company controls, stacked to avoid clipping. */
  .failed-reasons-toolbar__dates,
  .failed-reasons-toolbar__companies {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .failed-reasons-toolbar__dates {
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 10px;
  }

  .failed-reasons-toolbar__dates .ms-2 {
    margin-left: 0 !important;
  }

  .failed-reasons-toolbar__companies {
    margin-top: 10px;
  }
}

@media (max-width: 575px) {
  .mws--header .mws--header__top {
    padding-inline: 12px;
  }

  .mws--header .mws--header__top > img {
    width: 104px;
  }

  .mws-container {
    margin: 8px;
    padding: 10px;
  }

  .header-row > *,
  .filter-actions > *,
  .table-content-panel-header > *,
  .table-content-group-header > * {
    flex: 1 1 100%;
  }

  .button__primary,
  .button__secondary,
  .button__delete,
  .add-modal-btn,
  .invoice__section--button {
    width: 100%;
  }

  .issue-summary,
  .vehicle-summary-grid,
  .dashboard-stat-grid,
  .stats-grid,
  .staff-summary-grid,
  .staff-threshold-grid,
  .capacity-grid,
  .capacity-trend-grid,
  .underutilized-grid {
    grid-template-columns: 1fr;
  }

  .route-edit-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Loaded last so legacy page styles cannot fragment the application design system. */
body,
button,
input,
select,
textarea,
optgroup,
label,
.form-control,
.form-select,
.form-label,
.form-check-label,
.dropdown-item,
.dropdown-toggle,
.modal,
.table,
.v-select,
.vs__dropdown-menu,
.flatpickr-calendar,
  #app *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"]):not(.mws-auth__form-message):not(.mws-auth__form-signoff):not(.mws-auth__form-signoff *) {
  font-family: HelveticaCustom, Helvetica, Arial, sans-serif !important;
}

.form-control:not(.mws__input--field),
.form-select:not(.mws__select--field),
textarea.form-control,
input.form-control,
select.form-select {
  min-height: 39px;
  padding: 8.45px 13px;
  border: 1px solid var(--color-grey-light-2);
  border-radius: 0.42rem;
  background-color: var(--color-white);
  box-shadow: 0 1px 2px var(--color-shadow-deep);
  color: var(--color-black-50);
  font-size: 13.39px;
  font-weight: 400;
  line-height: 20px;
}

.form-control:not(.mws__input--field):focus,
.form-select:not(.mws__select--field):focus,
.mws__input--field:focus,
.mws__select--field:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--color-primary) 16%, transparent);
}

.form-label,
.form-check-label {
  display: inline-block;
  margin-bottom: 4px;
  color: var(--color-grey-slate);
  font-size: 13.39px;
  font-weight: 400;
  line-height: 26px;
}

.action__container__bookings .btn-utility,
.action__container__bookings .btn-utility.btn {
  display: inline-flex;
  min-height: 39px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: none;
}

/*
 * Shared multi-select behaviour
 *
 * Keep a compact single-row field until selected chips need more space. The
 * control grows naturally through three rows; additional chips remain usable
 * in the scrollable selection area instead of making filters and forms taller.
 * The #app selector deliberately keeps this rule consistent over older
 * component-level select styles.
 */
#app .v-select .vs__dropdown-toggle {
  height: auto !important;
  min-height: var(--v-select-height, 44px) !important;
  max-height: 126px !important;
  align-items: flex-start !important;
  overflow: hidden !important;
}

#app .v-select .vs__selected-options {
  display: flex !important;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap !important;
  max-height: 108px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable;
}

#app .vue-treeselect--multi .vue-treeselect__control {
  height: auto !important;
  min-height: 40px !important;
  max-height: 104px !important;
  align-items: flex-start !important;
  overflow: hidden !important;
}

#app .vue-treeselect--multi .vue-treeselect__multi-value {
  display: flex !important;
  align-content: flex-start;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  max-height: 84px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable;
}
.quotation-page {
  position: relative;
  --quote-green: var(--color-primary, #2f9b4d);
  --quote-ink: #111827;
  --quote-muted: #64748b;
  --quote-border: #d8dee7;
  min-height: calc(100vh - 120px);
  padding: 18px;
  background: #f3f5f7;
  color: var(--quote-ink);
}


.quotation-header,
.quotation-card,
.pricing-summary {
  border: 1px solid var(--quote-border);
  border-radius: 9px;
  background: #fff;
}

.quotation-header {
  display: flex;
  min-height: 72px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 12px 20px;
}

.quotation-header__identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 16px;
}

.quotation-header__identity h1 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.quotation-header__identity p {
  margin: 3px 0 0;
  overflow: hidden;
  color: var(--quote-muted);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mws-logo {
  width: 116px;
  height: 48px;
  flex: 0 0 116px;
  object-fit: contain;
  object-position: left center;
}

.draft-badge {
  display: inline-flex;
  margin-left: 8px;
  padding: 3px 7px;
  border-radius: 3px;
  background: #edf0f3;
  color: #4b5563;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  vertical-align: middle;
}

.quotation-header__customer {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 14px;
  padding-right: 4px;
}

.quotation-header__customer-info {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-end;
}

.quotation-header__customer span {
  color: var(--quote-muted);
  font-size: 12px;
}

.quotation-header__customer strong {
  max-width: 240px;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quotation-header__customer small {
  max-width: 240px;
  overflow: hidden;
  color: var(--quote-muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.company-logo {
  display: grid;
  width: 74px;
  height: 48px;
  flex: 0 0 74px;
  place-items: center;
  overflow: hidden;
  border: 1px dashed #aeb7c3;
  border-radius: 5px;
  background: #fff;
}

.company-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.company-logo--empty {
  color: var(--quote-muted);
  font-size: 16px;
  font-weight: 700;
}

.quotation-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 16px;
  margin-top: 16px;
  align-items: start;
}

.quotation-main {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.quotation-card {
  padding: 18px 20px;
}

.section-heading {
  margin-bottom: 12px;
}

.section-heading--split {
  display: flex;
  min-height: 32px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.section-heading h2,
.pricing-summary h2 {
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .025em;
}

.quotation-label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 600;
}

.required::after {
  content: ' *';
  color: #dc2626;
}

.client-toggle {
  display: flex;
  gap: 8px;
}

.client-toggle button {
  min-width: 124px;
  height: 34px;
  padding: 0 16px;
  border: 1px solid var(--quote-border);
  border-radius: 8px;
  background: #fff;
  color: var(--quote-ink);
  font-size: 13px;
  font-weight: 600;
}

.client-toggle button.active {
  border-color: var(--quote-green);
  background: var(--quote-green);
  color: #fff;
}

.client-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.1fr) minmax(240px, 1.5fr);
  gap: 16px;
  align-items: end;
}

.party-detail-chips {
  display: flex;
  min-height: 44px;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.party-detail-chips span {
  padding: 6px 10px;
  border: 1px solid #e2e7ed;
  border-radius: 5px;
  background: #f8fafc;
  font-size: 12px;
}

.route-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) 180px;
  gap: 16px;
  align-items: start;
}

.freight-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  align-items: start;
}

.route-grid>div,
.freight-grid>div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-self: start;
}

.route-grid>div>.quotation-label,
.freight-grid>div>.quotation-label {
  height: 16px;
  margin: 0 0 6px;
  line-height: 16px;
}

.route-grid :deep(.places-autocomplete) {
  height: 40px;
  margin: 0 !important;
}

.route-grid :deep(.places-autocomplete .mws__input--field),
.route-grid :deep(.form-control),
.freight-grid :deep(.form-control) {
  height: 40px;
  margin: 0 !important;
}

.hourly-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.products-grid {
  display: grid;
  grid-template-columns: minmax(240px, .8fr) minmax(340px, 1.3fr);
  gap: 16px;
}

.input-with-unit {
  display: flex;
  height: 40px;
}

.input-with-unit :deep(.form-control) {
  min-width: 0;
  border-radius: 8px 0 0 8px;
  text-align: right;
}

.input-with-unit>span {
  display: grid;
  min-width: 44px;
  padding: 0 10px;
  place-items: center;
  border: 1px solid var(--quote-border);
  border-left: 0;
  border-radius: 0 8px 8px 0;
  background: #f5f6f8;
  color: #475569;
  font-size: 12px;
}

.route-grid small {
  display: block;
  margin-top: 4px;
  color: var(--quote-muted);
  font-size: 11px;
  text-align: right;
}

.quotation-select :deep(.vs__dropdown-toggle) {
  min-height: 44px;
  border-color: var(--quote-border);
  border-radius: 8px;
}

.quotation-select :deep(.vs__selected) {
  margin-top: 6px;
}

.modifier-select :deep(.vs__selected) {
  border: 0;
  background: #1473e6;
  color: #fff;
  font-size: 12px;
}

.modifier-select :deep(.vs__deselect) {
  fill: #fff;
}

.modifier-option {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
}

.quote-table-wrap {
  position: relative;
  margin-top: 16px;
  overflow: hidden;
  border: 1px solid #e0e5eb;
  border-radius: 7px;
}


.quote-table {
  margin: 0;
}

.quote-table :deep(thead th) {
  padding: 10px 13px;
  border-bottom-color: #dfe4ea;
  background: #f7f8fa;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .03em;
}

.quote-table :deep(tbody td) {
  padding: 14px 13px;
  border-color: #e8ebef;
  font-size: 12px;
  vertical-align: middle;
}

.quote-table :deep(tbody td:first-child) {
  width: 32%;
}

.quote-table :deep(tbody td:last-child) {
  width: 130px;
}

.auto-badge {
  display: inline-flex;
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 3px;
  background: #edf0f3;
  color: #65758b;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .05em;
  vertical-align: middle;
}

.manual-badge {
  display: inline-flex;
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 3px;
  background: #fff1bd;
  color: #976700;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .05em;
  vertical-align: middle;
}

.quote-table tbody td:nth-child(2) small {
  display: block;
  margin-top: 2px;
  color: var(--quote-muted);
  font-size: 11px;
}

.manual-row-actions { display: inline-flex; margin-left: 8px; gap: 5px; vertical-align: middle; }
.manual-row-actions button { padding: 2px 7px; border: 1px solid #cbd5e1; border-radius: 4px; background: #fff; color: #315676; font-size: 11px; }
.manual-row-actions button:last-child { border-color: #fecaca; color: #dc2626; }

.empty-quote {
  padding: 14px;
  color: var(--quote-muted);
  text-align: center;
}

.manual-amount-form { display: grid; grid-template-columns: minmax(180px, 1fr) 150px minmax(200px, 1.2fr) auto; gap: 12px; align-items: start; padding: 15px; border-top: 1px solid #f3df92; background: #fffdf3; }
.manual-amount-form__field { display: flex; flex-direction: column; min-width: 0; }
.manual-amount-form__field .quotation-label { height: 16px; margin: 0 0 6px; line-height: 16px; white-space: nowrap; }
.manual-amount-form__field .quotation-label small { color: var(--quote-muted); font-weight: 400; }
.manual-amount-form__field .mws__input--field,
.manual-amount-form__field .input-with-unit { height: 40px; margin: 0 !important; }
.manual-amount-form__field--amount .form-control { border-radius: 0 8px 8px 0; }
.input-with-currency > span { order: -1; border-right: 0; border-left: 1px solid var(--quote-border); border-radius: 8px 0 0 8px; }
.manual-amount-form__actions { display: flex; align-self: end; align-items: end; gap: 8px; white-space: nowrap; }
.manual-amount-form__actions button { height: 40px; padding: 0 13px; }
.quote-table-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 55px; padding: 10px 14px; border-top: 1px solid #e0e5eb; background: #fafbfc; }
.add-manual-button { padding: 6px 12px; border: 1px dashed var(--quote-green); border-radius: 5px; background: #fff; color: #08742d; font-size: 12px; font-weight: 700; }
.quote-table-total { display: flex; justify-content: flex-end; gap: 24px; font-size: 12px; }

.pricing-summary {
  position: sticky;
  top: 16px;
  padding: 18px;
}

.pricing-summary h2 {
  margin-bottom: 12px;
}

.summary-line {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 5px 0;
  font-size: 13px;
}

.summary-line strong {
  font-weight: 600;
}

.summary-divider {
  height: 1px;
  margin: 3px 0;
  background: #e5e7eb;
}

.summary-line--subtotal {
  font-weight: 700;
}

.summary-line--manual { color: #9a6700; }

.summary-total {
  display: flex;
  margin-top: 12px;
  padding: 15px 14px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #b8e3c2;
  border-radius: 7px;
  background: #edf8ef;
  color: #075f2b;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.summary-total strong {
  font-size: 26px;
  line-height: 1;
}

.quotation-actions {
  margin-top: 14px;
}

.quotation-save-button {
  width: 100%;
  height: 44px;
  border: 1px solid var(--quote-green);
  border-radius: 8px;
  background: var(--quote-green);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.quotation-secondary-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 8px;
}

.quotation-secondary-actions button {
  min-height: 42px;
  padding: 7px 8px;
  border: 1px solid #cfd6df;
  border-radius: 8px;
  background: #fff;
  color: #17324d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.quotation-secondary-actions button:first-child {
  border-color: var(--quote-green);
  color: #08742d;
}

.quotation-add-booking-button {
  width: 100%;
  min-height: 42px;
  margin-top: 8px;
  border: 1px solid var(--quote-green);
  border-radius: 8px;
  background: #fff;
  color: #08742d;
  font-size: 13px;
  font-weight: 700;
}

.quotation-actions button:disabled {
  border-color: #aeb8c3;
  background: #aeb8c3;
  color: #fff;
  cursor: not-allowed;
}

.pricing-summary>p {
  margin: 8px 0 0;
  color: var(--quote-muted);
  font-size: 11px;
  text-align: center;
}

@media (max-width: 1100px) {
  .quotation-layout {
    grid-template-columns: 1fr;
  }

  .pricing-summary {
    position: static;
  }
}

@media (max-width: 760px) {
  .quotation-page {
    padding: 10px;
  }

  .quotation-header {
    align-items: flex-start;
  }

  .mws-logo {
    width: 48px;
    flex-basis: 48px;
  }

  .quotation-header__identity p {
    max-width: 55vw;
  }

  .quotation-header__customer {
    display: none;
  }

  .quotation-card {
    padding: 16px;
  }

  .section-heading--split {
    align-items: flex-start;
    flex-direction: column;
  }

  .client-toggle {
    width: 100%;
  }

  .client-toggle button {
    min-width: 0;
    flex: 1;
    padding: 0 8px;
  }

  .client-grid,
  .route-grid,
  .freight-grid,
  .hourly-grid,
  .products-grid {
    grid-template-columns: 1fr;
  }

  .quote-table-wrap {
    overflow-x: auto;
  }

  .quote-table {
    min-width: 640px;
  }

  .manual-amount-form { grid-template-columns: 1fr; }
  .manual-amount-form__actions { align-items: stretch; }
}