@charset "UTF-8";
/* line 1, node_modules/select2/src/scss/core.scss */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

/* line 1, node_modules/select2/src/scss/_single.scss */
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 12, node_modules/select2/src/scss/_single.scss */
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 22, node_modules/select2/src/scss/_single.scss */
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

/* line 31, node_modules/select2/src/scss/_single.scss */
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

/* line 1, node_modules/select2/src/scss/_multiple.scss */
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 12, node_modules/select2/src/scss/_multiple.scss */
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

/* line 18, node_modules/select2/src/scss/_multiple.scss */
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

/* line 26, node_modules/select2/src/scss/_multiple.scss */
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

/* line 41, node_modules/select2/src/scss/_multiple.scss */
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 1, node_modules/select2/src/scss/_dropdown.scss */
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

/* line 19, node_modules/select2/src/scss/_dropdown.scss */
.select2-results {
  display: block;
}

/* line 23, node_modules/select2/src/scss/_dropdown.scss */
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 29, node_modules/select2/src/scss/_dropdown.scss */
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 36, node_modules/select2/src/scss/_dropdown.scss */
.select2-results__option--selectable {
  cursor: pointer;
}

/* line 40, node_modules/select2/src/scss/_dropdown.scss */
.select2-container--open .select2-dropdown {
  left: 0;
}

/* line 44, node_modules/select2/src/scss/_dropdown.scss */
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 50, node_modules/select2/src/scss/_dropdown.scss */
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 56, node_modules/select2/src/scss/_dropdown.scss */
.select2-search--dropdown {
  display: block;
  padding: 4px;
}

/* line 60, node_modules/select2/src/scss/_dropdown.scss */
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

/* line 65, node_modules/select2/src/scss/_dropdown.scss */
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 70, node_modules/select2/src/scss/_dropdown.scss */
.select2-search--dropdown.select2-search--hide {
  display: none;
}

/* line 15, node_modules/select2/src/scss/core.scss */
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

/* line 36, node_modules/select2/src/scss/core.scss */
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* line 1, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

/* line 6, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 11, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

/* line 20, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 24, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* line 34, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 55, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 59, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

/* line 67, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

/* line 71, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

/* line 80, node_modules/select2/src/scss/theme/default/_single.scss */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 1, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

/* line 10, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

/* line 14, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

/* line 31, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

/* line 52, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

/* line 59, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

/* line 78, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

/* line 88, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 93, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

/* line 98, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 107, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

/* line 116, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

/* line 123, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

/* line 128, node_modules/select2/src/scss/theme/default/_multiple.scss */
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

/* line 6, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 13, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 20, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

/* line 26, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

/* line 35, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 41, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

/* line 44, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

/* line 48, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

/* line 52, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

/* line 56, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

/* line 60, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

/* line 64, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

/* line 75, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option--group {
  padding: 0;
}

/* line 79, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option--disabled {
  color: #999;
}

/* line 83, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

/* line 87, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

/* line 92, node_modules/select2/src/scss/theme/default/layout.scss */
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 1, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

/* line 11, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

/* line 15, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 20, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

/* line 28, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 32, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

/* line 51, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 72, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 76, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

/* line 91, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

/* line 94, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

/* line 99, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 107, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

/* line 117, node_modules/select2/src/scss/theme/classic/_single.scss */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

/* line 1, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

/* line 14, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

/* line 18, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

/* line 22, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

/* line 33, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

/* line 40, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

/* line 54, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

/* line 63, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 68, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

/* line 73, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 83, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

/* line 88, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 96, node_modules/select2/src/scss/theme/classic/_multiple.scss */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 9, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

/* line 16, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

/* line 22, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

/* line 27, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

/* line 31, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

/* line 35, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 40, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic .select2-results__option--group {
  padding: 0;
}

/* line 44, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

/* line 48, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

/* line 53, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 59, node_modules/select2/src/scss/theme/classic/layout.scss */
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* line 4, app/assets/stylesheets/application.employee.scss */
:root,
[data-coreui-theme=light] {
  --cui-blue: #0d6efd;
  --cui-indigo: #6610f2;
  --cui-purple: #6f42c1;
  --cui-pink: #d63384;
  --cui-red: #dc3545;
  --cui-orange: #fd7e14;
  --cui-yellow: #ffc107;
  --cui-green: #198754;
  --cui-teal: #20c997;
  --cui-cyan: #0dcaf0;
  --cui-black: #080a0c;
  --cui-dark-font-color: #000000;
  --cui-white: #fff;
  --cui-gray: #6d7d9c;
  --cui-gray-dark: #323a49;
  --cui-gray-100: #f3f4f7;
  --cui-gray-200: #e7eaee;
  --cui-gray-300: #dbdfe6;
  --cui-gray-400: #cfd4de;
  --cui-gray-500: #aab3c5;
  --cui-gray-600: #6d7d9c;
  --cui-gray-700: #4a566d;
  --cui-gray-800: #323a49;
  --cui-gray-900: #212631;
  --cui-gray-davy:#5a5a5a;
  --cui-primary: #5856d6;
  --cui-secondary: #6b7785;
  --cui-success: #1b9e3e;
  --cui-info: #39f;
  --cui-warning: #f9b115;
  --cui-danger: #e55353;
  --cui-light: #f3f4f7;
  --cui-dark: #212631;
  --cui-primary-rgb: 88, 86, 214;
  --cui-secondary-rgb: 107, 119, 133;
  --cui-success-rgb: 27, 158, 62;
  --cui-info-rgb: 51, 153, 255;
  --cui-warning-rgb: 249, 177, 21;
  --cui-danger-rgb: 229, 83, 83;
  --cui-light-rgb: 243, 244, 247;
  --cui-dark-rgb: 33, 38, 49;
  --cui-primary-text-emphasis: #3634a3;
  --cui-secondary-text-emphasis: #212233;
  --cui-success-text-emphasis: #0f5722;
  --cui-info-text-emphasis: #184c77;
  --cui-warning-text-emphasis: #764705;
  --cui-danger-text-emphasis: #671414;
  --cui-light-text-emphasis: #4a566d;
  --cui-dark-text-emphasis: #323a49;
  --cui-primary-bg-subtle: #cfc7f3;
  --cui-secondary-bg-subtle: #ced2d8;
  --cui-success-bg-subtle: #cbedd6;
  --cui-info-bg-subtle: #c0e6ff;
  --cui-warning-bg-subtle: #feecc5;
  --cui-danger-bg-subtle: #f9d4d4;
  --cui-light-bg-subtle: rgb(249, 249.5, 251);
  --cui-dark-bg-subtle: #cfd4de;
  --cui-primary-border-subtle: #9d92e6;
  --cui-secondary-border-subtle: #9da5b1;
  --cui-success-border-subtle: #96dbad;
  --cui-info-border-subtle: #80c6ff;
  --cui-warning-border-subtle: #fcd88a;
  --cui-danger-border-subtle: #f2a9a9;
  --cui-light-border-subtle: #e7eaee;
  --cui-dark-border-subtle: #aab3c5;
  --cui-white-rgb: 255, 255, 255;
  --cui-black-rgb: 8, 10, 12;
  --cui-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";
  --cui-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --cui-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --cui-body-font-family: var(--cui-font-sans-serif);
  --cui-body-font-size: 1rem;
  --cui-body-font-weight: 400;
  --cui-body-line-height: 1.5;
  --cui-body-color: rgba(37, 42.92, 54.02, 0.95);
  --cui-body-color-rgb: 37, 43, 54;
  --cui-body-bg: #fff;
  --cui-body-bg-rgb: 255, 255, 255;
  --cui-emphasis-color: #080a0c;
  --cui-emphasis-color-rgb: 8, 10, 12;
  --cui-secondary-color: rgba(37, 42.92, 54.02, 0.681);
  --cui-secondary-color-rgb: 37, 43, 54;
  --cui-secondary-bg: #e7eaee;
  --cui-secondary-bg-rgb: 231, 234, 238;
  --cui-tertiary-color: rgba(37, 42.92, 54.02, 0.38);
  --cui-tertiary-color-rgb: 37, 43, 54;
  --cui-tertiary-bg: #f3f4f7;
  --cui-tertiary-bg-rgb: 243, 244, 247;
  --cui-body-color-dark: rgba(255, 255, 255, 0.87);
  --cui-body-color-rgb-dark: 255, 255, 255;
  --cui-body-bg-dark: #212631;
  --cui-body-bg-rgb-dark: 33, 38, 49;
  --cui-emphasis-color-dark: #fff;
  --cui-emphasis-color-rgb-dark: 255, 255, 255;
  --cui-secondary-color-dark: rgba(255, 255, 255, 0.6);
  --cui-secondary-color-rgb-dark: 255, 255, 255;
  --cui-secondary-bg-dark: #323a49;
  --cui-secondary-bg-rgb-dark: 50, 58, 73;
  --cui-tertiary-color-dark: rgba(255, 255, 255, 0.38);
  --cui-tertiary-color-rgb-dark: 255, 255, 255;
  --cui-tertiary-bg-dark: rgb(41.5, 48, 61);
  --cui-tertiary-bg-rgb-dark: 42, 48, 61;
  --cui-high-emphasis: rgba(37, 42.92, 54.02, 0.95);
  --cui-medium-emphasis: rgba(37, 42.92, 54.02, 0.681);
  --cui-disabled: rgba(37, 42.92, 54.02, 0.38);
  --cui-high-emphasis-inverse: rgba(255, 255, 255, 0.87);
  --cui-medium-emphasis-inverse: rgba(255, 255, 255, 0.6);
  --cui-disabled-inverse: rgba(255, 255, 255, 0.38);
  --cui-heading-color: inherit;
  --cui-link-color: #5856d6;
  --cui-link-color-rgb: 88, 86, 214;
  --cui-link-decoration: underline;
  --cui-link-hover-color: rgb(70.4, 68.8, 171.2);
  --cui-link-hover-color-rgb: 70, 69, 171;
  --cui-code-color: #d63384;
  --cui-highlight-color: rgba(37, 42.92, 54.02, 0.95);
  --cui-highlight-bg: rgb(255, 242.6, 205.4);
  --cui-border-width: 1px;
  --cui-border-style: solid;
  --cui-border-color: #dbdfe6;
  --cui-border-color-translucent: rgba(8, 10, 12, 0.175);
  --cui-border-radius: 0.375rem;
  --cui-border-radius-sm: 0.25rem;
  --cui-border-radius-lg: 0.5rem;
  --cui-border-radius-xl: 1rem;
  --cui-border-radius-xxl: 2rem;
  --cui-border-radius-2xl: var(--cui-border-radius-xxl);
  --cui-border-radius-pill: 50rem;
  --cui-box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
  --cui-box-shadow-sm: 0 0.125rem 0.25rem rgba(8, 10, 12, 0.075);
  --cui-box-shadow-lg: 0 1rem 3rem rgba(8, 10, 12, 0.175);
  --cui-box-shadow-inset: inset 0 1px 2px rgba(8, 10, 12, 0.075);
  --cui-focus-ring-width: 0.25rem;
  --cui-focus-ring-opacity: 0.25;
  --cui-focus-ring-color: rgba(88, 86, 214, 0.25);
  --cui-form-valid-color: #1b9e3e;
  --cui-form-valid-border-color: #1b9e3e;
  --cui-form-invalid-color: #e55353;
  --cui-form-invalid-border-color: #e55353;
}

/* line 147, app/assets/stylesheets/application.employee.scss */
[data-coreui-theme=dark] {
  color-scheme: dark;
  --cui-body-color: rgba(255, 255, 255, 0.87);
  --cui-body-color-rgb: 255, 255, 255;
  --cui-body-bg: #212631;
  --cui-body-bg-rgb: 33, 38, 49;
  --cui-emphasis-color: #fff;
  --cui-emphasis-color-rgb: 255, 255, 255;
  --cui-secondary-color: rgba(255, 255, 255, 0.6);
  --cui-secondary-color-rgb: 255, 255, 255;
  --cui-secondary-bg: #323a49;
  --cui-secondary-bg-rgb: 50, 58, 73;
  --cui-tertiary-color: rgba(255, 255, 255, 0.38);
  --cui-tertiary-color-rgb: 255, 255, 255;
  --cui-tertiary-bg: rgb(41.5, 48, 61);
  --cui-tertiary-bg-rgb: 42, 48, 61;
  --cui-high-emphasis: rgba(255, 255, 255, 0.87);
  --cui-medium-emphasis: rgba(255, 255, 255, 0.6);
  --cui-disabled: rgba(255, 255, 255, 0.38);
  --cui-primary: rgb(98.171875, 96.5, 203.5);
  --cui-secondary: #6b7785;
  --cui-success: rgb(36.25, 148.75, 66.3072519084);
  --cui-info: rgb(61.2, 153, 244.8);
  --cui-warning: rgb(237, 172.5789473684, 33);
  --cui-danger: rgb(219.1, 92.9, 92.9);
  --cui-light: #f3f4f7;
  --cui-dark: #212631;
  --cui-gray-100: #f3f4f7;
  --cui-gray-200: #e7eaee;
  --cui-gray-300: #dbdfe6;
  --cui-gray-400: #cfd4de;
  --cui-gray-500: #aab3c5;
  --cui-gray-600: #6d7d9c;
  --cui-gray-700: #4a566d;
  --cui-gray-800: #323a49;
  --cui-gray-900: #212631;
  --cui-primary-rgb: 98, 97, 204;
  --cui-secondary-rgb: 107, 119, 133;
  --cui-success-rgb: 36, 149, 66;
  --cui-info-rgb: 61, 153, 245;
  --cui-warning-rgb: 237, 173, 33;
  --cui-danger-rgb: 219, 93, 93;
  --cui-light-rgb: 243, 244, 247;
  --cui-dark-rgb: 33, 38, 49;
  --cui-primary-text-emphasis: rgb(64.3626126126, 62.75, 152.25);
  --cui-secondary-text-emphasis: #212233;
  --cui-success-text-emphasis: rgb(20.1, 81.9, 36.4083333333);
  --cui-info-text-emphasis: rgb(31.15, 75.3226315789, 111.85);
  --cui-warning-text-emphasis: rgb(111.85, 69.9659292035, 11.15);
  --cui-danger-text-emphasis: rgb(96.85, 26.15, 26.15);
  --cui-light-text-emphasis: #f3f4f7;
  --cui-dark-text-emphasis: #dbdfe6;
  --cui-primary-bg-subtle: #cfc7f3;
  --cui-secondary-bg-subtle: #ced2d8;
  --cui-success-bg-subtle: #cbedd6;
  --cui-info-bg-subtle: #c0e6ff;
  --cui-warning-bg-subtle: #feecc5;
  --cui-danger-bg-subtle: #f9d4d4;
  --cui-light-bg-subtle: #323a49;
  --cui-dark-bg-subtle: rgb(29, 34, 42.5);
  --cui-primary-border-subtle: #9d92e6;
  --cui-secondary-border-subtle: #9da5b1;
  --cui-success-border-subtle: #96dbad;
  --cui-info-border-subtle: #80c6ff;
  --cui-warning-border-subtle: #fcd88a;
  --cui-danger-border-subtle: #f2a9a9;
  --cui-light-border-subtle: #4a566d;
  --cui-dark-border-subtle: #323a49;
  --cui-dark-font-color: #ffffff;
  --cui-heading-color: inherit;
  --cui-link-color: rgb(98.171875, 96.5, 203.5);
  --cui-link-hover-color: rgb(129.5375, 128.2, 213.8);
  --cui-link-color-rgb: 98, 97, 204;
  --cui-link-hover-color-rgb: 130, 128, 214;
  --cui-code-color: rgb(230.4, 132.6, 181.2);
  --cui-highlight-color: rgba(255, 255, 255, 0.87);
  --cui-highlight-bg: rgb(102, 77.2, 2.8);
  --cui-border-color: #323a49;
  --cui-border-color-translucent: rgba(255, 255, 255, 0.1);
  --cui-form-valid-color: rgb(117, 183, 152.4);
  --cui-form-valid-border-color: rgb(117, 183, 152.4);
  --cui-form-invalid-color: rgb(234, 133.8, 143.4);
  --cui-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

/* line 232, app/assets/stylesheets/application.employee.scss */
.sb-topnav {
  background: linear-gradient(to right, #6c7a89, #2c3e50);
}

/* line 236, app/assets/stylesheets/application.employee.scss */
.sb-sidenav {
  background: linear-gradient(to right, #6c7a89, #627081);
}

/* line 240, app/assets/stylesheets/application.employee.scss */
.sb-sidenav-footer {
  background: linear-gradient(to right, #506171, #334657);
}

/* line 244, app/assets/stylesheets/application.employee.scss */
thead {
  color: #fff;
  background: linear-gradient(to right, #6c7a89, #2c3e50);
}

/* line 249, app/assets/stylesheets/application.employee.scss */
.btn-secondary {
  background: linear-gradient(to right, #506171, #334657);
}

/* line 253, app/assets/stylesheets/application.employee.scss */
.pagination .page-item .page-link {
  color: #fff;
  background: linear-gradient(to right, #6c7a89, #627081);
}

/* line 258, app/assets/stylesheets/application.employee.scss */
.pagination .page-item.active .page-link {
  color: #fff;
  background: linear-gradient(to right, #506171, #2c3e50);
  border-color: #fff;
}

/* line 264, app/assets/stylesheets/application.employee.scss */
.select2 {
  width: 100% !important;
}

/* line 268, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--single {
  height: calc(3.5rem + 2px);
  padding: 0.75rem 1.5rem 0.75rem 0.75rem;
  border: 1px solid #aaa;
  border-radius: 0.375rem;
  background-color: var(--bs-body-bg);
  border: var(--cui-border-width) solid var(--cui-border-color);
  border-radius: var(--cui-border-radius);
}

/* line 279, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(3.5rem - 2px);
  color: var(--bs-body-color);
}

/* line 283, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(3.5rem - 2px);
  width: 2.375rem;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75rem;
}

/* line 291, app/assets/stylesheets/application.employee.scss */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 296, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-width: 5px 4px 0 4px;
}

/* line 301, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #6c757d;
}

/* line 305, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--single .select2-selection__clear {
  display: none;
}

/* line 309, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--multiple {
  height: auto;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  background-color: #fff;
  padding: 0.375rem 0.75rem;
}

/* line 317, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #495057;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.2rem;
  padding: 0.25rem 0.5rem;
  margin: 0.25rem 0.125rem 0.125rem 0;
}

/* line 326, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #6c757d;
  margin-right: 0.25rem;
  border: none;
  background: none;
  cursor: pointer;
}

/* line 334, app/assets/stylesheets/application.employee.scss */
.select2-dropdown {
  background: var(--cui-body-bg);
}

/* line 337, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #495057;
  padding: 3px;
}

/* line 343, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 8px;
  padding-right: 5px;
}

/* line 349, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--multiple .select2-search--inline {
  width: auto !important;
}

/* line 353, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--multiple .select2-search__field {
  width: 100% !important;
}

/* line 357, app/assets/stylesheets/application.employee.scss */
.form-floating > .select2-container--default .select2-selection--multiple {
  padding-top: 1.625rem;
  background: var(--cui-body-bg);
}

/* line 362, app/assets/stylesheets/application.employee.scss */
.form-floating > .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 0.375rem;
}

/* line 366, app/assets/stylesheets/application.employee.scss */
.form-floating > label {
  padding: 0.75rem 0.75rem;
  z-index: 2;
}

/* line 372, app/assets/stylesheets/application.employee.scss */
.form-floating > .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #80bdff;
}

/* line 376, app/assets/stylesheets/application.employee.scss */
.form-floating > .select2-container--default.select2-container--focus label {
  opacity: 1;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

/* line 381, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--single.is-invalid {
  border-color: #dc3545;
}

/* line 385, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-selection--single.is-invalid .select2-selection__rendered {
  color: #dc3545;
}

/* line 389, app/assets/stylesheets/application.employee.scss */
.select2-container--default .select2-results > .select2-results__options {
  background-color: var(--bs-body-bg);
}

/* line 393, app/assets/stylesheets/application.employee.scss */
.form-floating-group > *:last-child .select2-container--default .select2-selection--single {
  border-radius: 0 4px 4px 0 !important;
  border-right: var(--cui-border-width) solid var(--cui-border-color) !important;
}

/* line 398, app/assets/stylesheets/application.employee.scss */
.form-floating-group > * .select2-container--default .select2-selection--single {
  border: var(--cui-border-width) solid var(--cui-border-color) !important;
  border-radius: 0 !important;
  border-right: none !important;
  background-color: #EEEEEE !important;
}

/* line 405, app/assets/stylesheets/application.employee.scss */
.form-floating-group > * .select2-container--default .select2-selection--single.is-invalid {
  border-color: #dc3545 !important;
  background-color: #FFDDDD !important;
}

/* line 410, app/assets/stylesheets/application.employee.scss */
.table-container {
  /* max-height: 500px; */
  overflow-y: auto;
  display: block;
}

/*
table {
  width: 100%;
  border-collapse: collapse;
}
thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}
th, td {
  padding: 8px 16px;
  white-space: nowrap;
}
tbody {
  display: block;
  overflow-y: auto;
  max-height: 375px;
}
thead{
  text-align: center !important;
}
thead, tbody tr {
  font-size: small;
  display: table;
  width: 100%;
  table-layout: fixed;
}
*/
/* line 444, app/assets/stylesheets/application.employee.scss */
.logo-head-full {
  width: 215px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 450, app/assets/stylesheets/application.employee.scss */
.logo-head-narrow {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 457, app/assets/stylesheets/application.employee.scss */
.logo-head-full .navbar-brand {
  padding: 3px 15px;
  width: 80% !important;
  border-radius: 8px;
  padding-left: 15px !important;
}

/* line 465, app/assets/stylesheets/application.employee.scss */
.logo-head-full .navbar-brand img {
  height: 35px !important;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* line 472, app/assets/stylesheets/application.employee.scss */
.logo-head-narrow .navbar-brand {
  padding: 3px 15px;
  width: 100% !important;
  border-radius: 6px;
  padding-left: 10px !important;
}

/* line 480, app/assets/stylesheets/application.employee.scss */
.logo-head-narrow .navbar-brand img {
  height: 30px !important;
  object-fit: contain;
  margin-left: -12px;
  filter: brightness(0) invert(1);
}

/* line 489, app/assets/stylesheets/application.employee.scss */
.fc .fc-multimonth-daygrid {
  background-color: var(--cui-body-bg);
  color: var(--cui-body-color);
}

/* line 494, app/assets/stylesheets/application.employee.scss */
.fc .fc-daygrid-day-frame {
  background-color: var(--cui-body-bg);
  color: var(--cui-body-color);
}

/* line 499, app/assets/stylesheets/application.employee.scss */
.description-scroll {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  /* Slightly lighter border */
  padding: 10px;
  /* Increased padding for better spacing */
  background-color: #f4f4f4;
  /* Softer background color */
  border-radius: 8px;
  /* Rounded corners */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */
  transition: box-shadow 0.3s ease;
  /* Smooth transition effect */
}

/* line 510, app/assets/stylesheets/application.employee.scss */
.description-scroll:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  /* Enhanced shadow on hover */
}

/* line 514, app/assets/stylesheets/application.employee.scss */
.description-scroll::-webkit-scrollbar {
  width: 6px;
  /* Custom scrollbar width */
}

/* line 518, app/assets/stylesheets/application.employee.scss */
.description-scroll::-webkit-scrollbar-thumb {
  background-color: #ccc;
  /* Custom scrollbar color */
  border-radius: 10px;
  /* Rounded scrollbar */
}

/* line 523, app/assets/stylesheets/application.employee.scss */
.description-scroll::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  /* Background color of scrollbar track */
}

/* line 527, app/assets/stylesheets/application.employee.scss */
.scrollable {
  min-height: 200px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fafafa;
  transition: box-shadow 0.3s ease;
}

/* line 538, app/assets/stylesheets/application.employee.scss */
.scrollable:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* line 542, app/assets/stylesheets/application.employee.scss */
.scrollable::-webkit-scrollbar {
  width: 8px;
}

/* line 546, app/assets/stylesheets/application.employee.scss */
.scrollable::-webkit-scrollbar-thumb {
  background-color: #b3b3b3;
  border-radius: 10px;
}

/* line 551, app/assets/stylesheets/application.employee.scss */
.scrollable::-webkit-scrollbar-track {
  background-color: #e0e0e0;
}

/* line 555, app/assets/stylesheets/application.employee.scss */
.badge-outline-primary {
  color: var(--cui-primary) !important;
  border-color: var(--cui-primary) !important;
  background-color: var(--cui-body-bg) !important;
}

/* line 560, app/assets/stylesheets/application.employee.scss */
.badge-outline-secondary {
  color: var(--cui-secondary) !important;
  border-color: var(--cui-secondary) !important;
  border-color: var(--cui-secondary) !important;
  background-color: var(--cui-body-bg) !important;
}

/* line 566, app/assets/stylesheets/application.employee.scss */
.badge-outline-warning {
  color: var(--cui-warning) !important;
  border-color: var(--cui-warning) !important;
  background-color: var(--cui-body-bg) !important;
}

/* line 571, app/assets/stylesheets/application.employee.scss */
.badge-outline-danger {
  color: var(--cui-danger) !important;
  border-color: var(--cui-danger) !important;
  background-color: var(--cui-body-bg) !important;
}

/* line 576, app/assets/stylesheets/application.employee.scss */
.badge-outline-success {
  color: var(--cui-success) !important;
  border-color: var(--cui-success) !important;
  background-color: var(--cui-body-bg) !important;
}

/* line 581, app/assets/stylesheets/application.employee.scss */
.badge-outline-info {
  color: var(--cui-info) !important;
  border-color: var(--cui-info) !important;
  background-color: var(--cui-body-bg) !important;
}

/* line 586, app/assets/stylesheets/application.employee.scss */
.badge-outline-dark {
  color: var(--cui-dark) !important;
  border-color: var(--cui-dark) !important;
  background-color: var(--cui-body-bg) !important;
}

/* line 591, app/assets/stylesheets/application.employee.scss */
.badge-outline-light {
  color: var(--cui-light) !important;
  border-color: var(--cui-light) !important;
  background-color: #212529 !important;
}

/* line 596, app/assets/stylesheets/application.employee.scss */
.image-container {
  display: inline-block;
  position: relative;
}

/* line 601, app/assets/stylesheets/application.employee.scss */
.delete-icon {
  top: -12px;
  right: -12px;
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--cui-danger);
  /* Bootstrap danger color */
  text-decoration: none;
  cursor: pointer;
}

/* line 611, app/assets/stylesheets/application.employee.scss */
.delete-icon:hover {
  color: var(--cui-danger);
  /* Slightly darker shade on hover */
}

/* line 615, app/assets/stylesheets/application.employee.scss */
.img-thumbnail {
  height: 50px !important;
}

/* line 618, app/assets/stylesheets/application.employee.scss */
.profile-img {
  max-width: 100px !important;
  border-radius: 50%;
  border: 3px solid #00000010;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  cursor: pointer;
}

/* line 627, app/assets/stylesheets/application.employee.scss */
.avatar-img {
  width: 100%;
  height: 40px;
  border-radius: var(--cui-avatar-border-radius);
}

@media (min-width: 992px) {
  /* line 634, app/assets/stylesheets/application.employee.scss */
  .simplebar-content > li:nth-child(2) {
    display: none;
  }
}

/* line 639, app/assets/stylesheets/application.employee.scss */
.embed-frame {
  width: 100%;
  height: 100%;
  border: none;
}

/* line 645, app/assets/stylesheets/application.employee.scss */
.embed-container {
  height: 500px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

/* line 654, app/assets/stylesheets/application.employee.scss */
.table, .datatable-table {
  --cui-table-color: var(--cui-dark-font-color);
  color: var(--cui-table-color);
}

/* line 658, app/assets/stylesheets/application.employee.scss */
.fs-12 {
  font-size: 12px;
}

/* line 662, app/assets/stylesheets/application.employee.scss */
.copied-message {
  background-color: #000000;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  z-index: 9999;
  /* Ensure it appears above other elements */
  transition: opacity 0.3s ease;
  margin-left: 15px;
  /* Add space between the icon and the "Copied!" message */
}

/* line 673, app/assets/stylesheets/application.employee.scss */
.side-bar-scroll {
  overflow-x: hidden;
  overflow-y: hidden;
}

/* line 678, app/assets/stylesheets/application.employee.scss */
.breadcrumb {
  --cui-breadcrumb-padding-x: 0;
  --cui-breadcrumb-padding-y: 0;
  --cui-breadcrumb-margin-bottom: 1rem;
  --cui-breadcrumb-bg: ;
  --cui-breadcrumb-border-radius: ;
  --cui-breadcrumb-divider-color: #6c757d;
  --cui-breadcrumb-item-padding-x: 0.5rem;
  --cui-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--cui-breadcrumb-padding-y) var(--cui-breadcrumb-padding-x);
  margin-bottom: var(--cui-breadcrumb-margin-bottom);
  font-size: var(--cui-breadcrumb-font-size);
  list-style: none;
  background-color: var(--cui-breadcrumb-bg);
  border-radius: var(--cui-breadcrumb-border-radius);
}

/* line 697, app/assets/stylesheets/application.employee.scss */
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--cui-breadcrumb-item-padding-x);
}

/* line 700, app/assets/stylesheets/application.employee.scss */
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--cui-breadcrumb-item-padding-x);
  color: var(--cui-breadcrumb-divider-color);
  content: var(--cui-breadcrumb-divider, "/");
}

/* line 706, app/assets/stylesheets/application.employee.scss */
.breadcrumb-item.active {
  color: var(--cui-breadcrumb-item-active-color);
}

/* line 710, app/assets/stylesheets/application.employee.scss */
.modal-sm {
  max-width: 300px;
}

/* line 714, app/assets/stylesheets/application.employee.scss */
#layoutAuthentication {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 719, app/assets/stylesheets/application.employee.scss */
#layoutAuthentication #layoutAuthentication_content {
  min-width: 0;
  flex-grow: 1;
}

/* line 723, app/assets/stylesheets/application.employee.scss */
#layoutAuthentication #layoutAuthentication_footer {
  min-width: 0;
}

/* line 726, app/assets/stylesheets/application.employee.scss */
.preview_tag {
  width: 50px;
  height: 30px;
  object-fit: contain;
  /* or 'cover' */
  margin-left: 3px;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  background-color: #f5f5f5;
  /* Optional: fallback for transparent images */
}

/* line 737, app/assets/stylesheets/application.employee.scss */
.radio-button-card {
  transition: all 0.25s ease-in-out;
  border: 1px solid #dee2e6;
  background-color: var(--cui-body-bg);
}

/* line 742, app/assets/stylesheets/application.employee.scss */
.radio-button-card:hover {
  border-color: var(--cui-primary);
  background-color: var(--cui-primary-bg-subtle);
  transform: translateY(-2px);
}

/* line 747, app/assets/stylesheets/application.employee.scss */
.radio-button-card input[type='radio'] {
  transform: scale(1.1);
}

/* line 750, app/assets/stylesheets/application.employee.scss */
.radio-button-label {
  color: var(--cui-body-color);
}

/* line 754, app/assets/stylesheets/application.employee.scss */
.wizard-line {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  height: 3px;
  background: #dee2e6;
  z-index: 1;
  border-radius: 4px;
}

/* line 764, app/assets/stylesheets/application.employee.scss */
.wizard-line-fill {
  position: absolute;
  top: 24px;
  left: 0;
  height: 3px;
  background: #0d6efd;
  z-index: 2;
  border-radius: 4px;
  transition: width 0.4s ease;
}

/* line 774, app/assets/stylesheets/application.employee.scss */
.wizard-steps {
  position: relative;
  z-index: 3;
}

/* line 778, app/assets/stylesheets/application.employee.scss */
.wizard-step {
  width: 33%;
  position: relative;
}

/* line 782, app/assets/stylesheets/application.employee.scss */
.wizard-circle {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background-color: #dee2e6;
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
  font-weight: bold;
  color: #6c757d;
  transition: all 0.3s;
}

/* line 794, app/assets/stylesheets/application.employee.scss */
.wizard-label {
  font-size: 13px;
  margin-top: 8px;
  color: #6c757d;
}

/* line 799, app/assets/stylesheets/application.employee.scss */
.wizard-step.active .wizard-circle {
  background-color: #0d6efd;
  color: #fff;
}

/* line 803, app/assets/stylesheets/application.employee.scss */
.wizard-step.active .wizard-label {
  color: #0d6efd;
  font-weight: 500;
}

/* line 3, app/assets/stylesheets/shared/_org_chart.scss */
.admin-org-chart__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

/* line 10, app/assets/stylesheets/shared/_org_chart.scss */
.admin-org-chart__tool {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  background: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--portal-dark-color, var(--cui-body-color, #343a40));
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease;
}

/* line 24, app/assets/stylesheets/shared/_org_chart.scss */
.admin-org-chart__tool:hover {
  background: #f0f4ff;
  border-color: rgba(110, 140, 240, 0.45);
}

/* line 30, app/assets/stylesheets/shared/_org_chart.scss */
.admin-org-chart__canvas {
  width: 100% !important;
  min-height: 560px !important;
  height: 560px !important;
  background: linear-gradient(180deg, #fafbff 0%, #fff 100%);
  border-radius: 8px;
}

/* line 39, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  height: 100%;
  padding: 0.65rem 0.85rem;
  border-radius: 12px;
  border: 1px solid #e4e2e9;
  background: #fff;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
  box-sizing: border-box;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

/* line 54, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node:hover {
  border-color: rgba(110, 140, 240, 0.55);
  box-shadow: 0 6px 18px rgba(110, 140, 240, 0.15);
}

/* line 59, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node--root {
  border-color: rgba(110, 140, 240, 0.35);
  background: linear-gradient(135deg, #f0f4ff 0%, #fff 100%);
}

/* line 64, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node__avatar {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 74, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node--root .org-chart-node__avatar {
  width: 58px;
  height: 58px;
}

/* line 79, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

/* line 86, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node__name {
  font-size: 0.9rem;
  font-weight: 700;
  color: #1a1d21;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}

/* line 97, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node__tag {
  display: inline-block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.68rem;
  font-weight: 600;
  padding: 0.15rem 0.45rem;
  border-radius: 4px;
}

/* line 108, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node__tag--dept {
  background: rgba(110, 140, 240, 0.12);
  color: #4a5fc1;
}

/* line 113, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node__tag--role {
  background: #f1f3f5;
  color: #5a5a5a;
}

/* line 119, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node__action {
  margin-top: 0.15rem;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--portal-primary-color, var(--cui-primary, #6e8cf0)) !important;
  text-decoration: none !important;
}

/* line 126, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-node__action:hover {
  text-decoration: underline !important;
}

/* line 132, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-expand-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 2px 6px;
  border-radius: 5px;
  border: 1px solid #e4e2e9;
  background: #fff;
  color: #716e7b;
  font-size: 10px;
  font-weight: 600;
}

/* line 145, app/assets/stylesheets/shared/_org_chart.scss */
.org-chart-empty {
  padding: 2rem;
  text-align: center;
  color: var(--portal-secondary-color, var(--cui-secondary-color, #6c757d));
  font-size: 0.9rem;
}

/* line 153, app/assets/stylesheets/shared/_org_chart.scss */
.employee-org-chart-page .admin-org-chart__canvas {
  min-height: 620px !important;
  height: 620px !important;
  border: 1px solid var(--cui-border-color, #dee2e6);
}

/* line 3, app/assets/stylesheets/etms_kanban.scss */
.etms-board-page--trello {
  --etms-list-width: 280px;
  --etms-board-viewport-offset: 8rem;
  --etms-board-surface: color-mix(in srgb, var(--etms-board-color, #a8c5f7) 28%, #f8fafc);
  --etms-board-surface-2: color-mix(in srgb, var(--etms-board-color, #a8c5f7) 12%, #eef2ff);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: calc(100vh - var(--etms-board-viewport-offset));
  max-height: calc(100vh - var(--etms-board-viewport-offset));
  min-height: 320px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(145deg, var(--etms-board-surface) 0%, var(--etms-board-surface-2) 100%);
  box-shadow: 0 8px 32px rgba(99, 102, 241, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

/* line 24, app/assets/stylesheets/etms_kanban.scss */
.card-body > .etms-board-page-layout {
  margin: -1rem -1.25rem;
}

/* line 28, app/assets/stylesheets/etms_kanban.scss */
.body .container-lg:has(.etms-board-page-layout) {
  max-width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* line 34, app/assets/stylesheets/etms_kanban.scss */
.body .card:has(.etms-board-page-layout) {
  border: none;
  box-shadow: none;
  background: transparent;
}

/* line 40, app/assets/stylesheets/etms_kanban.scss */
.body .card-body:has(.etms-board-page-layout) {
  padding: 0;
}

/* line 45, app/assets/stylesheets/etms_kanban.scss */
#active_admin_content .etms-board-page--trello {
  --etms-board-viewport-offset: 112px;
  margin: -6px -12px 0;
  max-width: calc(100% + 24px);
}

/* line 51, app/assets/stylesheets/etms_kanban.scss */
#active_admin_content .etms-board-page--trello,
.etms-board-page-layout {
  overflow-x: hidden;
}

/* line 56, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  color: #334155;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 16px 16px 0 0;
}

/* line 70, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar__left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

/* line 77, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar__back {
  color: #475569;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
}

/* line 87, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar__back:hover {
  color: #1e293b;
  background: #fff;
}

/* line 93, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar__title {
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0;
  color: #1e293b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 103, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar__right {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

/* line 110, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar__btn {
  border: none;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

/* line 121, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar__btn--ghost {
  background: rgba(255, 255, 255, 0.75);
  color: #475569;
}

/* line 125, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar__btn--ghost:hover {
  background: #fff;
  color: #1e293b;
  box-shadow: 0 2px 8px rgba(148, 163, 184, 0.2);
}

/* line 132, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar__btn--activity {
  background: linear-gradient(135deg, #c7d2fe 0%, #fbcfe8 100%);
  color: #3730a3;
  box-shadow: 0 2px 10px rgba(129, 140, 248, 0.25);
}

/* line 137, app/assets/stylesheets/etms_kanban.scss */
.etms-board-toolbar__btn--activity:hover {
  box-shadow: 0 4px 14px rgba(129, 140, 248, 0.35);
  color: #312e81;
}

/* line 143, app/assets/stylesheets/etms_kanban.scss */
.etms-board-page__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 0.75rem;
  align-items: stretch;
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  padding: 0.65rem 0.75rem 0.85rem;
  transition: grid-template-columns 0.2s ease;
}

/* line 156, app/assets/stylesheets/etms_kanban.scss */
.etms-board-page--activity-closed .etms-board-page__body {
  grid-template-columns: minmax(0, 1fr);
}

/* line 160, app/assets/stylesheets/etms_kanban.scss */
.etms-board-page--activity-closed .etms-board-page__sidebar {
  display: none;
}

/* line 164, app/assets/stylesheets/etms_kanban.scss */
.etms-board-page__kanban-wrap {
  min-width: 0;
  min-height: 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

/* line 172, app/assets/stylesheets/etms_kanban.scss */
.etms-board-page__kanban {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: rgba(148, 163, 184, 0.5) transparent;
}

/* line 183, app/assets/stylesheets/etms_kanban.scss */
.etms-board-page__kanban::-webkit-scrollbar {
  height: 8px;
}

/* line 187, app/assets/stylesheets/etms_kanban.scss */
.etms-board-page__kanban::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.45);
  border-radius: 999px;
}

/* line 193, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 0.75rem;
  width: max-content;
  min-height: 100%;
  margin: 0 auto;
  padding: 0.15rem 0.5rem 0.65rem;
  box-sizing: border-box;
}

/* line 206, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__list {
  flex: 0 0 var(--etms-list-width);
  width: var(--etms-list-width);
  max-width: var(--etms-list-width);
  background: color-mix(in srgb, var(--etms-list-accent, #e2e8f0) 55%, #fff);
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 14px;
  padding: 0.55rem 0.55rem 0.4rem;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 14px rgba(148, 163, 184, 0.12);
}

/* line 220, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.15rem 0.35rem 0.5rem;
  border-bottom: 2px solid var(--etms-list-accent, #cbd5e1);
  margin-bottom: 0.35rem;
}

/* line 229, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__list-title {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0;
  color: #334155;
}

/* line 236, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__list-count {
  font-size: 0.7rem;
  font-weight: 600;
  color: #64748b;
  background: rgba(255, 255, 255, 0.65);
  padding: 0.1rem 0.45rem;
  border-radius: 999px;
}

/* line 245, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__cards {
  flex: 1;
  overflow-y: auto;
  min-height: 4px;
  padding: 0.1rem;
  border-radius: 10px;
}

/* line 253, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__cards--drag-over {
  background: rgba(129, 140, 248, 0.15);
  outline: 2px dashed #818cf8;
  border-radius: 10px;
}

/* line 259, app/assets/stylesheets/etms_kanban.scss */
.etms-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  box-shadow: 0 2px 6px rgba(148, 163, 184, 0.12);
  margin-bottom: 0.5rem;
  cursor: grab;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

/* line 268, app/assets/stylesheets/etms_kanban.scss */
.etms-card:hover {
  box-shadow: 0 6px 16px rgba(148, 163, 184, 0.2);
  transform: translateY(-1px);
}

/* line 274, app/assets/stylesheets/etms_kanban.scss */
.etms-card--dragging {
  opacity: 0.88;
  transform: rotate(1.5deg);
  box-shadow: 0 10px 24px rgba(99, 102, 241, 0.2);
}

/* line 280, app/assets/stylesheets/etms_kanban.scss */
.etms-card__link {
  display: block;
  padding: 0.55rem 0.65rem;
  color: #334155;
  text-decoration: none;
}

/* line 287, app/assets/stylesheets/etms_kanban.scss */
.etms-card__title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 0.35rem;
  color: #1e293b;
}

/* line 295, app/assets/stylesheets/etms_kanban.scss */
.etms-card__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.35rem;
}

/* line 302, app/assets/stylesheets/etms_kanban.scss */
.etms-card__label {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.12rem 0.45rem;
  border-radius: 6px;
  background: color-mix(in srgb, var(--etms-label-color, #94a3b8) 35%, #fff);
  color: color-mix(in srgb, var(--etms-label-color, #475569) 80%, #1e293b);
  border: 1px solid color-mix(in srgb, var(--etms-label-color, #cbd5e1) 50%, transparent);
}

/* line 312, app/assets/stylesheets/etms_kanban.scss */
.etms-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  font-size: 0.7rem;
  color: #64748b;
}

/* line 320, app/assets/stylesheets/etms_kanban.scss */
.etms-card__assignees {
  background: #e0e7ff;
  color: #4338ca;
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  font-weight: 600;
}

/* line 328, app/assets/stylesheets/etms_kanban.scss */
.etms-card__due--overdue {
  color: #e11d48;
  font-weight: 700;
}

/* line 333, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__quick-add {
  margin-top: 0.35rem;
}

/* line 337, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__quick-input {
  width: 100%;
  border: 1px dashed rgba(148, 163, 184, 0.6);
  border-radius: 10px;
  padding: 0.45rem 0.55rem;
  font-size: 0.8125rem;
  background: rgba(255, 255, 255, 0.75);
  color: #475569;
}

/* line 346, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__quick-input:focus {
  border-style: solid;
  border-color: #a5b4fc;
  background: #fff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(165, 180, 252, 0.35);
}

/* line 354, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__quick-input::placeholder {
  color: #94a3b8;
}

/* line 359, app/assets/stylesheets/etms_kanban.scss */
.etms-board-page__sidebar {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 14px;
  padding: 0;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 18px rgba(148, 163, 184, 0.1);
}

/* line 372, app/assets/stylesheets/etms_kanban.scss */
.etms-board-page__sidebar-header {
  padding: 0.75rem 0.85rem 0.5rem;
  border-bottom: 1px solid #f1f5f9;
  background: linear-gradient(180deg, #faf5ff 0%, #fff 100%);
  border-radius: 14px 14px 0 0;
}

/* line 379, app/assets/stylesheets/etms_kanban.scss */
.etms-sidebar__title {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0;
  color: #4f46e5;
}

/* line 386, app/assets/stylesheets/etms_kanban.scss */
.etms-sidebar__empty {
  padding: 1rem 0.85rem;
  margin: 0;
  font-size: 0.8125rem;
  color: #94a3b8;
}

/* line 393, app/assets/stylesheets/etms_kanban.scss */
.etms-activity-feed {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem 0.85rem 0.85rem;
}

/* line 399, app/assets/stylesheets/etms_kanban.scss */
.etms-activity-feed__item {
  padding: 0.6rem 0;
  border-bottom: 1px solid #f1f5f9;
}

/* line 403, app/assets/stylesheets/etms_kanban.scss */
.etms-activity-feed__item:last-child {
  border-bottom: none;
}

/* line 408, app/assets/stylesheets/etms_kanban.scss */
.etms-activity-feed__summary {
  color: #334155;
  font-size: 0.8125rem;
}

/* line 413, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile {
  display: block;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  height: 100px;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 2px 8px rgba(148, 163, 184, 0.1);
}

/* line 424, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(99, 102, 241, 0.15);
  background: #fff;
}

/* line 431, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__color {
  height: 5px;
}

/* line 435, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__body {
  padding: 0.75rem;
  color: #1e293b;
}

/* line 442, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail {
  --etms-card-accent: #a8c5f7;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 0 2rem;
}

/* line 449, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail--admin {
  margin: -0.5rem 0 1.5rem;
  padding: 0 0.25rem 1.5rem;
}

/* line 454, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__hero {
  background: linear-gradient(135deg, color-mix(in srgb, var(--etms-card-accent) 40%, #fff) 0%, color-mix(in srgb, var(--etms-card-accent) 15%, #f8fafc) 100%);
  border: 1px solid color-mix(in srgb, var(--etms-card-accent) 35%, #e2e8f0);
  border-radius: 16px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1rem;
  box-shadow: 0 4px 20px rgba(99, 102, 241, 0.08);
}

/* line 467, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__hero-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
}

/* line 475, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__back {
  color: #475569;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
}

/* line 481, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__back:hover {
  color: #4f46e5;
}

/* line 486, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__list-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  color: #6366f1;
  border: 1px solid #e0e7ff;
}

/* line 496, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 0.65rem;
  line-height: 1.25;
}

/* line 504, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

/* line 510, app/assets/stylesheets/etms_kanban.scss */
.etms-badge {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  text-transform: capitalize;
}

/* line 518, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--priority-none {
  background: #f1f5f9;
  color: #64748b;
}

/* line 519, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--priority-low {
  background: #dbeafe;
  color: #1d4ed8;
}

/* line 520, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--priority-medium {
  background: #fef3c7;
  color: #b45309;
}

/* line 521, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--priority-high {
  background: #ffedd5;
  color: #c2410c;
}

/* line 522, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--priority-urgent {
  background: #ffe4e6;
  color: #be123c;
}

/* line 524, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--status-open {
  background: #e0e7ff;
  color: #4338ca;
}

/* line 525, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--status-in_progress {
  background: #cffafe;
  color: #0e7490;
}

/* line 526, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--status-blocked {
  background: #fee2e2;
  color: #b91c1c;
}

/* line 527, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--status-done {
  background: #dcfce7;
  color: #15803d;
}

/* line 529, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--due {
  background: #f3e8ff;
  color: #7c3aed;
}

/* line 534, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--overdue {
  background: #ffe4e6;
  color: #be123c;
}

/* line 539, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1rem;
  align-items: start;
}

/* line 546, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__panel {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 1rem 1.1rem;
  margin-bottom: 1rem;
  box-shadow: 0 2px 12px rgba(148, 163, 184, 0.08);
}

/* line 555, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__panel--compact {
  padding: 0.85rem 1rem;
}

/* line 559, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__panel--danger {
  border-color: #fecdd3;
  background: #fff5f5;
}

/* line 564, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__panel-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #334155;
  margin: 0 0 0.85rem;
}

/* line 571, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.85rem;
}

/* line 579, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__panel-head .etms-card-detail__panel-title {
  margin-bottom: 0;
}

/* line 584, app/assets/stylesheets/etms_kanban.scss */
.etms-label {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* line 594, app/assets/stylesheets/etms_kanban.scss */
.etms-input {
  display: block;
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 0.5rem 0.65rem;
  font-size: 0.875rem;
  color: #1e293b;
  background: #f8fafc;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* line 605, app/assets/stylesheets/etms_kanban.scss */
.etms-input:focus {
  outline: none;
  border-color: #a5b4fc;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(165, 180, 252, 0.35);
}

/* line 613, app/assets/stylesheets/etms_kanban.scss */
.etms-input--lg {
  font-size: 1rem;
  font-weight: 600;
  padding: 0.55rem 0.75rem;
}

/* line 619, app/assets/stylesheets/etms_kanban.scss */
.etms-input--area {
  resize: vertical;
  min-height: 100px;
}

/* line 624, app/assets/stylesheets/etms_kanban.scss */
.etms-field {
  margin-bottom: 1rem;
}

/* line 628, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__fields-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

/* line 634, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

/* line 640, app/assets/stylesheets/etms_kanban.scss */
.etms-label-chip {
  margin: 0;
  cursor: pointer;
}

/* line 644, app/assets/stylesheets/etms_kanban.scss */
.etms-label-chip__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 650, app/assets/stylesheets/etms_kanban.scss */
.etms-label-chip__text {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.3rem 0.6rem;
  border-radius: 8px;
  background: color-mix(in srgb, var(--chip-color, #94a3b8) 25%, #fff);
  color: color-mix(in srgb, var(--chip-color, #475569) 75%, #1e293b);
  border: 2px solid transparent;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* line 662, app/assets/stylesheets/etms_kanban.scss */
.etms-label-chip__input:checked + .etms-label-chip__text {
  border-color: color-mix(in srgb, var(--chip-color, #6366f1) 70%, #4f46e5);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--chip-color, #a5b4fc) 40%, transparent);
}

/* line 668, app/assets/stylesheets/etms_kanban.scss */
.etms-btn {
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.45rem 0.9rem;
  text-decoration: none;
  display: inline-block;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}

/* line 680, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--primary {
  background: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);
  color: #fff;
  box-shadow: 0 2px 10px rgba(129, 140, 248, 0.35);
}

/* line 685, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--primary:hover {
  box-shadow: 0 4px 14px rgba(129, 140, 248, 0.45);
}

/* line 690, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--secondary {
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
}

/* line 695, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--secondary:hover {
  background: #e2e8f0;
}

/* line 700, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--ghost {
  background: transparent;
  color: #64748b;
}

/* line 704, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--ghost:hover {
  background: #f1f5f9;
}

/* line 709, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--ghost-danger {
  background: transparent;
  color: #e11d48;
}

/* line 713, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--ghost-danger:hover {
  background: #fff1f2;
}

/* line 718, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--danger {
  background: #fecdd3;
  color: #be123c;
}

/* line 722, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--danger:hover {
  background: #fda4af;
}

/* line 727, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--block {
  width: 100%;
  text-align: center;
}

/* line 732, app/assets/stylesheets/etms_kanban.scss */
.etms-btn--xs {
  font-size: 0.75rem;
  padding: 0.2rem 0.45rem;
}

/* line 737, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__form-actions {
  padding-top: 0.25rem;
}

/* line 741, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.75rem;
}

/* line 749, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__empty {
  font-size: 0.8125rem;
  color: #94a3b8;
  margin: 0;
}

/* line 755, app/assets/stylesheets/etms_kanban.scss */
.etms-attachment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 761, app/assets/stylesheets/etms_kanban.scss */
.etms-attachment-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid #f1f5f9;
}

/* line 769, app/assets/stylesheets/etms_kanban.scss */
.etms-attachment-list__item:last-child {
  border-bottom: none;
}

/* line 774, app/assets/stylesheets/etms_kanban.scss */
.etms-attachment-list__name {
  color: #4f46e5;
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: 500;
}

/* line 780, app/assets/stylesheets/etms_kanban.scss */
.etms-attachment-list__name:hover {
  text-decoration: underline;
}

/* line 785, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__comment-form {
  margin-bottom: 1rem;
}

/* line 788, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__comment-form .etms-btn {
  margin-top: 0.5rem;
}

/* line 793, app/assets/stylesheets/etms_kanban.scss */
.etms-comments {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

/* line 799, app/assets/stylesheets/etms_kanban.scss */
.etms-comment {
  display: flex;
  gap: 0.65rem;
}

/* line 804, app/assets/stylesheets/etms_kanban.scss */
.etms-comment__avatar {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #c7d2fe, #fbcfe8);
  color: #4338ca;
  font-size: 0.875rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 818, app/assets/stylesheets/etms_kanban.scss */
.etms-comment__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.5rem;
  margin-bottom: 0.25rem;
}

/* line 825, app/assets/stylesheets/etms_kanban.scss */
.etms-comment__meta strong {
  font-size: 0.8125rem;
  color: #1e293b;
}

/* line 830, app/assets/stylesheets/etms_kanban.scss */
.etms-comment__meta time {
  font-size: 0.7rem;
  color: #94a3b8;
}

/* line 836, app/assets/stylesheets/etms_kanban.scss */
.etms-comment__text {
  font-size: 0.875rem;
  color: #475569;
  line-height: 1.45;
}

/* line 841, app/assets/stylesheets/etms_kanban.scss */
.etms-comment__text p:last-child {
  margin-bottom: 0;
}

/* line 846, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__assign-form {
  margin-bottom: 0.65rem;
}

/* line 850, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__assign-row {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

/* line 856, app/assets/stylesheets/etms_kanban.scss */
.etms-member-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 862, app/assets/stylesheets/etms_kanban.scss */
.etms-member-list__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0;
  font-size: 0.875rem;
  color: #334155;
}

/* line 871, app/assets/stylesheets/etms_kanban.scss */
.etms-member-list__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e0e7ff;
  color: #4338ca;
  font-size: 0.75rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 884, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__activity {
  max-height: 280px;
  overflow-y: auto;
}

/* line 888, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__activity .etms-activity-feed__item {
  padding: 0.5rem 0;
}

/* line 893, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__aside {
  position: sticky;
  top: 1rem;
}

/* line 899, app/assets/stylesheets/etms_kanban.scss */
.etms-checklists__add-form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

/* line 905, app/assets/stylesheets/etms_kanban.scss */
.etms-checklists__add-form .etms-input {
  flex: 1;
  min-width: 140px;
}

/* line 911, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist {
  padding: 0.75rem 0;
  border-bottom: 1px solid #f1f5f9;
}

/* line 915, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 921, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 929, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__title {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0;
  color: #334155;
}

/* line 936, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__progress {
  height: 6px;
  background: #e2e8f0;
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 0.25rem;
}

/* line 944, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #86efac, #4ade80);
  border-radius: 999px;
  transition: width 0.2s ease;
}

/* line 951, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__progress-label {
  font-size: 0.7rem;
  color: #64748b;
  margin: 0 0 0.5rem;
}

/* line 957, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__items {
  list-style: none;
  margin: 0 0 0.5rem;
  padding: 0;
}

/* line 963, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__item {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0;
  border-radius: 8px;
}

/* line 970, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__item--done .etms-checklist__item-text {
  text-decoration: line-through;
  color: #94a3b8;
}

/* line 975, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__item--done .etms-checklist__check {
  background: #86efac;
  border-color: #4ade80;
}

/* line 979, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__item--done .etms-checklist__check::after {
  content: "✓";
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
}

/* line 988, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__toggle-form {
  display: inline;
  margin: 0;
}

/* line 993, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__toggle {
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  line-height: 1;
}

/* line 1001, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__check {
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid #cbd5e1;
  border-radius: 5px;
  background: #fff;
}

/* line 1010, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__item-text {
  flex: 1;
  font-size: 0.875rem;
  color: #334155;
}

/* line 1016, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__add-item {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

/* line 1022, app/assets/stylesheets/etms_kanban.scss */
.etms-checklist__add-item .etms-input {
  flex: 1;
  min-width: 120px;
}

@media (max-width: 992px) {
  /* line 1029, app/assets/stylesheets/etms_kanban.scss */
  .etms-card-detail__layout {
    grid-template-columns: 1fr;
  }
  /* line 1033, app/assets/stylesheets/etms_kanban.scss */
  .etms-card-detail__aside {
    position: static;
  }
  /* line 1037, app/assets/stylesheets/etms_kanban.scss */
  .etms-card-detail__fields-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 992px) {
  /* line 1043, app/assets/stylesheets/etms_kanban.scss */
  .etms-board-page__body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 1fr auto;
  }
  /* line 1048, app/assets/stylesheets/etms_kanban.scss */
  .etms-board-page--activity-closed .etms-board-page__body {
    grid-template-rows: 1fr;
  }
  /* line 1052, app/assets/stylesheets/etms_kanban.scss */
  .etms-board-page__sidebar {
    max-height: 220px;
  }
}

/* line 1058, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__list--add {
  background: rgba(255, 255, 255, 0.35);
  border: 2px dashed rgba(148, 163, 184, 0.45);
  box-shadow: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.75rem;
  min-height: 60px;
}

/* line 1069, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__add-list-form {
  width: 100%;
}

/* line 1074, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-row {
  margin-bottom: 0.5rem;
}

/* line 1078, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-row__form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  padding: 0.5rem 0.65rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

/* line 1089, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-row__name {
  flex: 1 1 180px;
  min-width: 120px;
  padding: 0.35rem 0.55rem;
  font-size: 0.875rem;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
}

/* line 1099, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-row__kind {
  flex: 0 0 140px;
  padding: 0.35rem 0.4rem;
  font-size: 0.8125rem;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
}

/* line 1108, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-row__pos {
  flex: 0 0 60px;
  padding: 0.35rem 0.4rem;
  font-size: 0.8125rem;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
  text-align: center;
}

/* line 1118, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-row__count {
  font-size: 0.75rem;
  color: #64748b;
  white-space: nowrap;
}

/* line 1124, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-row__save {
  padding: 0.3rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #fff;
  background: #6366f1;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

/* line 1134, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-row__save:hover {
  background: #4f46e5;
}

/* line 1139, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-row__delete {
  padding: 0.3rem 0.65rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #e11d48;
  text-decoration: none;
}

/* line 1146, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-row__delete:hover {
  text-decoration: underline;
}

/* line 1151, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-empty {
  color: #94a3b8;
  font-style: italic;
}

/* line 1156, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-add-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #334155;
  margin: 0.75rem 0 0.5rem;
}

/* line 1163, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-add {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}

/* line 1170, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-add__name {
  flex: 1 1 200px;
  min-width: 140px;
  padding: 0.4rem 0.6rem;
  font-size: 0.875rem;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
}

/* line 1180, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-add__kind {
  flex: 0 0 140px;
  padding: 0.4rem 0.4rem;
  font-size: 0.8125rem;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
}

/* line 1189, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-add__btn {
  padding: 0.4rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(129, 140, 248, 0.3);
}

/* line 1200, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-list-add__btn:hover {
  box-shadow: 0 4px 12px rgba(129, 140, 248, 0.45);
}

/* line 1206, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 1rem;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}

/* line 1217, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__search {
  flex: 0 1 220px;
  min-width: 140px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 0.3rem 0.65rem;
  font-size: 0.8125rem;
  background: rgba(255, 255, 255, 0.85);
  color: #334155;
}

/* line 1227, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__search:focus {
  outline: none;
  border-color: #a5b4fc;
  box-shadow: 0 0 0 3px rgba(165, 180, 252, 0.3);
  background: #fff;
}

/* line 1234, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__search::placeholder {
  color: #94a3b8;
}

/* line 1237, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

/* line 1243, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__label-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--chip-color, #94a3b8) 18%, #fff);
  color: color-mix(in srgb, var(--chip-color, #475569) 75%, #1e293b);
  border: 1px solid color-mix(in srgb, var(--chip-color, #cbd5e1) 30%, transparent);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* line 1257, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__label-chip input[type="checkbox"] {
  display: none;
}

/* line 1259, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__label-chip:has(input:checked) {
  border-color: color-mix(in srgb, var(--chip-color, #6366f1) 60%, #4f46e5);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--chip-color, #a5b4fc) 35%, transparent);
  background: color-mix(in srgb, var(--chip-color, #94a3b8) 28%, #fff);
}

/* line 1266, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__label-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

/* line 1273, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__member {
  flex: 0 0 auto;
  min-width: 120px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 0.28rem 0.55rem;
  font-size: 0.8125rem;
  background: rgba(255, 255, 255, 0.85);
  color: #334155;
}

/* line 1283, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__member:focus {
  outline: none;
  border-color: #a5b4fc;
  box-shadow: 0 0 0 3px rgba(165, 180, 252, 0.3);
}

/* line 1290, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__clear {
  border: none;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.4rem;
  border-radius: 6px;
}

/* line 1300, app/assets/stylesheets/etms_kanban.scss */
.etms-filter-bar__clear:hover {
  color: #e11d48;
  background: #fff1f2;
}

/* line 1304, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__list-menu {
  position: relative;
  margin-left: auto;
}

/* line 1309, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__list-menu-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1rem;
  color: #94a3b8;
  padding: 0.1rem 0.3rem;
  border-radius: 6px;
  line-height: 1;
}

/* line 1319, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__list-menu-btn:hover {
  background: rgba(0, 0, 0, 0.06);
  color: #475569;
}

/* line 1322, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__list-dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 100;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  min-width: 140px;
  padding: 0.3rem;
  overflow: hidden;
}

/* line 1337, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__list-menu:hover .etms-kanban__list-dropdown,
.etms-kanban__list-menu:focus-within .etms-kanban__list-dropdown {
  display: block;
}

/* line 1342, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__dropdown-item {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left;
  padding: 0.4rem 0.65rem;
  font-size: 0.8125rem;
  color: #334155;
  cursor: pointer;
  border-radius: 6px;
}

/* line 1354, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__dropdown-item:hover {
  background: #f1f5f9;
}

/* line 1357, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__dropdown-item--danger {
  color: #e11d48;
}

/* line 1360, app/assets/stylesheets/etms_kanban.scss */
.etms-kanban__dropdown-item--danger:hover {
  background: #fff1f2;
}

/* line 1364, app/assets/stylesheets/etms_kanban.scss */
.etms-settings {
  max-width: 1080px;
  margin: 0 auto;
  padding: 1.5rem 1rem 3rem;
}

/* line 1370, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

/* line 1379, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
  color: #1e293b;
}

/* line 1386, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__back {
  color: #475569;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  padding: 0.3rem 0.65rem;
  border-radius: 8px;
  background: #f1f5f9;
}

/* line 1395, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__back:hover {
  background: #e2e8f0;
  color: #1e293b;
}

/* line 1398, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

/* line 1404, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #f1f5f9;
}

/* line 1412, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__row:last-child {
  border-bottom: none;
}

/* line 1415, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__inline-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  flex: 1;
}

/* line 1423, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__color-swatch {
  width: 36px;
  height: 36px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: 2px;
  cursor: pointer;
  background: transparent;
}

/* line 1433, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__member-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

/* line 1441, app/assets/stylesheets/etms_kanban.scss */
.etms-settings__member-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1e293b;
}

/* line 1448, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--status-admin {
  background: #e0e7ff;
  color: #4338ca;
}

/* line 1449, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--status-member {
  background: #dcfce7;
  color: #15803d;
}

/* line 1450, app/assets/stylesheets/etms_kanban.scss */
.etms-badge--status-observer {
  background: #f1f5f9;
  color: #64748b;
}

/* line 1453, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-members-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

/* line 1458, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-members-table th {
  text-align: left;
  font-weight: 600;
  color: #64748b;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0.45rem 0.65rem;
  border-bottom: 2px solid #e2e8f0;
}

/* line 1469, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-members-table td {
  padding: 0.55rem 0.65rem;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
}

/* line 1475, app/assets/stylesheets/etms_kanban.scss */
.etms-admin-members-table tr:last-child td {
  border-bottom: none;
}

/* line 1479, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__cover-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 1485, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__cover-colors {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

/* line 1491, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__cover-pick {
  width: 32px;
  height: 24px;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.15s ease, transform 0.15s ease;
}

/* line 1499, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__cover-pick input[type="radio"] {
  display: none;
}

/* line 1501, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__cover-pick:has(input:checked) {
  border-color: #1e293b;
  transform: scale(1.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* line 1507, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__cover-pick:hover {
  transform: scale(1.1);
}

/* line 1510, app/assets/stylesheets/etms_kanban.scss */
.etms-card-detail__cover-pick--none {
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  font-size: 0.875rem;
  font-weight: 700;
}

/* line 1521, app/assets/stylesheets/etms_kanban.scss */
.etms-boards-index {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem 1rem 3rem;
}

/* line 1527, app/assets/stylesheets/etms_kanban.scss */
.etms-boards-index__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

/* line 1536, app/assets/stylesheets/etms_kanban.scss */
.etms-boards-index__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

/* line 1543, app/assets/stylesheets/etms_kanban.scss */
.etms-boards-index__subtitle {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
}

/* line 1549, app/assets/stylesheets/etms_kanban.scss */
.etms-boards-index__empty {
  text-align: center;
  padding: 3rem 1rem;
  color: #94a3b8;
  font-size: 1rem;
}

/* line 1556, app/assets/stylesheets/etms_kanban.scss */
.etms-boards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}

/* line 1562, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__name {
  font-size: 1rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 0.25rem;
  line-height: 1.3;
}

/* line 1570, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__desc {
  font-size: 0.8125rem;
  color: #64748b;
  margin: 0 0 0.5rem;
  line-height: 1.35;
}

/* line 1577, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}

/* line 1584, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__avatars {
  display: flex;
  align-items: center;
  margin-left: auto;
}

/* line 1590, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #e0e7ff;
  color: #4338ca;
  font-size: 0.65rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  margin-left: -6px;
}

/* line 1604, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__avatar:first-child {
  margin-left: 0;
}

/* line 1607, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__avatar--more {
  background: #f1f5f9;
  color: #64748b;
}

/* line 1612, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__time {
  font-size: 0.7rem;
  color: #94a3b8;
}

/* line 1617, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile--new {
  border: 2px dashed #cbd5e1;
  background: transparent;
}

/* line 1621, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile--new:hover {
  border-color: #818cf8;
  background: #f8fafc;
}

/* line 1627, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__body--center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 0.25rem;
}

/* line 1636, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__new-icon {
  font-size: 2rem;
  color: #94a3b8;
  line-height: 1;
}

/* line 1642, app/assets/stylesheets/etms_kanban.scss */
.etms-board-tile__new-text {
  font-size: 0.875rem;
  color: #64748b;
  font-weight: 600;
}

@media (max-width: 768px) {
  /* line 1649, app/assets/stylesheets/etms_kanban.scss */
  .etms-settings {
    padding: 1rem 0.5rem 2rem;
  }
  /* line 1650, app/assets/stylesheets/etms_kanban.scss */
  .etms-settings__row {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 1651, app/assets/stylesheets/etms_kanban.scss */
  .etms-settings__inline-form {
    width: 100%;
  }
  /* line 1652, app/assets/stylesheets/etms_kanban.scss */
  .etms-filter-bar {
    padding: 0.4rem 0.5rem;
  }
  /* line 1653, app/assets/stylesheets/etms_kanban.scss */
  .etms-filter-bar__search {
    flex: 1 1 100%;
  }
  /* line 1654, app/assets/stylesheets/etms_kanban.scss */
  .etms-boards-grid {
    grid-template-columns: 1fr;
  }
}

/* line 812, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-viewing-banner {
  border-radius: 10px;
  border: 1px solid rgba(13, 110, 253, 0.25);
  background: #eef6ff;
}

/* line 818, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-zone {
  padding-top: 0.25rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--cui-border-color-translucent, rgba(0, 0, 0, 0.08));
}

/* line 823, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-zone:last-of-type {
  border-bottom: none;
}

/* line 827, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-zone--messages {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 832, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-zone__title {
  font-weight: 700;
  color: var(--cui-body-color);
}

/* line 837, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-zone__subtitle {
  max-width: 42rem;
}

/* line 843, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-messages .employee-dash-message:last-child {
  margin-bottom: 0 !important;
}

/* line 848, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat-link {
  display: block;
  color: inherit;
}

/* line 853, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  border-radius: 0.5rem;
  color: #fff;
  min-height: 88px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* line 863, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat__icon {
  font-size: 1.35rem;
  opacity: 0.9;
}

/* line 868, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat__label {
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  opacity: 0.9;
}

/* line 876, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat__value {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

/* line 882, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat--primary {
  background: linear-gradient(135deg, #5856d6, #4f46e5);
  color: #fff;
}

/* line 883, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat--warning {
  background: linear-gradient(135deg, #f9b115, #e09b0d);
  color: #212631;
}

/* line 884, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat--info {
  background: linear-gradient(135deg, #39f, #2563eb);
  color: #fff;
}

/* line 885, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat--danger {
  background: linear-gradient(135deg, #e55353, #dc3545);
  color: #fff;
}

/* line 886, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat--success {
  background: linear-gradient(135deg, #2e9b52 0%, #1a7a42 100%);
  color: #fff;
}

/* line 888, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat--warning .employee-dash-stat__icon, .employee-dashboard .employee-dash-stat--warning .employee-dash-stat__label, .employee-dashboard .employee-dash-stat--warning .employee-dash-stat__value {
  color: #212631;
}

/* line 894, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-stat--primary .employee-dash-stat__icon, .employee-dashboard .employee-dash-stat--primary .employee-dash-stat__label, .employee-dashboard .employee-dash-stat--primary .employee-dash-stat__value, .employee-dashboard .employee-dash-stat--info .employee-dash-stat__icon, .employee-dashboard .employee-dash-stat--info .employee-dash-stat__label, .employee-dashboard .employee-dash-stat--info .employee-dash-stat__value, .employee-dashboard .employee-dash-stat--danger .employee-dash-stat__icon, .employee-dashboard .employee-dash-stat--danger .employee-dash-stat__label, .employee-dashboard .employee-dash-stat--danger .employee-dash-stat__value, .employee-dashboard .employee-dash-stat--success .employee-dash-stat__icon, .employee-dashboard .employee-dash-stat--success .employee-dash-stat__label, .employee-dashboard .employee-dash-stat--success .employee-dash-stat__value {
  color: inherit;
}

/* line 910, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-quick-link {
  color: var(--cui-body-color);
}

/* line 913, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-quick-link .card-body {
  display: flex;
  align-items: center;
}

/* line 918, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-quick-link:hover {
  border-color: var(--cui-primary);
}

/* line 923, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-calls-encourage {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  border: none;
}

/* line 929, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-calls-encourage__icon {
  font-size: 1.25rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
}

/* line 937, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__item {
  padding: 0.85rem 1rem;
  font-size: 0.8125rem;
  border-bottom: 1px solid #eef1f5;
}

/* line 942, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__item:last-child {
  border-bottom: none;
}

/* line 947, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

/* line 955, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

/* line 963, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__rank {
  flex-shrink: 0;
}

/* line 967, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__name {
  word-break: break-word;
}

/* line 971, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__meta, .employee-dashboard .employee-dash-top-leads__details, .employee-dashboard .employee-dash-top-leads__bde {
  color: #64748b;
  line-height: 1.45;
  margin-bottom: 0.25rem;
}

/* line 979, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__status {
  font-weight: 600;
  color: #475569;
}

/* line 984, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__sep {
  margin: 0 0.25rem;
  opacity: 0.65;
}

/* line 989, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__rounds {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.35rem;
}

/* line 995, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-top-leads__rounds .badge {
  font-size: 0.7rem;
  font-weight: 600;
}

/* line 1002, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-leads-target {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* line 1010, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-leads-target__main {
  display: flex;
  gap: 0.85rem;
  flex: 1;
  min-width: 0;
}

/* line 1017, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-leads-target__icon {
  font-size: 1.5rem;
  margin-top: 0.15rem;
  flex-shrink: 0;
}

/* line 1023, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-leads-target__copy {
  flex: 1;
  min-width: 0;
}

/* line 1028, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-leads-target__bar {
  height: 0.5rem;
  border-radius: 999px;
}

/* line 1034, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-zone--team {
  border-radius: 12px;
  border: 1px solid rgba(95, 190, 220, 0.22);
  background: linear-gradient(180deg, #f8fcff 0%, #fff 28%);
  padding: 1.25rem 1.35rem 1.5rem;
  margin-bottom: 1.5rem;
}

/* line 1041, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-zone--team .employee-dash-team-panels {
  margin-bottom: 0;
}

/* line 1045, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-zone--team .employee-dash-team-panel__heading {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
  padding: 0.55rem 1rem;
  margin: 0;
  background: #f8fafc;
  border-top: 1px solid #eef0f2;
}

/* line 1058, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-grid__title {
  margin: 1.35rem 0 0.75rem;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #64748b;
}

/* line 1067, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-grid {
  margin-top: 0;
}

/* line 1070, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-grid.row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

/* line 1079, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-grid > .col {
  flex: 1 1 calc(33.333% - 0.67rem);
  min-width: 280px;
  max-width: 100%;
  padding: 0;
}

/* line 1087, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card {
  border: 1px solid #dbe4f0 !important;
  border-radius: 12px !important;
  background: #fff;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
  height: 100%;
}

/* line 1095, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card:hover {
  transform: translateY(-2px);
  border-color: rgba(110, 140, 240, 0.4) !important;
  box-shadow: 0 8px 20px rgba(110, 140, 240, 0.14) !important;
}

/* line 1101, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card .card-body {
  display: flex !important;
  flex-direction: column !important;
  padding: 1.15rem 1.25rem !important;
  min-height: 220px;
}

/* line 1108, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

/* line 1116, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__identity {
  min-width: 0;
  flex: 1;
}

/* line 1121, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__name {
  font-size: 1rem;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.3;
  margin: 0 0 0.35rem;
}

/* line 1129, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__name-link {
  color: #1e293b !important;
}

/* line 1132, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__name-link:hover {
  color: var(--cui-primary, #0d6efd) !important;
}

/* line 1137, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__meta {
  font-size: 0.8125rem;
  color: #64748b;
  line-height: 1.45;
}

/* line 1142, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__meta i {
  color: var(--cui-primary, #0d6efd);
  width: 1rem;
  text-align: center;
}

/* line 1149, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: linear-gradient(135deg, #eef2ff 0%, #e0f2fe 100%);
  color: var(--cui-primary, #0d6efd);
  font-size: 1.15rem;
}

/* line 1162, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__contact {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  font-size: 0.8125rem;
  color: #475569;
}

/* line 1169, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__contact li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.45rem;
  word-break: break-word;
}

/* line 1176, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__contact li:last-child {
  margin-bottom: 0;
}

/* line 1180, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__contact li i {
  color: #5fbedc;
  margin-top: 0.15rem;
  flex-shrink: 0;
}

/* line 1188, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 0.85rem;
  border-top: 1px solid #eef0f2;
}

/* line 1199, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__badge {
  display: inline-flex !important;
  width: auto !important;
  padding: 0.3rem 0.65rem !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  background: #e0f2fe !important;
  color: #0369a1 !important;
  border: 1px solid #bae6fd !important;
}

/* line 1211, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__dept {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  text-align: right;
}

/* line 1217, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .employee-dash-team-card__dept i {
  color: var(--cui-primary, #0d6efd);
}

/* line 1224, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .row.g-3,
.employee-dashboard .row.g-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-left: 0;
  margin-right: 0;
}

/* line 1232, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .row.g-3 > [class*="col-"],
.employee-dashboard .row.g-4 > [class*="col-"] {
  padding: 0;
  flex: 1 1 auto;
}

/* line 1238, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .row.g-3 > .col-sm-6 {
  flex: 1 1 calc(50% - 0.5rem);
  min-width: 220px;
}

/* line 1243, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .row.g-3 > .col-xl-3 {
  flex: 1 1 calc(25% - 0.75rem);
  min-width: 200px;
}

/* line 1248, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .row.g-4 > .col-lg-4 {
  flex: 1 1 calc(33.333% - 0.67rem);
  min-width: 260px;
}

/* line 1253, app/assets/stylesheets/application.employee.scss */
.employee-dashboard .row.g-4 > .col-lg-8 {
  flex: 1 1 calc(66.666% - 0.5rem);
  min-width: 280px;
}

@media (max-width: 768px) {
  /* line 1259, app/assets/stylesheets/application.employee.scss */
  .employee-dashboard .row.g-3 > [class*="col-"],
.employee-dashboard .row.g-4 > [class*="col-"],
.employee-dashboard .employee-dash-team-grid > .col {
    flex: 1 1 100%;
    min-width: 0;
  }
}