/* /Components/AddButton/AddButton.razor.rz.scp.css */
.add-button[b-kikzv5fgg3], .add-button--inverted[b-kikzv5fgg3], .add-button--disabled[b-kikzv5fgg3]{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 6px 12px;
  cursor: pointer;
  border: var(--border);
  overflow: hidden;
  transition: all 0.3s ease;

  border-radius: var(--radius);
  width: var(--width);
  height: var(--height);
}

.add-button--inverted[b-kikzv5fgg3] {
  flex-direction: row-reverse;
}

.add-button--disabled[b-kikzv5fgg3] {
  opacity: 0.6;
  cursor: not-allowed;
}

.add-button__spinner[b-kikzv5fgg3] {
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: add-button-spin-b-kikzv5fgg3 0.8s linear infinite;
}

@keyframes add-button-spin-b-kikzv5fgg3 {
  to {
    transform: rotate(360deg);
  }
}
/* /Components/AddCheckbox/AddCheckbox.razor.rz.scp.css */
.add-checkbox[b-1m9ys38k19] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.add-checkbox input[type="checkbox"][b-1m9ys38k19] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-grey-primary);
  background-color: var(--color-white-primary);
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}

.add-checkbox input[type="checkbox"]:hover[b-1m9ys38k19] {
  border-color: #4f46e5;
}

.add-checkbox input[type="checkbox"]:checked[b-1m9ys38k19] {
  background: var(--color-red-primary);
  border-color: var(--color-red-primary);
}

.add-checkbox input[type="checkbox"][b-1m9ys38k19]::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.15s ease;
  background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='white' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");
  background-size: 100%;
  background-repeat: no-repeat;
}

.add-checkbox input[type="checkbox"]:checked[b-1m9ys38k19]::after {
  opacity: 1;
  transform: scale(1);
}

.add-checkbox label[b-1m9ys38k19] {
  cursor: pointer;
}
/* /Components/AddDateTimePicker/AddDateTimePicker.razor.rz.scp.css */
.add-datetime-picker[b-ct1ucdj45d] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.add-datetime-picker__label[b-ct1ucdj45d] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.add-datetime-picker__trigger[b-ct1ucdj45d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--borderColor, #bcbcbc);
  border-radius: 4px;
  background: var(--whiteSecondary, #f6f6f6);
  color: var(--textPrimary, #33303e);
  font-family: inherit;
  font-size: 14px;
  cursor: pointer;
  text-align: left;
  transition: border-color 0.3s ease;
}

.add-datetime-picker__trigger:hover[b-ct1ucdj45d],
.add-datetime-picker__trigger--open[b-ct1ucdj45d] {
  border-color: var(--bluePrimary, #0077d1);
}

.add-datetime-picker__placeholder[b-ct1ucdj45d] {
  color: var(--textSecondary, #767481);
}

.add-datetime-picker__display-value[b-ct1ucdj45d] {
  color: var(--textPrimary, #33303e);
}

.add-datetime-picker__calendar-icon[b-ct1ucdj45d] {
  font-size: 20px;
  color: var(--textSecondary, #767481);
  flex-shrink: 0;
}

.add-datetime-picker__backdrop[b-ct1ucdj45d] {
  position: fixed;
  inset: 0;
  z-index: 100;
}

.add-datetime-picker__panel[b-ct1ucdj45d] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 101;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 16px;
  width: 284px;
}

.add-datetime-picker__cal-header[b-ct1ucdj45d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.add-datetime-picker__month-year[b-ct1ucdj45d] {
  font-size: 14px;
  font-weight: 600;
  color: var(--textPrimary, #33303e);
  text-transform: capitalize;
}

.add-datetime-picker__nav-btn[b-ct1ucdj45d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  color: var(--textSecondary, #767481);
  transition: background 0.2s;
}

.add-datetime-picker__nav-btn:hover[b-ct1ucdj45d] {
  background: var(--whiteTertiary, #f3f3f3);
  color: var(--textPrimary, #33303e);
}

.add-datetime-picker__nav-btn .material-symbols-outlined[b-ct1ucdj45d] {
  font-size: 18px;
}

.add-datetime-picker__cal-grid[b-ct1ucdj45d] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 12px;
}

.add-datetime-picker__day-header[b-ct1ucdj45d] {
  font-size: 11px;
  font-weight: 600;
  color: var(--textSecondary, #767481);
  text-align: center;
  padding: 4px 0;
}

.add-datetime-picker__day[b-ct1ucdj45d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: auto;
  border: none;
  background: transparent;
  border-radius: 50%;
  font-size: 13px;
  font-family: inherit;
  color: var(--textPrimary, #33303e);
  cursor: pointer;
  transition: background 0.15s;
}

.add-datetime-picker__day:hover:not(:disabled)[b-ct1ucdj45d] {
  background: var(--whiteTertiary, #f3f3f3);
}

.add-datetime-picker__day--other-month[b-ct1ucdj45d] {
  color: #c0c0c0;
  cursor: default;
}

.add-datetime-picker__day--today[b-ct1ucdj45d] {
  font-weight: 700;
  color: var(--bluePrimary, #0077d1);
}

.add-datetime-picker__day--selected[b-ct1ucdj45d] {
  background: var(--bluePrimary, #0077d1) !important;
  color: white !important;
  font-weight: 600;
}

.add-datetime-picker__time-section[b-ct1ucdj45d] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 12px;
}

.add-datetime-picker__time-icon[b-ct1ucdj45d] {
  font-size: 18px;
  color: var(--textSecondary, #767481);
}

.add-datetime-picker__time-select[b-ct1ucdj45d] {
  flex: 1;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 14px;
  font-family: inherit;
  color: var(--textPrimary, #33303e);
  background: white;
  cursor: pointer;
}

.add-datetime-picker__time-select:focus[b-ct1ucdj45d] {
  outline: none;
  border-color: var(--bluePrimary, #0077d1);
}

.add-datetime-picker__time-colon[b-ct1ucdj45d] {
  font-size: 16px;
  font-weight: 600;
  color: var(--textPrimary, #33303e);
}

.add-datetime-picker__panel-footer[b-ct1ucdj45d] {
  display: flex;
  justify-content: flex-end;
}

.add-datetime-picker__confirm-btn[b-ct1ucdj45d] {
  padding: 6px 16px;
  background: var(--bluePrimary, #0077d1);
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-family: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.add-datetime-picker__confirm-btn:hover:not(:disabled)[b-ct1ucdj45d] {
  background: var(--blueSecondary, #016bba);
}

.add-datetime-picker__confirm-btn:disabled[b-ct1ucdj45d] {
  opacity: 0.5;
  cursor: default;
}
/* /Components/AddIcon/AddIcon.razor.rz.scp.css */
.icon[b-e7u4e6vg4e] {
  --width-icon: var(--width-icon);
  --height-icon: var(--height-icon);

  width: var(--width-icon);
  height: var(--height-icon);
}


.icon-with-background[b-e7u4e6vg4e] {
  --width-background: var(--width-background);
  --height-background: var(--height-background);
  --color-background: var(--color-background);

  width: var(--width-background);
  height: var(--height-background);
  background-color: var(--color-background);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
/* /Components/AddImage/AddImage.razor.rz.scp.css */
.add-image-wrapper[b-c4npkrioxk] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f7f7f8 0%, #efeff1 100%);
  contain: paint;

  & > img {
    transition: all ease 0.2s;
  }
}

.add-image-loading[b-c4npkrioxk],
.add-image-fallback[b-c4npkrioxk] {
  position: absolute;
  inset: 0;
}

.add-image-loading[b-c4npkrioxk] {
  z-index: 1;
  pointer-events: none;
}

.add-image[b-c4npkrioxk] {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.24s ease;
}

.add-image.loaded[b-c4npkrioxk] {
  opacity: 1;
  visibility: visible;
}

.add-image-fallback[b-c4npkrioxk] {
  display: grid;
  place-items: center;
  padding: 1rem;
  color: #6b7280;
  background: linear-gradient(180deg, #f7f7f8 0%, #ececef 100%);
  text-align: center;
}

.add-image-wrapper.is-loaded .add-image-loading[b-c4npkrioxk],
.add-image-wrapper.is-loaded .add-image-fallback[b-c4npkrioxk],
.add-image-wrapper.has-error .add-image-loading[b-c4npkrioxk] {
  display: none;
}
/* /Components/AddInfoRow/AddInfoRow.razor.rz.scp.css */
.add-info-row[b-ghgcs1agfz] {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 2px 0;
}

.add-info-row__label[b-ghgcs1agfz] {
  min-width: 130px;
}

.add-info-row__copy-btn[b-ghgcs1agfz] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--textSecondary);
  transition: color 0.15s ease, background 0.15s ease;
  flex-shrink: 0;
}

.add-info-row__copy-btn:hover[b-ghgcs1agfz] {
  background: var(--whiteTertiary);
  color: var(--bluePrimary);
}

.add-info-row__copy-btn--copied[b-ghgcs1agfz] {
  opacity: 1 !important;
  color: #26b050;
}

.add-info-row__phone-link[b-ghgcs1agfz] {
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: 14px;
}

@media (max-width: 600px) {
  .add-info-row__phone-link[b-ghgcs1agfz] {
    color: var(--color-blue);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}
/* /Components/AddInput/AddInput.razor.rz.scp.css */
.add-input[b-raj08ss025] {
  width: var(--width);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.add-input__input[b-raj08ss025] {
  width: var(--width);
  height: var(--height);
  padding: var(--padding);
  border: var(--border);
  border-radius: var(--radius);
}

textarea.add-input__input[b-raj08ss025] {
  field-sizing: content;
  min-height: 80px;
  height: auto;
}

.add-input__input-wrapper[b-raj08ss025] {
  position: relative;
  width: 100%;
}

.add-input__input--with-toggle[b-raj08ss025] {
  padding-right: 42px;
}

.add-input__label[b-raj08ss025] {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.add-input__toggle-password[b-raj08ss025] {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-grey-dark);
  cursor: pointer;
}

.add-input__toggle-password svg[b-raj08ss025] {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
/* /Components/AddModal/AddModal.razor.rz.scp.css */
.add-modal__button-open[b-5son40rpdq] {
  display: block;
  width: auto;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  border: none;
}

.add-modal__overlay[b-5son40rpdq] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  overflow: hidden;
}

.add-modal__container[b-5son40rpdq] {
  display: flex;
  flex-direction: column;
  background: var(--color-white-primary);
  position: relative;
  z-index: 9999;
  width: var(--width);
  max-width: calc(100vw - 32px);
  height: var(--height, auto);
  max-height: calc(100vh - 32px);
  border-radius: var(--radius);
  overflow: clip;
}

.add-modal__form[b-5son40rpdq] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  overflow-y: auto;
}

.add-modal__header[b-5son40rpdq] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  z-index: 9999;
}

.add-modal__footer[b-5son40rpdq] {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-shrink: 0;
  gap: 12px;
  padding: 32px;
}
/* /Components/AddRadio/AddRadio.razor.rz.scp.css */
.add-radio[b-q11t2acuyo] {
  border: none;
  padding: 0;
  margin: 20px 0;
  font-family: var(--fontNotoSans);
}

.add-radio-legend[b-q11t2acuyo] {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--textPrimary);
}

.add-radio-options[b-q11t2acuyo] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.add-radio-option[b-q11t2acuyo] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 15px;
  color: var(--textPrimary);
}

.add-radio-option input[b-q11t2acuyo] {
  display: none;
}

.radio-circle[b-q11t2acuyo] {
  width: 18px;
  height: 18px;
  border: 2px solid var(--borderColor);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
}

.radio-circle[b-q11t2acuyo]::after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--bluePrimary);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.3s ease;
}

.add-radio-option input:checked + .radio-circle[b-q11t2acuyo] {
  border-color: var(--bluePrimary);
}

.add-radio-option input:checked + .radio-circle[b-q11t2acuyo]::after {
  transform: translate(-50%, -50%) scale(1);
}

.add-radio-option:hover .radio-circle[b-q11t2acuyo] {
  border-color: var(--bluePrimary);
}
/* /Components/AddSelect/AddSelect.razor.rz.scp.css */
.add-select[b-shd9cgk94x] {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.add-select__label[b-shd9cgk94x] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  cursor: pointer;
}

.add-select__input[b-shd9cgk94x] {
  width: var(--width);
  height: var(--height);
  padding: var(--padding);
  border: var(--border);
  border-radius: var(--radius);
  cursor: pointer;

  & > option {
    padding: var(--padding);
    cursor: pointer;
  }
}

/* /Components/AddSkeleton/AddSkeleton.razor.rz.scp.css */
.add-skeleton[b-myuncun68f] {
  width: var(--width);
  height: var(--height);
  border-radius: var(--radius);
  background: #e0e0e0;
  position: relative;
  overflow: hidden;

  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: shimmer-b-myuncun68f 1.5s infinite;
  }
}

@keyframes shimmer-b-myuncun68f {
  0% { left: -100%; }
  100% { left: 100%; }
}
/* /Components/AddTag/AddTag.razor.rz.scp.css */
.add-tag[b-p7tz1um6hh] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--padding);
  border-radius: var(--radius);
  width: var(--width);
}
/* /Components/AddText/AddText.razor.rz.scp.css */
.add-text[b-nabeif0lab] {
  line-height: var(--line-height);
  user-select: none;
}

.add-text--is-markdown[b-nabeif0lab] {
  & > p {
    margin: 16px 0;
  }

  & > ol[b-nabeif0lab], ul[b-nabeif0lab] {
    padding: 1rem 0 1rem 1.25rem;

    & > li {
      list-style-position: outside;
      padding: 6px 0;
    }
  }

  & > ul[b-nabeif0lab] {
    list-style: disc !important;
  }

  & > ol[b-nabeif0lab] {
    list-style: decimal;
  }
}
/* /Components/BoardCard/BoardCard.razor.rz.scp.css */
.board-card[b-iunpypoeg2] {
  position: relative;
  overflow: hidden;
  padding: 12px 12px 10px;
  cursor: grab;
  background: var(--whitePrimary);
  border: 1px solid var(--borderColor);
  border-radius: 5px;
  box-shadow: none;
  opacity: 1;
  transform: translateY(0);
  transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}

.board-card--dragging[b-iunpypoeg2] {
  opacity: 0.4;
}

.board-card--touch-drag-source[b-iunpypoeg2] {
  opacity: 0.5;
}

.board-card__touch-ghost[b-iunpypoeg2] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  pointer-events: none;
  opacity: 0.92;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
  transform-origin: top left;
}

.board-card--hovered[b-iunpypoeg2] {
  border-color: var(--borderColorHover);
  box-shadow: var(--shadowXs);
  transform: translateY(-1px);
}

.board-card--has-notification[b-iunpypoeg2] {
  border-color: color-mix(in srgb, var(--bluePrimary) 45%, var(--borderColor));
}

.board-card--paused[b-iunpypoeg2] {
  background: var(--pinkLight);
  border-color: var(--brownLight);
  opacity: 0.65;
}

/* Sellers (Angariações): orange rotting */
.board-card--sellers.board-card--rotting[b-iunpypoeg2] {
  background:
    radial-gradient(circle at 100% 0, rgba(216, 98, 29, 0.14), transparent 34px),
    linear-gradient(90deg, #fff0d8 0, var(--whitePrimary) 28%);
  border-color: #c46a08;
  box-shadow: 0 0 0 1px rgba(196, 106, 8, 0.18), 0 8px 20px rgba(138, 79, 0, 0.1);
}

.board-card--sellers.board-card--rotting[b-iunpypoeg2]::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  content: "";
  background: linear-gradient(180deg, #f0a32b 0, #c46a08 100%);
}

/* Buyers (Compradores) and Landlords (Senhorios): pink/brown rotting */
.board-card--buyers.board-card--rotting[b-iunpypoeg2],
.board-card--landlords.board-card--rotting[b-iunpypoeg2] {
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brownLight) 14%, transparent), transparent 34px),
    linear-gradient(90deg, var(--pinkLight) 0, var(--whitePrimary) 28%);
  border-color: var(--brownLight);
}

.board-card--buyers.board-card--rotting[b-iunpypoeg2]::before,
.board-card--landlords.board-card--rotting[b-iunpypoeg2]::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  content: "";
  background: linear-gradient(180deg, color-mix(in srgb, var(--brownLight) 70%, var(--whitePrimary)) 0, var(--brownLight) 100%);
}

.board-card__header[b-iunpypoeg2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  padding-right: 16px;
  margin-bottom: 9px;
}

.board-card__header :deep(.add-text)[b-iunpypoeg2] {
  min-width: 0;
  overflow: hidden;
  line-height: 1.45;
}

.board-card__identity[b-iunpypoeg2] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.board-card__status-icon[b-iunpypoeg2] {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
  line-height: 1;
}

.board-card__tags[b-iunpypoeg2] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 23px;
  margin-bottom: 10px;
}

.board-card__tag[b-iunpypoeg2] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font-family: var(--fontNotoSans);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.board-card__tag--source[b-iunpypoeg2] {
  color: var(--bluePrimary);
  background: var(--blueLight);
}

/* Sellers: orange brain tag */
.board-card--sellers .board-card__tag--brain[b-iunpypoeg2] {
  color: #e6672f;
  background: #fff0e8;
}

.board-card--sellers .board-card__tag--rotting[b-iunpypoeg2] {
  color: #7a3600;
  background: #ffd08a;
  box-shadow: inset 0 0 0 1px rgba(122, 54, 0, 0.12);
}

/* Buyers and Landlords: violet brain tag */
.board-card--buyers .board-card__tag--brain[b-iunpypoeg2],
.board-card--landlords .board-card__tag--brain[b-iunpypoeg2] {
  color: var(--violetPrimary);
  background: var(--violetLight);
}

.board-card--buyers .board-card__tag--rotting[b-iunpypoeg2],
.board-card--landlords .board-card__tag--rotting[b-iunpypoeg2] {
  color: var(--brownLight);
  background: var(--pinkLight);
}

.board-card__tag--rotting .material-symbols-outlined[b-iunpypoeg2] {
  font-size: 12px;
  line-height: 1;
}

.board-card__tag--brain .material-symbols-outlined[b-iunpypoeg2] {
  font-size: 11px;
}

.board-card__footer[b-iunpypoeg2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px dashed var(--borderColor);
}

.board-card__owner[b-iunpypoeg2] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.board-card__notification[b-iunpypoeg2] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: var(--bluePrimary);
}

.board-card__notification .material-symbols-outlined[b-iunpypoeg2] {
  font-size: 18px;
  line-height: 1;
  transform-origin: 50% 4px;
  animation: board-card-notification-ring-b-iunpypoeg2 1.25s ease-in-out infinite;
}

.board-card__notification[b-iunpypoeg2]::after {
  position: absolute;
  inset: 2px;
  content: "";
  border: 1px solid color-mix(in srgb, var(--bluePrimary) 45%, transparent);
  border-radius: 50%;
  animation: board-card-notification-pulse-b-iunpypoeg2 1.8s ease-out infinite;
}

.board-card__notification-count[b-iunpypoeg2] {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-radius: 999px;
  background: var(--bluePrimary);
  color: var(--whitePrimary);
  font-size: 9px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
}

@keyframes board-card-notification-pulse-b-iunpypoeg2 {
  0% { transform: scale(0.72); opacity: 0.65; }
  70% { transform: scale(1.32); opacity: 0; }
  100% { transform: scale(1.32); opacity: 0; }
}

@keyframes board-card-notification-ring-b-iunpypoeg2 {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(15deg); }
  16% { transform: rotate(-15deg); }
  24% { transform: rotate(12deg); }
  32% { transform: rotate(-10deg); }
  40% { transform: rotate(6deg); }
  48% { transform: rotate(-4deg); }
  56% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .board-card__notification .material-symbols-outlined[b-iunpypoeg2] { animation: none; }
  .board-card__notification[b-iunpypoeg2]::after { animation: none; opacity: 0.5; }
}
/* /Components/BoardCelebration/BoardCelebration.razor.rz.scp.css */
.board-celebration[b-o5nrj40sxq] {
  position: fixed;
  inset: 0;
  z-index: 1700;
  pointer-events: none;
  overflow: hidden;
}

.board-celebration[b-o5nrj40sxq]::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 72% 40%, rgba(62, 255, 214, 0.2), transparent 28%),
    radial-gradient(circle at 28% 44%, rgba(65, 104, 255, 0.24), transparent 32%),
    linear-gradient(180deg, rgba(4, 7, 28, 0.78), rgba(3, 12, 38, 0.5) 58%, rgba(2, 5, 16, 0.24));
  animation: board-celebration-sky-b-o5nrj40sxq 2.25s ease-out both;
}

.board-celebration__burst[b-o5nrj40sxq] {
  position: absolute;
  width: var(--burst-size, 18px);
  height: var(--burst-size, 18px);
  transform: translate(-50%, -50%);
}

.board-celebration__burst[b-o5nrj40sxq]::before,
.board-celebration__burst[b-o5nrj40sxq]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.board-celebration__burst[b-o5nrj40sxq]::before {
  width: 12px;
  height: 12px;
  background: #fff7bf;
  box-shadow:
    0 0 18px 8px rgba(255, 247, 191, 0.88),
    0 0 42px 16px var(--core-glow, rgba(72, 210, 255, 0.5));
  animation: board-celebration-core-b-o5nrj40sxq 1.25s ease-out both;
}

.board-celebration__burst[b-o5nrj40sxq]::after {
  width: 38px;
  height: 38px;
  border: 1px solid var(--ring-color, rgba(117, 221, 255, 0.62));
  box-shadow: 0 0 32px var(--ring-color, rgba(117, 221, 255, 0.5));
  animation: board-celebration-ring-b-o5nrj40sxq 1.55s ease-out both;
}

.board-celebration__burst--0[b-o5nrj40sxq] {
  --burst-size: 28px;
  --core-glow: rgba(72, 96, 255, 0.62);
  --ring-color: rgba(123, 149, 255, 0.68);
  left: 22%;
  top: 41%;
}

.board-celebration__burst--1[b-o5nrj40sxq] {
  --burst-size: 36px;
  --core-glow: rgba(255, 52, 85, 0.65);
  --ring-color: rgba(255, 78, 115, 0.74);
  left: 68%;
  top: 22%;
  animation-delay: 0.1s;
}

.board-celebration__burst--2[b-o5nrj40sxq] {
  --burst-size: 30px;
  --core-glow: rgba(50, 230, 204, 0.66);
  --ring-color: rgba(76, 247, 222, 0.7);
  left: 73%;
  top: 47%;
  animation-delay: 0.22s;
}

.board-celebration__burst--3[b-o5nrj40sxq] {
  --burst-size: 24px;
  --core-glow: rgba(255, 209, 77, 0.68);
  --ring-color: rgba(255, 220, 92, 0.72);
  left: 45%;
  top: 64%;
  animation-delay: 0.34s;
}

.board-celebration__burst--4[b-o5nrj40sxq] {
  --burst-size: 22px;
  --core-glow: rgba(116, 255, 145, 0.64);
  --ring-color: rgba(130, 255, 158, 0.66);
  left: 50%;
  top: 31%;
  animation-delay: 0.45s;
}

.board-celebration__spark[b-o5nrj40sxq] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--spark-length, 150px);
  height: var(--spark-width, 2px);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), var(--spark-color), transparent);
  box-shadow:
    0 0 6px var(--spark-color),
    0 0 18px var(--spark-color);
  opacity: 0;
  transform: rotate(var(--spark-angle)) translateX(0) scaleX(0);
  transform-origin: left center;
  animation: board-celebration-ray-b-o5nrj40sxq 1.85s cubic-bezier(0.09, 0.74, 0.24, 1) both;
}

.board-celebration__spark[b-o5nrj40sxq]::after {
  content: "";
  position: absolute;
  right: -2px;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 8px #ffffff,
    0 0 18px var(--spark-color);
  transform: translateY(-50%);
}

.board-celebration__spark--0[b-o5nrj40sxq] { --spark-angle: 0deg; --spark-length: 170px; --spark-color: #4f7fff; }
.board-celebration__spark--1[b-o5nrj40sxq] { --spark-angle: 11deg; --spark-length: 128px; --spark-color: #ff415d; }
.board-celebration__spark--2[b-o5nrj40sxq] { --spark-angle: 23deg; --spark-length: 192px; --spark-color: #46ffd6; }
.board-celebration__spark--3[b-o5nrj40sxq] { --spark-angle: 34deg; --spark-length: 142px; --spark-color: #ffe15c; }
.board-celebration__spark--4[b-o5nrj40sxq] { --spark-angle: 45deg; --spark-length: 182px; --spark-color: #7c6bff; }
.board-celebration__spark--5[b-o5nrj40sxq] { --spark-angle: 57deg; --spark-length: 124px; --spark-color: #77ff91; }
.board-celebration__spark--6[b-o5nrj40sxq] { --spark-angle: 68deg; --spark-length: 166px; --spark-color: #ff7ab8; }
.board-celebration__spark--7[b-o5nrj40sxq] { --spark-angle: 79deg; --spark-length: 136px; --spark-color: #6cc8ff; }
.board-celebration__spark--8[b-o5nrj40sxq] { --spark-angle: 90deg; --spark-length: 174px; --spark-color: #fff3a4; }
.board-celebration__spark--9[b-o5nrj40sxq] { --spark-angle: 101deg; --spark-length: 132px; --spark-color: #25e7ff; }
.board-celebration__spark--10[b-o5nrj40sxq] { --spark-angle: 113deg; --spark-length: 186px; --spark-color: #4f7fff; }
.board-celebration__spark--11[b-o5nrj40sxq] { --spark-angle: 124deg; --spark-length: 118px; --spark-color: #ff415d; }
.board-celebration__spark--12[b-o5nrj40sxq] { --spark-angle: 135deg; --spark-length: 164px; --spark-color: #46ffd6; }
.board-celebration__spark--13[b-o5nrj40sxq] { --spark-angle: 147deg; --spark-length: 142px; --spark-color: #ffe15c; }
.board-celebration__spark--14[b-o5nrj40sxq] { --spark-angle: 158deg; --spark-length: 190px; --spark-color: #7c6bff; }
.board-celebration__spark--15[b-o5nrj40sxq] { --spark-angle: 169deg; --spark-length: 126px; --spark-color: #77ff91; }
.board-celebration__spark--16[b-o5nrj40sxq] { --spark-angle: 180deg; --spark-length: 176px; --spark-color: #ff7ab8; }
.board-celebration__spark--17[b-o5nrj40sxq] { --spark-angle: 191deg; --spark-length: 134px; --spark-color: #6cc8ff; }
.board-celebration__spark--18[b-o5nrj40sxq] { --spark-angle: 203deg; --spark-length: 202px; --spark-color: #fff3a4; }
.board-celebration__spark--19[b-o5nrj40sxq] { --spark-angle: 214deg; --spark-length: 128px; --spark-color: #25e7ff; }
.board-celebration__spark--20[b-o5nrj40sxq] { --spark-angle: 225deg; --spark-length: 182px; --spark-color: #4f7fff; }
.board-celebration__spark--21[b-o5nrj40sxq] { --spark-angle: 237deg; --spark-length: 144px; --spark-color: #ff415d; }
.board-celebration__spark--22[b-o5nrj40sxq] { --spark-angle: 248deg; --spark-length: 172px; --spark-color: #46ffd6; }
.board-celebration__spark--23[b-o5nrj40sxq] { --spark-angle: 259deg; --spark-length: 122px; --spark-color: #ffe15c; }
.board-celebration__spark--24[b-o5nrj40sxq] { --spark-angle: 270deg; --spark-length: 188px; --spark-color: #7c6bff; }
.board-celebration__spark--25[b-o5nrj40sxq] { --spark-angle: 281deg; --spark-length: 136px; --spark-color: #77ff91; }
.board-celebration__spark--26[b-o5nrj40sxq] { --spark-angle: 293deg; --spark-length: 178px; --spark-color: #ff7ab8; }
.board-celebration__spark--27[b-o5nrj40sxq] { --spark-angle: 304deg; --spark-length: 130px; --spark-color: #6cc8ff; }
.board-celebration__spark--28[b-o5nrj40sxq] { --spark-angle: 315deg; --spark-length: 204px; --spark-color: #fff3a4; }
.board-celebration__spark--29[b-o5nrj40sxq] { --spark-angle: 327deg; --spark-length: 138px; --spark-color: #25e7ff; }
.board-celebration__spark--30[b-o5nrj40sxq] { --spark-angle: 338deg; --spark-length: 166px; --spark-color: #4f7fff; }
.board-celebration__spark--31[b-o5nrj40sxq] { --spark-angle: 349deg; --spark-length: 120px; --spark-color: #ff415d; }

.board-celebration__burst--1 .board-celebration__spark[b-o5nrj40sxq],
.board-celebration__burst--1[b-o5nrj40sxq]::before,
.board-celebration__burst--1[b-o5nrj40sxq]::after { animation-delay: 0.1s; }

.board-celebration__burst--2 .board-celebration__spark[b-o5nrj40sxq],
.board-celebration__burst--2[b-o5nrj40sxq]::before,
.board-celebration__burst--2[b-o5nrj40sxq]::after { animation-delay: 0.22s; }

.board-celebration__burst--3 .board-celebration__spark[b-o5nrj40sxq],
.board-celebration__burst--3[b-o5nrj40sxq]::before,
.board-celebration__burst--3[b-o5nrj40sxq]::after { animation-delay: 0.34s; }

.board-celebration__burst--4 .board-celebration__spark[b-o5nrj40sxq],
.board-celebration__burst--4[b-o5nrj40sxq]::before,
.board-celebration__burst--4[b-o5nrj40sxq]::after { animation-delay: 0.45s; }

.board-celebration__burst--0 .board-celebration__spark:nth-child(3n)[b-o5nrj40sxq],
.board-celebration__burst--2 .board-celebration__spark:nth-child(3n + 1)[b-o5nrj40sxq],
.board-celebration__burst--4 .board-celebration__spark:nth-child(4n)[b-o5nrj40sxq] {
  --spark-width: 1px;
  filter: blur(0.2px);
}

.board-celebration__burst--1 .board-celebration__spark:nth-child(2n)[b-o5nrj40sxq],
.board-celebration__burst--3 .board-celebration__spark:nth-child(2n + 1)[b-o5nrj40sxq] {
  --spark-length: 220px;
  --spark-width: 2.5px;
}

@keyframes board-celebration-sky-b-o5nrj40sxq {
  0% { opacity: 0; }
  16% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes board-celebration-core-b-o5nrj40sxq {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.28); }
  15% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.8); }
}

@keyframes board-celebration-ring-b-o5nrj40sxq {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.15); }
  18% { opacity: 0.8; }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(4.8); }
}

@keyframes board-celebration-ray-b-o5nrj40sxq {
  0% { opacity: 0; transform: rotate(var(--spark-angle)) translateX(0) scaleX(0); }
  10% { opacity: 1; }
  66% { opacity: 0.9; transform: rotate(var(--spark-angle)) translateX(7px) scaleX(1); }
  100% { opacity: 0; transform: rotate(var(--spark-angle)) translateX(34px) scaleX(0.14); }
}

@media (max-width: 760px) {
  .board-celebration__spark[b-o5nrj40sxq] {
    width: calc(var(--spark-length, 150px) * 0.68);
  }
}

@media (prefers-reduced-motion: reduce) {
  .board-celebration[b-o5nrj40sxq] {
    display: none;
  }
}
/* /Components/BoardColumn/BoardColumn.razor.rz.scp.css */
.board-column[b-bfuicxaf8k] {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  background: var(--whiteTertiary);
  border: 1px solid var(--borderColor);
  border-radius: 7px;
  overflow: hidden;
}

.board-column__header[b-bfuicxaf8k] {
  padding: 12px 14px 10px;
  border-bottom: 1px solid var(--borderColor);
  box-sizing: border-box;
}

.board-column__title-row[b-bfuicxaf8k] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.board-column__title[b-bfuicxaf8k] {
  display: flex;
  align-items: center;
  min-width: 0;
}

.board-column__header[b-bfuicxaf8k]  .add-text {
  letter-spacing: 0;
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.board-column__count[b-bfuicxaf8k] {
  min-width: 25px;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--whitePrimary);
  border: 1px solid var(--borderColor);
  color: var(--textSecondary);
  font-family: var(--fontNotoSans);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.board-column__conversion[b-bfuicxaf8k] {
  color: var(--textSecondary);
  display: block;
  font-family: var(--fontNotoSans);
  font-size: 12px;
  font-weight: 700;
}

.board-column__drop-zone[b-bfuicxaf8k] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 10px;
  transition: background 0.15s ease, border-color 0.15s ease;
  background: transparent;
  border: 1.5px dashed transparent;
  overflow-y: auto;
  scroll-behavior: auto;
  scrollbar-color: #8a8a8a transparent;
  scrollbar-width: thin;
}

.board-column__drop-zone--active[b-bfuicxaf8k] {
  background: var(--color-red-light);
  border-color: var(--color-red-primary);
}

.board-column__loading[b-bfuicxaf8k] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px;
  border: 1px dashed var(--borderColor);
  border-radius: 6px;
  background: var(--whitePrimary);
  color: var(--textSecondary);
  font-family: var(--fontNotoSans);
  font-size: 12px;
  font-weight: 700;
}

.board-column__loading-spinner[b-bfuicxaf8k] {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

@media (max-width: 600px) {
  .board-column[b-bfuicxaf8k] {
    flex: 0 0 100%;
    min-width: unset;
    scroll-snap-align: start;
  }
}
/* /Components/BoardLostDealModal/BoardLostDealModal.razor.rz.scp.css */
.board-modal[b-s9on87efho] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1300;
  width: 580px;
  max-width: 95vw;
}

.board-modal__card[b-s9on87efho] {
  background: var(--whitePrimary);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowModal);
  padding: 28px 32px;
}

.board-modal__lead-title[b-s9on87efho] {
  margin-bottom: 14px;
}

.board-modal__actions[b-s9on87efho] {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
}
/* /Components/BoardMoveModal/BoardMoveModal.razor.rz.scp.css */
.board-modal[b-1rzmkjw6qe] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1300;
  width: 580px;
  max-width: 95vw;
}

.board-modal__card[b-1rzmkjw6qe] {
  background: var(--whitePrimary);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowModal);
  padding: 28px 32px;
}

.board-modal__flow[b-1rzmkjw6qe] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 20px;
}

.board-modal__lead-title[b-1rzmkjw6qe] {
  margin-bottom: 14px;
}

.board-modal__resume-warning[b-1rzmkjw6qe] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: var(--pinkLight);
  border: 1px solid var(--brownLight);
  border-radius: var(--radiusSm);
  padding: 10px 12px;
  margin-bottom: 14px;
}

.board-modal__checkbox-row[b-1rzmkjw6qe] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  color: var(--brownLight);
  margin-top: 6px;
}

.board-modal__checkbox-row input[b-1rzmkjw6qe] {
  accent-color: var(--brownLight);
  width: 15px;
  height: 15px;
}

.board-modal__checkbox-help[b-1rzmkjw6qe] {
  margin-top: 4px;
  margin-left: 24px;
}

.board-modal__actions[b-1rzmkjw6qe] {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
}
/* /Components/BoardPersonaRow/BoardPersonaRow.razor.rz.scp.css */
.board-persona-row[b-81tsgulp5n] {
  display: flex;
  gap: 10px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--color-grey-light);
  min-width: 0;
}

.board-persona-row__loading[b-81tsgulp5n] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.board-persona-row + .board-persona-row[b-81tsgulp5n] {
  margin-top: 4px;
  padding-top: 4px;
  border-top: none;
}

.board-persona-row__node[b-81tsgulp5n] {
  position: relative;
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}

.board-persona-row__ring[b-81tsgulp5n] {
  position: absolute;
  inset: -3px;
  border-radius: 5px;
  border: 1px solid var(--color-red-primary);
  opacity: 0;
  animation: bpr-ring-b-81tsgulp5n 2.2s ease-out infinite;
}

.board-persona-row__ring--2[b-81tsgulp5n] {
  animation-delay: 0.75s;
}

@keyframes bpr-ring-b-81tsgulp5n {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.55);
    opacity: 0;
  }
}

.board-persona-row__node-body[b-81tsgulp5n] {
  position: relative;
  z-index: 1;
  width: 17px;
  height: 17px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--color-red-primary) 10%, white);
  border: 1px solid color-mix(in srgb, var(--color-red-primary) 30%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
}

.board-persona-row__pipe[b-81tsgulp5n] {
  flex-shrink: 0;
  width: 14px;
  height: 2px;
  background: var(--color-grey-light);
  border-radius: 1px;
  position: relative;
  overflow: hidden;
}

.board-persona-row__pipe-dot[b-81tsgulp5n] {
  position: absolute;
  top: -1px;
  left: -8px;
  width: 8px;
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--color-red-primary));
  animation: bpr-dot-b-81tsgulp5n 2.2s linear infinite;
}

@keyframes bpr-dot-b-81tsgulp5n {
  0% {
    left: -8px;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  78% {
    left: calc(100% + 8px);
    opacity: 1;
  }
  79%, 100% {
    left: -8px;
    opacity: 0;
  }
}

.board-persona-row__content[b-81tsgulp5n] {
  flex: 1;
  min-width: 0;
}

.board-persona-row__name[b-81tsgulp5n] {
  font-family: var(--fontNotoSans);
  font-size: 10.5px;
  font-weight: 700;
  color: var(--violetPrimary);
  line-height: 1.3;
  word-break: break-word;
}

.board-persona-row__action[b-81tsgulp5n] {
  font-family: var(--fontNotoSans);
  font-size: 10px;
  color: var(--greyPrimary);
  line-height: 1.4;
  word-break: break-word;
}
/* /Components/CampaignDailyLeadsAndSpendChart/CampaignDailyLeadsAndSpendChart.razor.rz.scp.css */
.daily-leads-spend-chart[b-7areu2wjy4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.daily-leads-spend-chart__legend[b-7areu2wjy4] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.daily-leads-spend-chart__legend-item[b-7areu2wjy4] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.daily-leads-spend-chart__dot[b-7areu2wjy4] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.daily-leads-spend-chart__legend-label[b-7areu2wjy4] {
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyPrimary);
}

.daily-leads-spend-chart__canvas[b-7areu2wjy4] {
    overflow-x: auto;
}

.daily-leads-spend-chart__empty[b-7areu2wjy4] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    text-align: center;
    padding: 20px 0;
}
/* /Components/CampaignDailyPerformanceChart/CampaignDailyPerformanceChart.razor.rz.scp.css */
.campaign-performance-chart[b-9c5lxz7umn] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.campaign-performance-chart__header[b-9c5lxz7umn] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.campaign-performance-chart__legend-list[b-9c5lxz7umn] {
  display: flex;
  width: 100%;
  gap: 12px;
  flex-wrap: wrap;
}

.campaign-performance-chart__legend[b-9c5lxz7umn] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid var(--borderColor);
  border-radius: 12px;
  background: var(--whiteSecondary);
}

.campaign-performance-chart__dot[b-9c5lxz7umn] {
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

.campaign-performance-chart__legend-label[b-9c5lxz7umn],
.campaign-performance-chart__max-label[b-9c5lxz7umn],
.campaign-performance-chart__empty[b-9c5lxz7umn] {
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  color: var(--greyPrimary);
}

.campaign-performance-chart__canvas[b-9c5lxz7umn] {
  width: 100%;
}

.campaign-performance-chart__canvas svg[b-9c5lxz7umn] {
  display: block;
  width: 100%;
  height: 260px;
}

.campaign-performance-chart__empty[b-9c5lxz7umn] {
  padding: 28px 0;
  text-align: center;
}
/* /Components/LeadContextMenu/LeadContextMenu.razor.rz.scp.css */
.ctx-backdrop[b-2jllyk8c0p] {
    position: fixed;
    inset: 0;
    z-index: 9998;
}

.ctx-menu[b-2jllyk8c0p] {
    position: fixed;
    z-index: 9999;
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    box-shadow: var(--shadowMd);
    padding: 4px;
    min-width: 200px;
    animation: ctx-fade-in-b-2jllyk8c0p 0.08s ease;
}

@keyframes ctx-fade-in-b-2jllyk8c0p {
    from { opacity: 0; transform: scale(0.97); }
    to   { opacity: 1; transform: scale(1); }
}

.ctx-item[b-2jllyk8c0p] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 7px 11px;
    border: none;
    background: transparent;
    border-radius: var(--radiusXs);
    font-family: var(--fontNotoSans);
    font-size: 13px;
    color: var(--textPrimary);
    cursor: pointer;
    text-align: left;
    transition: background 0.1s ease;
}

.ctx-item:hover[b-2jllyk8c0p] {
    background: var(--whiteSecondary);
}

.ctx-item .material-symbols-outlined[b-2jllyk8c0p] {
    font-size: 16px;
    color: var(--greyPrimary);
    flex-shrink: 0;
}

.ctx-item-green[b-2jllyk8c0p]        { color: var(--greenPrimary); }
.ctx-item-green .material-symbols-outlined[b-2jllyk8c0p] { color: var(--greenPrimary); }
.ctx-item-green:hover[b-2jllyk8c0p]  { background: var(--greenLight); }

.ctx-item-warning[b-2jllyk8c0p]        { color: var(--brownLight); }
.ctx-item-warning .material-symbols-outlined[b-2jllyk8c0p] { color: var(--brownLight); }
.ctx-item-warning:hover[b-2jllyk8c0p]  { background: var(--pinkLight); }

.ctx-item-danger[b-2jllyk8c0p]        { color: var(--redPrimary); }
.ctx-item-danger .material-symbols-outlined[b-2jllyk8c0p] { color: var(--redPrimary); }
.ctx-item-danger:hover[b-2jllyk8c0p]  { background: var(--redLight); }

.ctx-separator[b-2jllyk8c0p] {
    height: 1px;
    background: var(--borderColor);
    margin: 3px 4px;
}
/* /Components/MatchingOpportunityCard/MatchingOpportunityCard.razor.rz.scp.css */
/* ── Header ── */
.moc-header[b-n3jitebymp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.moc-badges[b-n3jitebymp] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.moc-badge[b-n3jitebymp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: var(--radiusFull);
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.moc-badge--green[b-n3jitebymp]  { background: var(--greenLight);    color: var(--greenPrimary); }
.moc-badge--blue[b-n3jitebymp]   { background: var(--blueLight);     color: var(--bluePrimary); }
.moc-badge--grey[b-n3jitebymp]   { background: var(--whiteSecondary); color: var(--greyPrimary); }
.moc-badge--amber[b-n3jitebymp]  { background: #fef3c7; color: #92400e; }
.moc-badge--teal[b-n3jitebymp]   { background: #ccfbf1; color: #0f766e; }

.moc-badge--ops-new[b-n3jitebymp]       { background: #f1f5f9; color: #64748b; }
.moc-badge--ops-review[b-n3jitebymp]    { background: #eff6ff; color: #1d4ed8; }
.moc-badge--ops-followup[b-n3jitebymp]  { background: #fffbeb; color: #92400e; }
.moc-badge--ops-done[b-n3jitebymp]      { background: var(--greenLight); color: var(--greenPrimary); }
.moc-badge--ops-dismissed[b-n3jitebymp] { background: #fef2f2; color: #b91c1c; }
.moc-badge--auto[b-n3jitebymp]          { background: #f5f3ff; color: #6d28d9; border: 1px dashed #c4b5fd; }

.moc-badge--verdict-good[b-n3jitebymp]  { background: var(--greenLight); color: var(--greenPrimary); }
.moc-badge--verdict-bad[b-n3jitebymp]   { background: #fef2f2; color: #b91c1c; }
.moc-badge--verdict-dup[b-n3jitebymp]   { background: #fdf4ff; color: #7e22ce; }
.moc-badge--verdict-info[b-n3jitebymp]  { background: #f0f9ff; color: #0369a1; }

.moc-badge-icon[b-n3jitebymp] {
    font-size: 13px;
}

.moc-header-actions[b-n3jitebymp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.moc-date[b-n3jitebymp] {
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyUltraLight);
    white-space: nowrap;
}

/* ── Toggle button ── */
.moc-toggle-btn[b-n3jitebymp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: transparent;
    color: var(--greyUltraLight);
    cursor: pointer;
    transition: border-color 0.12s, color 0.12s, background 0.12s;
    flex-shrink: 0;
}

.moc-toggle-btn:hover[b-n3jitebymp] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
    background: var(--blueLight);
}

.moc-toggle-btn--active[b-n3jitebymp] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
    background: var(--blueLight);
}

.moc-toggle-btn--has-control[b-n3jitebymp] {
    color: var(--greyPrimary);
    border-color: var(--borderColorHover);
}

.moc-toggle-btn .material-symbols-outlined[b-n3jitebymp] {
    font-size: 18px;
}

/* ── Match layout ── */
.moc-match[b-n3jitebymp] {
    display: grid;
    grid-template-columns: 1fr 72px 1fr;
    align-items: center;
    gap: 12px;
}

/* ── Entity ── */
.moc-entity[b-n3jitebymp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    background: var(--whiteSecondary);
    min-width: 0;
    transition: border-color 0.12s, background 0.12s;
}

.moc-entity--clickable[b-n3jitebymp] {
    cursor: pointer;
}

.moc-entity--clickable:hover[b-n3jitebymp] {
    border-color: var(--bluePrimary);
    background: var(--blueLight);
}

.moc-entity--right[b-n3jitebymp] {
    flex-direction: row-reverse;
    text-align: right;
}

.moc-entity--hidden[b-n3jitebymp] {
    background: var(--greyUltraLight);
    border-color: var(--borderColor);
    opacity: 0.65;
    cursor: default;
}

.moc-entity-icon[b-n3jitebymp] {
    font-size: 20px;
    flex-shrink: 0;
}

.moc-entity-icon--lead[b-n3jitebymp]     { color: var(--bluePrimary); }
.moc-entity-icon--property[b-n3jitebymp] { color: #0d9488; }
.moc-entity-icon--muted[b-n3jitebymp]    { color: var(--greyUltraLight); }

.moc-entity-body[b-n3jitebymp] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.moc-entity-label[b-n3jitebymp] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    color: var(--greyUltraLight);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.moc-entity-name[b-n3jitebymp] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 600;
    font-size: 13.5px;
    color: var(--blackPrimary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.moc-entity-name--muted[b-n3jitebymp] {
    color: var(--greyPrimary);
    font-style: italic;
    font-weight: 400;
}

.moc-entity-agent[b-n3jitebymp] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    color: var(--greyPrimary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.moc-entity-agent-icon[b-n3jitebymp] {
    font-size: 13px;
    color: var(--greyPrimary);
    flex-shrink: 0;
}

.moc-entity--right .moc-entity-agent[b-n3jitebymp] {
    flex-direction: row-reverse;
}

.moc-entity-arrow[b-n3jitebymp] {
    font-size: 15px;
    color: var(--greyUltraLight);
    flex-shrink: 0;
    transition: color 0.12s;
}

.moc-entity--clickable:hover .moc-entity-arrow[b-n3jitebymp] {
    color: var(--bluePrimary);
}

/* ── Score ring connector ── */
.moc-connector[b-n3jitebymp] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.moc-score-ring[b-n3jitebymp] {
    position: relative;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
}

.moc-score-svg[b-n3jitebymp] {
    width: 52px;
    height: 52px;
    transform: rotate(-90deg);
}

.moc-score-track[b-n3jitebymp] {
    fill: none;
    stroke: var(--borderColor);
    stroke-width: 4;
}

.moc-score-fill[b-n3jitebymp] {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    transition: stroke-dasharray 0.6s ease;
}

.moc-score-fill--high[b-n3jitebymp] { stroke: var(--greenPrimary); }
.moc-score-fill--mid[b-n3jitebymp]  { stroke: var(--bluePrimary); }
.moc-score-fill--low[b-n3jitebymp]  { stroke: #f59e0b; }

.moc-score-label[b-n3jitebymp] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 12px;
    color: var(--blackPrimary);
}

.moc-connector-circle[b-n3jitebymp] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid var(--borderColor);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--whiteSecondary);
}

.moc-connector-icon[b-n3jitebymp] {
    font-size: 22px;
    color: var(--greyUltraLight);
}

/* ── Reasoning ── */
.moc-reasoning[b-n3jitebymp] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    line-height: 1.55;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.moc-reasoning--full[b-n3jitebymp] {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
}

/* ── Persona attribution ── */
.moc-persona[b-n3jitebymp] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyUltraLight);
}

.moc-persona-icon[b-n3jitebymp] {
    font-size: 14px;
    color: var(--bluePrimary);
}

/* ── Control panel ── */
.moc-control-panel[b-n3jitebymp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    border-radius: var(--radiusSm);
    background: var(--whiteSecondary);
    border: 1px solid var(--borderColor);
    animation: moc-fadeUp-b-n3jitebymp 0.18s ease both;
}

@keyframes moc-fadeUp-b-n3jitebymp {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.moc-control-row[b-n3jitebymp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.moc-control-field[b-n3jitebymp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.moc-control-label[b-n3jitebymp] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
    color: var(--greyPrimary);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.moc-control-select[b-n3jitebymp] {
    padding: 6px 10px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    background: var(--whitePrimary);
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--blackPrimary);
    outline: none;
    transition: border-color 0.12s;
    cursor: pointer;
}

.moc-control-select:focus[b-n3jitebymp] {
    border-color: var(--bluePrimary);
}

.moc-control-textarea[b-n3jitebymp] {
    padding: 7px 10px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    background: var(--whitePrimary);
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--blackPrimary);
    resize: vertical;
    outline: none;
    transition: border-color 0.12s;
    line-height: 1.5;
}

.moc-control-textarea:focus[b-n3jitebymp] {
    border-color: var(--bluePrimary);
}

.moc-control-footer[b-n3jitebymp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.moc-control-meta[b-n3jitebymp] {
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    color: var(--greyUltraLight);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.moc-control-meta-icon[b-n3jitebymp] {
    font-size: 14px;
    color: #6d28d9;
}

.moc-control-save[b-n3jitebymp] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    font-size: 13px;
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .moc-match[b-n3jitebymp] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .moc-connector[b-n3jitebymp] {
        display: none;
    }

    .moc-entity--right[b-n3jitebymp] {
        flex-direction: row;
        text-align: left;
    }

    .moc-control-row[b-n3jitebymp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/PersonaWorkflowCard/PersonaWorkflowCard.razor.rz.scp.css */
.pwf-card[b-e5o3kyzhly] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 14px 16px;
    background: var(--whitePrimary);
    border: 1.5px solid var(--borderColor);
    border-radius: var(--radiusMd);
    position: relative;
    overflow: hidden;
    animation: pwf-border-pulse-b-e5o3kyzhly 1.4s ease-in-out infinite;
}

@keyframes pwf-border-pulse-b-e5o3kyzhly {
    0%, 100% { border-color: color-mix(in srgb, var(--violetPrimary) 25%, transparent); box-shadow: 0 0 0 0 transparent; }
    50%      { border-color: color-mix(in srgb, var(--violetPrimary) 65%, transparent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--violetPrimary) 10%, transparent); }
}

.pwf-card[b-e5o3kyzhly]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        105deg,
        transparent 40%,
        color-mix(in srgb, var(--violetPrimary) 3%, transparent) 50%,
        transparent 60%
    );
    background-size: 200% 100%;
    animation: pwf-shimmer-b-e5o3kyzhly 3s ease-in-out infinite;
    pointer-events: none;
}

@keyframes pwf-shimmer-b-e5o3kyzhly {
    0%   { background-position: 200% center; }
    100% { background-position: -200% center; }
}

.pwf-source[b-e5o3kyzhly] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 80px;
}

.pwf-node[b-e5o3kyzhly] {
    position: relative;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}

.pwf-node__ring[b-e5o3kyzhly] {
    position: absolute;
    inset: -5px;
    border-radius: 10px;
    border: 1.5px solid var(--violetPrimary);
    opacity: 0;
    animation: pwf-ring-b-e5o3kyzhly 2.4s ease-out infinite;
}

.pwf-node__ring--2[b-e5o3kyzhly] { animation-delay: 0.8s; }
.pwf-node__ring--3[b-e5o3kyzhly] { animation-delay: 1.6s; }

@keyframes pwf-ring-b-e5o3kyzhly {
    0%   { transform: scale(0.85); opacity: 0.55; }
    100% { transform: scale(1.65); opacity: 0; }
}

.pwf-node__body[b-e5o3kyzhly] {
    position: relative;
    z-index: 1;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: color-mix(in srgb, var(--violetPrimary) 9%, white);
    border: 1.5px solid color-mix(in srgb, var(--violetPrimary) 35%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pwf-node-glow-b-e5o3kyzhly 2.4s ease-in-out infinite;
}

@keyframes pwf-node-glow-b-e5o3kyzhly {
    0%, 100% { box-shadow: 0 0 0 0 transparent; }
    50%       { box-shadow: 0 0 10px 3px color-mix(in srgb, var(--violetPrimary) 18%, transparent); }
}

.pwf-source__name[b-e5o3kyzhly] {
    font-family: var(--fontNotoSans);
    font-size: 10px;
    font-weight: 600;
    color: var(--textPrimary);
    text-align: center;
    word-break: break-word;
    line-height: 1.3;
}

.pwf-pipe[b-e5o3kyzhly] {
    flex-shrink: 0;
    width: 72px;
    display: flex;
    align-items: center;
}

.pwf-pipe__line[b-e5o3kyzhly] {
    width: 100%;
    height: 2px;
    background: var(--borderColor);
    border-radius: 1px;
    position: relative;
    overflow: hidden;
}

.pwf-pipe__dot[b-e5o3kyzhly] {
    position: absolute;
    top: -2px;
    left: -14px;
    width: 14px;
    height: 6px;
    border-radius: 3px;
    background: linear-gradient(90deg, transparent, var(--violetPrimary));
    animation: pwf-dot-b-e5o3kyzhly 2.4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pwf-dot-b-e5o3kyzhly {
    0%        { left: -14px; opacity: 0; }
    8%        { opacity: 1; }
    80%       { left: calc(100% + 14px); opacity: 1; }
    81%, 100% { left: -14px; opacity: 0; }
}

.pwf-dest[b-e5o3kyzhly] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.pwf-dest__node[b-e5o3kyzhly] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.pwf-dest__icon[b-e5o3kyzhly] {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: var(--whiteTertiary);
    border: 1px solid var(--borderColor);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
    animation: pwf-dest-pulse-b-e5o3kyzhly 2.4s ease-in-out infinite 1.2s;
}

@keyframes pwf-dest-pulse-b-e5o3kyzhly {
    0%, 100% { border-color: var(--borderColor); background: var(--whiteTertiary); }
    50%       { border-color: color-mix(in srgb, var(--violetPrimary) 30%, transparent);
                background: color-mix(in srgb, var(--violetPrimary) 5%, white); }
}

.pwf-dest__action[b-e5o3kyzhly] {
    font-family: var(--fontNotoSans);
    font-size: 12.5px;
    font-weight: 500;
    color: var(--textPrimary);
    line-height: 1.4;
}

.pwf-dest__journey[b-e5o3kyzhly] {
    font-family: var(--fontNotoSans);
    font-size: 11px;
    color: var(--textSecondary);
    padding-left: 34px;
}

.pwf-dest__meta[b-e5o3kyzhly] {
    font-family: var(--fontNotoSans);
    font-size: 10.5px;
    color: var(--greyLight);
    padding-left: 34px;
}

@media (prefers-reduced-motion: reduce) {
    .pwf-card[b-e5o3kyzhly],
    .pwf-card[b-e5o3kyzhly]::before,
    .pwf-node__ring[b-e5o3kyzhly],
    .pwf-node__body[b-e5o3kyzhly],
    .pwf-pipe__dot[b-e5o3kyzhly],
    .pwf-dest__icon[b-e5o3kyzhly] { animation: none; }
}
/* /Components/RecruitmentLeadBoard/Components/RecruitmentLeadClosureModal/RecruitmentLeadClosureModal.razor.rz.scp.css */
.recruitment-closure-modal[b-e6ompxgc6y] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1300;
  width: 580px;
  max-width: 95vw;
}

.recruitment-closure-modal__card[b-e6ompxgc6y] {
  background: var(--whitePrimary);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowModal);
  padding: 28px 32px;
}

.recruitment-closure-modal__lead-title[b-e6ompxgc6y] {
  margin-bottom: 14px;
}

.recruitment-closure-modal__actions[b-e6ompxgc6y] {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
}
/* /Components/RecruitmentLeadBoard/Components/RecruitmentLeadMoveModal/RecruitmentLeadMoveModal.razor.rz.scp.css */
.recruitment-move-modal[b-vph7e2xti6] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1300;
  width: 580px;
  max-width: 95vw;
}

.recruitment-move-modal__card[b-vph7e2xti6] {
  background: var(--whitePrimary);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowModal);
  padding: 28px 32px;
}

.recruitment-move-modal__flow[b-vph7e2xti6] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 20px;
}

.recruitment-move-modal__actions[b-vph7e2xti6] {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
}
/* /Components/RecruitmentLeadBoard/RecruitmentLeadBoard.razor.rz.scp.css */
/* ── Board root ─────────────────────────────────────────────────────────── */

.rlb[b-iu5abwr5jp] {
    display: flex;
    flex-direction: column;
}

.rlb--fullbleed[b-iu5abwr5jp] {
    margin: -28px -32px;
    padding: 24px 28px 28px;
}

/* ── Loading ─────────────────────────────────────────────────────────────── */

.rlb__loading[b-iu5abwr5jp] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
}

/* ── Page header ─────────────────────────────────────────────────────────── */

.rlb__page-header[b-iu5abwr5jp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.rlb__page-title-block[b-iu5abwr5jp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rlb__page-title[b-iu5abwr5jp] {
    font-family: var(--fontFunnelDisplay);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--greyDark);
    line-height: 1.1;
}

.rlb__page-subtitle[b-iu5abwr5jp] {
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyLight);
    font-weight: 500;
}

/* ── Outcome tabs ────────────────────────────────────────────────────────── */

.rlb__tabs[b-iu5abwr5jp] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    background: var(--whiteTertiary);
    border: 1px solid var(--borderColor);
    border-radius: 8px;
}

.rlb__tab[b-iu5abwr5jp] {
    height: 32px;
    padding: 0 16px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--textSecondary);
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.rlb__tab:hover:not(.rlb__tab--active)[b-iu5abwr5jp] {
    background: var(--whitePrimary);
    color: var(--greyDark);
}

.rlb__tab--active[b-iu5abwr5jp] {
    background: var(--whitePrimary);
    color: var(--bluePrimary);
    box-shadow: var(--shadowXs);
}

/* ── Pipeline track ──────────────────────────────────────────────────────── */

.rlb__pipeline-track[b-iu5abwr5jp] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 14px 18px;
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    margin-bottom: 14px;
    overflow-x: auto;
    scrollbar-width: none;
}

.rlb__pipeline-track[b-iu5abwr5jp]::-webkit-scrollbar {
    display: none;
}

.rlb__pipeline-stage[b-iu5abwr5jp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    padding: 0 6px;
}

.rlb__pipeline-dot[b-iu5abwr5jp] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.rlb__pipeline-dot--cp1[b-iu5abwr5jp] { background: #A09DAA; }
.rlb__pipeline-dot--cp2[b-iu5abwr5jp] { background: #0092FF; }
.rlb__pipeline-dot--cp3[b-iu5abwr5jp] { background: #0077D1; }
.rlb__pipeline-dot--cp4[b-iu5abwr5jp] { background: #3730a3; }
.rlb__pipeline-dot--cp5[b-iu5abwr5jp] { background: #7c3aed; }
.rlb__pipeline-dot--cp6[b-iu5abwr5jp] { background: #d97706; }

.rlb__pipeline-stage-info[b-iu5abwr5jp] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.rlb__pipeline-stage-count[b-iu5abwr5jp] {
    font-family: var(--fontFunnelDisplay);
    font-size: 20px;
    font-weight: 700;
    color: var(--greyDark);
    line-height: 1;
}

.rlb__pipeline-stage-label[b-iu5abwr5jp] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    font-weight: 600;
    color: var(--greyPrimary);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
}

.rlb__pipeline-arrow[b-iu5abwr5jp] {
    color: var(--borderColorHover);
    font-size: 18px !important;
    flex-shrink: 0;
    user-select: none;
}

/* ── Toolbar ─────────────────────────────────────────────────────────────── */

.rlb__toolbar[b-iu5abwr5jp] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-bottom: 12px;
    flex-shrink: 0;
}

.rlb__toolbar-field[b-iu5abwr5jp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rlb__label[b-iu5abwr5jp] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
    color: var(--greyPrimary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* ── Columns container ───────────────────────────────────────────────────── */

.rlb__columns[b-iu5abwr5jp] {
    display: flex;
    align-items: stretch;
    gap: 10px;
    min-width: 0;
    overflow-x: hidden;
    padding-bottom: 8px;
    cursor: grab;
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
    touch-action: none;
    user-select: none;
}

.rlb--fullbleed .rlb__columns[b-iu5abwr5jp] {
    min-height: calc(100vh - 210px);
}

.rlb:not(.rlb--fullbleed) .rlb__columns[b-iu5abwr5jp] {
    align-items: flex-start;
    min-height: 400px;
}

.rlb__columns.is-drag-scrolling[b-iu5abwr5jp] {
    cursor: grabbing;
}

/* ── Individual column ───────────────────────────────────────────────────── */

.rlb__column[b-iu5abwr5jp] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
    background: var(--whiteTertiary);
    border: 1px solid var(--borderColor);
    border-top-width: 3px;
    border-radius: 8px;
    overflow: hidden;
}

.rlb:not(.rlb--fullbleed) .rlb__column[b-iu5abwr5jp] {
    flex: 0 0 240px;
    min-width: unset;
}

/* Column top-border accent per stage */
.rlb__column--cp1[b-iu5abwr5jp] { border-top-color: #A09DAA; }
.rlb__column--cp2[b-iu5abwr5jp] { border-top-color: #0092FF; }
.rlb__column--cp3[b-iu5abwr5jp] { border-top-color: #0077D1; }
.rlb__column--cp4[b-iu5abwr5jp] { border-top-color: #3730a3; }
.rlb__column--cp5[b-iu5abwr5jp] { border-top-color: #7c3aed; }
.rlb__column--cp6[b-iu5abwr5jp] { border-top-color: #d97706; }

/* ── Column header ───────────────────────────────────────────────────────── */

.rlb__column-header[b-iu5abwr5jp] {
    padding: 11px 12px 10px;
    border-bottom: 1px solid var(--borderColor);
    box-sizing: border-box;
    background: var(--whitePrimary);
}

.rlb__column-title-row[b-iu5abwr5jp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.rlb__column-count[b-iu5abwr5jp] {
    min-width: 22px;
    height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--whiteTertiary);
    border: 1px solid var(--borderColor);
    color: var(--textSecondary);
    font-family: var(--fontNotoSans);
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    flex-shrink: 0;
}

.rlb__column-label[b-iu5abwr5jp] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 700;
    color: var(--greyDark);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    overflow-wrap: break-word;
    word-break: break-word;
    min-width: 0;
}

/* ── Drop zone (column body) ─────────────────────────────────────────────── */

.rlb__column-body[b-iu5abwr5jp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    transition: background 0.15s ease, border-color 0.15s ease;
    background: transparent;
    border: 1.5px dashed transparent;
    overflow-y: auto;
    scroll-behavior: auto;
    scrollbar-color: #c0bec8 transparent;
    scrollbar-width: thin;
}

.rlb__column-body--dragover[b-iu5abwr5jp] {
    background: var(--blueLight);
    border-color: var(--bluePrimary);
}

.rlb__empty[b-iu5abwr5jp] {
    padding: 20px 4px;
    text-align: center;
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyLight);
}

/* ── Kanban card ─────────────────────────────────────────────────────────── */

.recruitment-card[b-iu5abwr5jp] {
    position: relative;
    overflow: hidden;
    padding: 11px 11px 9px;
    cursor: grab;
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: 6px;
    box-shadow: none;
    opacity: 1;
    transform: translateY(0);
    transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.recruitment-card--dragging[b-iu5abwr5jp] {
    opacity: 0.4;
}

.recruitment-card--touch-drag-source[b-iu5abwr5jp] {
    opacity: 0.5;
}

.recruitment-card:hover[b-iu5abwr5jp] {
    border-color: var(--borderColorHover);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    transform: translateY(-1px);
}

/* ── Card top (avatar + identity) ───────────────────────────────────────── */

.recruitment-card__top[b-iu5abwr5jp] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.recruitment-card__avatar[b-iu5abwr5jp] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fontFunnelDisplay);
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
    letter-spacing: 0.3px;
    margin-top: 1px;
}

/* Avatar colors per stage */
.recruitment-card__avatar--cp1[b-iu5abwr5jp] { background: rgba(160, 157, 170, 0.14); color: #767481; }
.recruitment-card__avatar--cp2[b-iu5abwr5jp] { background: #E0F0FF; color: #0077D1; }
.recruitment-card__avatar--cp3[b-iu5abwr5jp] { background: #dbeafe; color: #0077D1; }
.recruitment-card__avatar--cp4[b-iu5abwr5jp] { background: #e0e7ff; color: #3730a3; }
.recruitment-card__avatar--cp5[b-iu5abwr5jp] { background: #ede9fe; color: #7c3aed; }
.recruitment-card__avatar--cp6[b-iu5abwr5jp] { background: #fef3c7; color: #b45309; }

.recruitment-card__identity[b-iu5abwr5jp] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.recruitment-card__name[b-iu5abwr5jp] {
    font-family: var(--fontNotoSans);
    font-size: 13px;
    font-weight: 700;
    color: var(--greyDark);
    word-break: break-word;
    line-height: 1.4;
}

.recruitment-card__subtitle[b-iu5abwr5jp] {
    font-family: var(--fontNotoSans);
    font-size: 11px;
    color: var(--textSecondary);
    line-height: 1.3;
    word-break: break-word;
}

/* ── Card tags ───────────────────────────────────────────────────────────── */

.recruitment-card__tags[b-iu5abwr5jp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    min-height: 22px;
}

.recruitment-card__tag[b-iu5abwr5jp] {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    font-family: var(--fontNotoSans);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1px;
}

.recruitment-card__tag--source[b-iu5abwr5jp] {
    color: var(--bluePrimary);
    background: var(--blueLight);
}

/* ── Card footer ─────────────────────────────────────────────────────────── */

.recruitment-card__footer[b-iu5abwr5jp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--borderColor);
}

.recruitment-card__date[b-iu5abwr5jp] {
    font-family: var(--fontNotoSans);
    font-size: 10px;
    color: var(--greyLight);
    flex-shrink: 0;
}

/* ── Table view ──────────────────────────────────────────────────────────── */

.rlb__table-wrap[b-iu5abwr5jp] {
    overflow-x: auto;
    border: 1px solid var(--borderColor);
    border-radius: 7px;
    margin-top: 4px;
}

.rlb__table-name-cell[b-iu5abwr5jp] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.rlb__table-avatar[b-iu5abwr5jp] {
    width: 28px;
    height: 28px;
    font-size: 10px;
    flex-shrink: 0;
}

.rlb__table-name[b-iu5abwr5jp] {
    font-weight: 700;
    color: var(--greyDark);
}

.rlb__table-secondary[b-iu5abwr5jp] {
    color: var(--textSecondary);
}

.rlb__table-empty[b-iu5abwr5jp] {
    text-align: center;
    padding: 40px 18px;
    color: var(--greyLight);
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
}

/* ── Checkpoint badges ───────────────────────────────────────────────────── */

.rlb-badge[b-iu5abwr5jp] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    border-radius: 999px;
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.rlb-badge--grey[b-iu5abwr5jp] {
    background: var(--whiteTertiary);
    color: var(--greyPrimary);
    border: 1px solid var(--borderColor);
}

.rlb-badge--blue-light[b-iu5abwr5jp] {
    background: var(--blueLight);
    color: var(--bluePrimary);
}

.rlb-badge--blue[b-iu5abwr5jp] {
    background: var(--bluePrimary);
    color: #fff;
}

.rlb-badge--indigo[b-iu5abwr5jp] {
    background: #3730a3;
    color: #fff;
}

.rlb-badge--purple[b-iu5abwr5jp] {
    background: #7c3aed;
    color: #fff;
}

.rlb-badge--amber[b-iu5abwr5jp] {
    background: #d97706;
    color: #fff;
}

.rlb-badge--won[b-iu5abwr5jp] {
    background: var(--greenLight);
    color: var(--greenPrimary);
    border: 1px solid var(--greenPrimary);
}

.rlb-badge--lost[b-iu5abwr5jp] {
    background: var(--redLight);
    color: var(--redPrimary);
    border: 1px solid var(--redPrimary);
}

/* ── Quick action modal ─────────────────────────────────────────────────── */

.rlb-action-modal[b-iu5abwr5jp] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1300;
    width: 420px;
    max-width: 95vw;
}

.rlb-action-modal__content[b-iu5abwr5jp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    box-shadow: var(--shadowModal);
}

.rlb-action-modal__title[b-iu5abwr5jp] {
    font-family: var(--fontFunnelDisplay);
    font-size: 18px;
    font-weight: 600;
    color: var(--greyDark);
}

.rlb-action-modal__lead[b-iu5abwr5jp] {
    margin-top: -6px;
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--textSecondary);
    word-break: break-word;
}

.rlb-action-modal__actions[b-iu5abwr5jp] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.rlb-action-modal__confirm[b-iu5abwr5jp] {
    height: 34px;
    border-radius: var(--radiusSm);
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    font-weight: 700;
    text-transform: none;
}

.rlb-action-modal__confirm--won[b-iu5abwr5jp] {
    background: var(--greenPrimary);
    color: white;
    border: 1px solid var(--greenPrimary);
}

.rlb-action-modal__confirm--lost[b-iu5abwr5jp] {
    background: var(--redPrimary);
    color: white;
    border: 1px solid var(--redPrimary);
}

/* ── Responsive ──────────────────────────────────────────────────────────── */

@media (max-width: 600px) {
    .rlb__columns[b-iu5abwr5jp] {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        touch-action: pan-x;
        cursor: default;
        gap: 0;
    }

    .rlb__column[b-iu5abwr5jp] {
        flex: 0 0 100%;
        min-width: unset;
        scroll-snap-align: start;
    }

    .rlb:not(.rlb--fullbleed) .rlb__column[b-iu5abwr5jp] {
        flex: 0 0 100%;
    }

    .rlb__pipeline-track[b-iu5abwr5jp] {
        padding: 10px 12px;
    }

    .rlb__pipeline-stage-count[b-iu5abwr5jp] {
        font-size: 16px;
    }

    .rlb__page-header[b-iu5abwr5jp] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* ── Create lead form (inside SlidePanel) ────────────────────────────────── */

.rlb-create-form[b-iu5abwr5jp] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Phone field — split prefix + number */

.rlb-phone-wrapper[b-iu5abwr5jp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.rlb-phone-field[b-iu5abwr5jp] {
    display: flex;
    align-items: center;
    height: 40px;
    border: 1px solid var(--borderColor);
    border-radius: 5px;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

.rlb-phone-field:focus-within[b-iu5abwr5jp] {
    border-color: var(--bluePrimary);
}

.rlb-phone-field--error[b-iu5abwr5jp] {
    border-color: var(--redPrimary);
}

.rlb-phone-field__prefix[b-iu5abwr5jp] {
    width: 58px;
    height: 100%;
    border: none;
    border-right: 1px solid var(--borderColor);
    outline: none;
    padding: 0 8px;
    font-size: 13px;
    color: var(--greyPrimary);
    background-color: var(--whiteTertiary);
    text-align: center;
    flex-shrink: 0;
}

.rlb-phone-field__input[b-iu5abwr5jp] {
    flex: 1;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 10px;
    font-size: 14px;
    background: transparent;
    min-width: 0;
    font-family: var(--fontInstrumentSans);
}


/* ── Detail slide panel (kept for compatibility) ─────────────────────────── */

.rlb-detail-panel[b-iu5abwr5jp] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 420px;
    max-width: 95vw;
    background: var(--whitePrimary);
    box-shadow: var(--shadowModal);
    z-index: 1300;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.rlb-detail-panel__header[b-iu5abwr5jp] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--borderColor);
    flex-shrink: 0;
}

.rlb-detail-panel__name[b-iu5abwr5jp] {
    font-family: var(--fontFunnelDisplay);
    font-size: 16px;
    font-weight: 700;
    color: var(--greyDark);
    word-break: break-word;
    line-height: 1.3;
}

.rlb-detail-panel__subtitle[b-iu5abwr5jp] {
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyPrimary);
    margin-top: 2px;
}

.rlb-detail-panel__body[b-iu5abwr5jp] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* /Components/RecruitmentLeadContextMenu/RecruitmentLeadContextMenu.razor.rz.scp.css */
.rl-ctx-backdrop[b-48n5htno1s] {
    position: fixed;
    inset: 0;
    z-index: 9998;
}

.rl-ctx-menu[b-48n5htno1s] {
    position: fixed;
    z-index: 9999;
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    box-shadow: var(--shadowMd);
    padding: 4px;
    min-width: 200px;
    animation: rl-ctx-fade-in-b-48n5htno1s 0.08s ease;
}

@keyframes rl-ctx-fade-in-b-48n5htno1s {
    from { opacity: 0; transform: scale(0.97); }
    to   { opacity: 1; transform: scale(1); }
}

.rl-ctx-item[b-48n5htno1s] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 7px 11px;
    border: none;
    background: transparent;
    border-radius: var(--radiusXs);
    font-family: var(--fontNotoSans);
    font-size: 13px;
    color: var(--textPrimary);
    cursor: pointer;
    text-align: left;
    transition: background 0.1s ease;
}

.rl-ctx-item:hover[b-48n5htno1s] {
    background: var(--whiteSecondary);
}

.rl-ctx-item .material-symbols-outlined[b-48n5htno1s] {
    font-size: 16px;
    color: var(--greyPrimary);
    flex-shrink: 0;
}

.rl-ctx-item-green[b-48n5htno1s] {
    color: var(--greenPrimary);
}

.rl-ctx-item-green .material-symbols-outlined[b-48n5htno1s] {
    color: var(--greenPrimary);
}

.rl-ctx-item-green:hover[b-48n5htno1s] {
    background: var(--greenLight);
}

.rl-ctx-item-danger[b-48n5htno1s] {
    color: var(--redPrimary);
}

.rl-ctx-item-danger .material-symbols-outlined[b-48n5htno1s] {
    color: var(--redPrimary);
}

.rl-ctx-item-danger:hover[b-48n5htno1s] {
    background: var(--redLight);
}

.rl-ctx-separator[b-48n5htno1s] {
    height: 1px;
    background: var(--borderColor);
    margin: 3px 4px;
}
/* /Components/RottingFlies/RottingFlies.razor.rz.scp.css */
.rotting-flies[b-dqj9kgrklx] {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  overflow: hidden;
  pointer-events: none;
}

/* ── GOSMA ───────────────────────────────────────────────── */

.rotting-flies__drip[b-dqj9kgrklx] {
  position: absolute;
  top: -1px;
  width: 6px;
  border-radius: 0 0 50% 50%;
  background: linear-gradient(180deg, #4d9020 0%, #7ec434 65%, #a3d864 100%);
  box-shadow: 0 1px 3px rgba(55, 100, 10, 0.28);
  transform-origin: top center;
  opacity: 0;
}

.rotting-flies__drip--left[b-dqj9kgrklx] {
  left: 16px;
  animation-name: rotting-drip-left-b-dqj9kgrklx;
  animation-duration: 5.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: var(--drip-left-delay, 0.8s);
}

.rotting-flies__drip--right[b-dqj9kgrklx] {
  right: 20px;
  animation-name: rotting-drip-right-b-dqj9kgrklx;
  animation-duration: 5.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: var(--drip-right-delay, 3.1s);
}

/* ── NUVENS DE CHEIRO ────────────────────────────────────── */

.rotting-flies__puff[b-dqj9kgrklx] {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 36%, #b9da6c, #77a82a);
  opacity: 0;
}

.rotting-flies__puff--one[b-dqj9kgrklx] {
  right: 16px;
  bottom: 20px;
  width: 18px;
  height: 18px;
  box-shadow:
    -9px 4px 0 -2px #77a82a,
    8px 4px 0 -2px #77a82a,
    3px -9px 0 -2px #77a82a;
  animation-name: rotting-puff-one-b-dqj9kgrklx;
  animation-duration: 3.8s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-delay: var(--puff-one-delay, 0s);
}

.rotting-flies__puff--two[b-dqj9kgrklx] {
  right: 38px;
  bottom: 42px;
  width: 13px;
  height: 13px;
  box-shadow:
    -6px 3px 0 -2px #77a82a,
    5px 3px 0 -2px #77a82a,
    2px -7px 0 -3px #77a82a;
  animation-name: rotting-puff-two-b-dqj9kgrklx;
  animation-duration: 3.2s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-delay: var(--puff-two-delay, 1.6s);
}

/* ── MINHOCA ─────────────────────────────────────────────── */

.rotting-flies__worm[b-dqj9kgrklx] {
  position: absolute;
  bottom: 0;
  left: var(--worm-left, 22px);
  width: 22px;
  height: 22px;
  border-radius: 50% 50% 44% 44%;
  background: radial-gradient(ellipse at 40% 36%, #f5b49a, #d46a48);
  border: 1.5px solid rgba(170, 70, 35, 0.26);
  transform: translateY(110%);
  animation-name: rotting-worm-peek-b-dqj9kgrklx;
  animation-duration: 9s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: var(--worm-peek-delay, 1.2s);
}

.rotting-flies__worm[b-dqj9kgrklx]::before {
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 14px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(ellipse at 50% 38%, #e8a080, #c05836);
  transform: translateX(-50%);
  content: "";
}

.rotting-flies__worm-eye[b-dqj9kgrklx] {
  position: absolute;
  top: 5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #1a0a06;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.65);
}

.rotting-flies__worm-eye--left[b-dqj9kgrklx] {
  left: 3px;
}

.rotting-flies__worm-eye--right[b-dqj9kgrklx] {
  right: 3px;
}

/* ── MOSCAS ──────────────────────────────────────────────── */

.rotting-flies__fly[b-dqj9kgrklx] {
  position: absolute;
  width: 20px;
  height: 16px;
  filter: drop-shadow(0 2px 3px rgba(30, 22, 10, 0.2));
}

.rotting-flies__wing[b-dqj9kgrklx] {
  position: absolute;
  top: 0;
  width: 9px;
  height: 7px;
  border: 1px solid rgba(55, 50, 36, 0.13);
  border-radius: 90% 90% 60% 60%;
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.96) 0%, rgba(185, 215, 238, 0.68) 100%);
  transform-origin: bottom center;
}

.rotting-flies__wing--left[b-dqj9kgrklx] {
  left: 0;
  animation: rotting-wing-left-b-dqj9kgrklx 0.1s linear infinite;
}

.rotting-flies__wing--right[b-dqj9kgrklx] {
  right: 0;
  animation: rotting-wing-right-b-dqj9kgrklx 0.1s linear infinite;
}

.rotting-flies__body[b-dqj9kgrklx] {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 9px;
  height: 9px;
  border-radius: 50% 50% 42% 42%;
  background: linear-gradient(180deg, #403920 0%, #1c180e 100%);
}

.rotting-flies__body[b-dqj9kgrklx]::before {
  position: absolute;
  top: -2px;
  left: 2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #271f10;
  content: "";
}

.rotting-flies__body[b-dqj9kgrklx]::after {
  position: absolute;
  top: 2px;
  left: 1px;
  width: 7px;
  height: 3px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  content: "";
}

.rotting-flies__fly--one[b-dqj9kgrklx] {
  top: 10px;
  right: 70px;
  animation-name: rotting-fly-one-b-dqj9kgrklx;
  animation-duration: 4.2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: var(--fly-one-delay, 0s);
}

.rotting-flies__fly--two[b-dqj9kgrklx] {
  top: 38px;
  right: 22px;
  animation-name: rotting-fly-two-b-dqj9kgrklx;
  animation-duration: 3.7s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-delay: var(--fly-two-delay, -1.1s);
}

/* ── KEYFRAMES ───────────────────────────────────────────── */

@keyframes rotting-drip-left-b-dqj9kgrklx {
  0%   { height: 0; opacity: 0; }
  6%   { opacity: 0.95; }
  55%  { height: 26px; opacity: 0.9; }
  78%  { height: 30px; opacity: 0.65; }
  92%  { height: 32px; opacity: 0; }
  100% { height: 0; opacity: 0; }
}

@keyframes rotting-drip-right-b-dqj9kgrklx {
  0%   { height: 0; opacity: 0; }
  6%   { opacity: 0.95; }
  58%  { height: 20px; opacity: 0.9; }
  80%  { height: 24px; opacity: 0.6; }
  92%  { height: 26px; opacity: 0; }
  100% { height: 0; opacity: 0; }
}

@keyframes rotting-puff-one-b-dqj9kgrklx {
  0%   { transform: translate(0, 8px) scale(0.72); opacity: 0; }
  14%  { opacity: 0.84; }
  55%  { opacity: 0.78; }
  100% { transform: translate(-7px, -26px) scale(1.1); opacity: 0; }
}

@keyframes rotting-puff-two-b-dqj9kgrklx {
  0%   { transform: translate(0, 6px) scale(0.56); opacity: 0; }
  18%  { opacity: 0.7; }
  60%  { opacity: 0.64; }
  100% { transform: translate(9px, -20px) scale(0.92); opacity: 0; }
}

@keyframes rotting-worm-peek-b-dqj9kgrklx {
  0%   { transform: translateY(110%); }
  10%  { transform: translateY(-5%); }
  18%  { transform: translateY(-5%) rotate(-12deg); }
  26%  { transform: translateY(-5%) rotate(12deg); }
  34%  { transform: translateY(-5%) rotate(-5deg); }
  42%  { transform: translateY(-5%) rotate(0deg); }
  60%  { transform: translateY(-5%); }
  74%  { transform: translateY(110%); }
  100% { transform: translateY(110%); }
}

@keyframes rotting-wing-left-b-dqj9kgrklx {
  0%   { transform: rotate(-26deg) scaleY(0.88); opacity: 0.5; }
  50%  { transform: rotate(-68deg) scaleY(1.08); opacity: 0.95; }
  100% { transform: rotate(-26deg) scaleY(0.88); opacity: 0.5; }
}

@keyframes rotting-wing-right-b-dqj9kgrklx {
  0%   { transform: rotate(26deg) scaleY(0.88); opacity: 0.5; }
  50%  { transform: rotate(68deg) scaleY(1.08); opacity: 0.95; }
  100% { transform: rotate(26deg) scaleY(0.88); opacity: 0.5; }
}

@keyframes rotting-fly-one-b-dqj9kgrklx {
  0%   { transform: translate(0, 0) rotate(7deg); }
  20%  { transform: translate(var(--f1-x1, -16px), var(--f1-y1, 9px)) rotate(-16deg); }
  44%  { transform: translate(var(--f1-x2, 7px), var(--f1-y2, 20px)) rotate(13deg); }
  68%  { transform: translate(var(--f1-x3, -9px), var(--f1-y3, 32px)) rotate(-8deg); }
  84%  { transform: translate(var(--f1-x4, 3px), var(--f1-y4, 14px)) rotate(5deg); }
  100% { transform: translate(0, 0) rotate(7deg); }
}

@keyframes rotting-fly-two-b-dqj9kgrklx {
  0%   { transform: translate(0, 0) rotate(-11deg) scale(0.9); }
  24%  { transform: translate(var(--f2-x1, -22px), var(--f2-y1, -9px)) rotate(15deg) scale(0.9); }
  50%  { transform: translate(var(--f2-x2, -36px), var(--f2-y2, 9px)) rotate(-18deg) scale(0.9); }
  72%  { transform: translate(var(--f2-x3, -12px), var(--f2-y3, 24px)) rotate(11deg) scale(0.9); }
  100% { transform: translate(0, 0) rotate(-11deg) scale(0.9); }
}

@media (prefers-reduced-motion: reduce) {
  .rotting-flies__drip[b-dqj9kgrklx],
  .rotting-flies__puff[b-dqj9kgrklx],
  .rotting-flies__worm[b-dqj9kgrklx],
  .rotting-flies__fly[b-dqj9kgrklx],
  .rotting-flies__wing[b-dqj9kgrklx] {
    animation: none;
  }

  .rotting-flies__puff[b-dqj9kgrklx] {
    opacity: 0.4;
  }

  .rotting-flies__worm[b-dqj9kgrklx] {
    transform: translateY(-5%);
    opacity: 0.6;
  }
}
/* /Components/SlidePanel/SlidePanel.razor.rz.scp.css */
.slide-panel__button-open[b-b97tnjgnvw] {
  display: block;
  width: auto;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  border: none;
}

.slide-panel__overlay[b-b97tnjgnvw] {
  position: fixed;
  inset: 0;
  background: var(--color-overlay-45, rgba(0, 0, 0, 0.45));
  z-index: 9999;
  animation: slide-panel-fade-in-b-b97tnjgnvw 200ms ease;
}

.slide-panel__container[b-b97tnjgnvw] {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
  width: var(--slide-width, 520px);
  max-width: calc(100vw - 48px);
  background: var(--color-white-primary);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 10000;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px 0 0 8px;
  animation: slide-panel-in-b-b97tnjgnvw 280ms cubic-bezier(0.16, 1, 0.3, 1);
}

.slide-panel__header[b-b97tnjgnvw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 16px 20px 28px;
  border-bottom: 1px solid var(--color-grey-light, #ebebeb);
  flex-shrink: 0;
}

.slide-panel__body[b-b97tnjgnvw] {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 28px;
}

.slide-panel__footer[b-b97tnjgnvw] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px 28px;
  border-top: 1px solid var(--color-grey-light, #ebebeb);
  background: var(--color-white-primary);
  flex-shrink: 0;
}

@media (max-width: 640px) {
  .slide-panel__container[b-b97tnjgnvw] {
    max-width: 100vw;
    border-radius: 0;
  }

  .slide-panel__header[b-b97tnjgnvw] {
    padding: 16px 12px 16px 20px;
  }

  .slide-panel__body[b-b97tnjgnvw] {
    padding: 20px;
  }

  .slide-panel__footer[b-b97tnjgnvw] {
    padding: 16px 20px;
  }
}

@keyframes slide-panel-in-b-b97tnjgnvw {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

@keyframes slide-panel-fade-in-b-b97tnjgnvw {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* /Components/StackedBarChart/StackedBarChart.razor.rz.scp.css */
.chart-wrapper[b-v807v7567d] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
}

.chart-scroll[b-v807v7567d] {
  overflow: visible;
  width: 100%;
  min-width: 0;
}

.chart-scroll svg[b-v807v7567d] {
  display: block;
  width: 100%;
}

.chart-empty[b-v807v7567d] {
  padding: 48px 0;
  text-align: center;
  color: var(--textSecondary);
  font-size: 14px;
}

.chart-legend[b-v807v7567d] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 0 4px;
  width: 100%;
}

.chart-legend__item[b-v807v7567d] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.chart-legend__dot[b-v807v7567d] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}

.chart-legend__label[b-v807v7567d] {
  font-size: 12px;
  color: var(--textSecondary);
}

.chart-legend__spend-line[b-v807v7567d] {
  width: 18px;
  height: 2px;
  border-radius: 1px;
  flex-shrink: 0;
}
/* /Components/UserAvatar/UserAvatar.razor.rz.scp.css */
.user-avatar[b-13z4q69t2j] {
    width: var(--ua-size, 32px);
    height: var(--ua-size, 32px);
    border-radius: var(--ua-radius, 50%);
    flex-shrink: 0;
    display: block;
}

.user-avatar--photo[b-13z4q69t2j] {
    object-fit: cover;
}

.user-avatar--initials[b-13z4q69t2j] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fontInstrumentSans);
    font-size: var(--ua-font-size, 12px);
    font-weight: 700;
    letter-spacing: 0.3px;
    color: white;
    line-height: 1;
}

.user-avatar--0[b-13z4q69t2j] { background: var(--color-red); }
.user-avatar--1[b-13z4q69t2j] { background: var(--color-red); }
.user-avatar--2[b-13z4q69t2j] { background: var(--color-red); }
.user-avatar--3[b-13z4q69t2j] { background: var(--color-red); }
.user-avatar--4[b-13z4q69t2j] { background: var(--color-red); }
.user-avatar--5[b-13z4q69t2j] { background: var(--color-red); }
/* /Layout/MainContainer/Components/HeaderMain/Components/NotificationBell/NotificationBell.razor.rz.scp.css */
.notification-bell[b-gym3zlf2jf] {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.notification-bell__trigger[b-gym3zlf2jf] {
  color: var(--color-text-secondary);
}

.notification-bell__trigger--active[b-gym3zlf2jf] {
  color: var(--color-red);
  background: color-mix(in srgb, var(--color-red) 8%, transparent);
}

.notification-bell__trigger--active:hover[b-gym3zlf2jf] {
  background: color-mix(in srgb, var(--color-red) 14%, transparent) !important;
}

.notification-bell__badge[b-gym3zlf2jf] {
  position: absolute;
  top: 7px;
  right: 7px;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  border: 1.5px solid var(--whitePrimary);
  border-radius: var(--radiusFull);
  background: var(--violetPrimary);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.notification-bell__badge-text[b-gym3zlf2jf] {
  color: #fff;
  font-family: var(--fontNotoSans);
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1;
}

.notification-bell__backdrop[b-gym3zlf2jf] {
  position: fixed;
  inset: 0;
  z-index: 999;
}

.notification-bell__panel[b-gym3zlf2jf] {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  width: min(380px, calc(100vw - 24px));
  background: var(--whitePrimary);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowLg);
  z-index: 1000;
  overflow: hidden;
  animation: notification-panel-in-b-gym3zlf2jf 0.15s ease;
}

.notification-bell__panel-header[b-gym3zlf2jf] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 16px 12px;
  border-bottom: 1px solid var(--borderColor);
}

.notification-bell__panel-title-block[b-gym3zlf2jf] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.notification-bell__panel-title-wrap[b-gym3zlf2jf] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.notification-bell__count-pill[b-gym3zlf2jf] {
  padding: 2px 7px;
  border-radius: var(--radiusFull);
  background: var(--blueLight);
  color: var(--bluePrimary);
  font-family: var(--fontInstrumentSans);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.2;
}

.notification-bell__panel-subtitle[b-gym3zlf2jf] {
  color: var(--greyPrimary);
  font-family: var(--fontNotoSans);
  font-size: 12px;
  line-height: 1.4;
}

.notification-bell__header-actions[b-gym3zlf2jf] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.notification-bell__action[b-gym3zlf2jf] {
  padding: 0;
  border: none;
  background: none;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.15s ease, opacity 0.15s ease;
}

.notification-bell__action:disabled[b-gym3zlf2jf] {
  cursor: default;
  opacity: 0.6;
}

.notification-bell__action--primary[b-gym3zlf2jf] {
  color: var(--bluePrimary);
}

.notification-bell__panel-body[b-gym3zlf2jf] {
  max-height: 460px;
  overflow-y: auto;
}

.notification-bell__loading[b-gym3zlf2jf] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}

.notification-bell__empty[b-gym3zlf2jf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 52px 20px;
}

.notification-bell__empty-icon[b-gym3zlf2jf] {
  color: var(--greyUltraLight);
  font-size: 40px;
}

.notification-bell__item[b-gym3zlf2jf] {
  width: 100%;
  display: flex;
  gap: 11px;
  align-items: flex-start;
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid var(--borderColor);
  background: var(--whitePrimary);
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
}

.notification-bell__item:hover[b-gym3zlf2jf] {
  background: var(--whiteSecondary);
}

.notification-bell__item:last-child[b-gym3zlf2jf] {
  border-bottom: none;
}

.notification-bell__item--unread[b-gym3zlf2jf] {
  background: color-mix(in srgb, var(--violetPrimary) 5%, var(--whitePrimary));
}

.notification-bell__item-icon[b-gym3zlf2jf] {
  width: 32px;
  height: 32px;
  border-radius: var(--radiusSm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.notification-bell__item-icon-symbol[b-gym3zlf2jf] {
  font-size: 14px;
}

.notification-bell__item-icon--message[b-gym3zlf2jf] {
  background: var(--blueLight);
  color: var(--bluePrimary);
}

.notification-bell__item-icon--person[b-gym3zlf2jf],
.notification-bell__item-icon--property[b-gym3zlf2jf],
.notification-bell__item-icon--search[b-gym3zlf2jf] {
  background: var(--greenLight);
  color: var(--greenPrimary);
}

.notification-bell__item-icon--spark[b-gym3zlf2jf] {
  background: rgba(240, 80, 64, 0.1);
  color: var(--violetPrimary);
}

.notification-bell__item-icon--danger[b-gym3zlf2jf] {
  background: var(--redLight);
  color: var(--redPrimary);
}

.notification-bell__item-icon--admin[b-gym3zlf2jf],
.notification-bell__item-icon--journey[b-gym3zlf2jf] {
  background: #f2ecff;
  color: #6b52d1;
}

.notification-bell__item-icon--edit[b-gym3zlf2jf] {
  background: var(--whiteTertiary);
  color: var(--greyPrimary);
}

.notification-bell__item-icon--star[b-gym3zlf2jf] {
  background: #fff4d6;
  color: #c48a00;
}

.notification-bell__item-icon--explore[b-gym3zlf2jf] {
  background: #eaf4ff;
  color: #1976d2;
}

.notification-bell__item-icon--default[b-gym3zlf2jf] {
  background: var(--whiteSecondary);
  color: var(--greyPrimary);
}

.notification-bell__item-content[b-gym3zlf2jf] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.notification-bell__item-title-row[b-gym3zlf2jf] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}

.notification-bell__item-title[b-gym3zlf2jf] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: var(--textPrimary);
  font-family: var(--fontNotoSans);
  font-size: 13px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-bell__occurrence-pill[b-gym3zlf2jf] {
  flex-shrink: 0;
  padding: 2px 6px;
  border-radius: var(--radiusFull);
  background: var(--whiteSecondary);
  color: var(--greyPrimary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.notification-bell__item-title--unread[b-gym3zlf2jf] {
  font-weight: 600;
}

.notification-bell__unread-dot[b-gym3zlf2jf] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--violetPrimary);
  flex-shrink: 0;
}

.notification-bell__item-message[b-gym3zlf2jf] {
  margin-bottom: 5px;
  overflow: hidden;
  color: var(--textSecondary);
  display: -webkit-box;
  font-family: var(--fontSora);
  font-size: 12px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.notification-bell__item-meta[b-gym3zlf2jf] {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.notification-bell__lead-title[b-gym3zlf2jf] {
  max-width: 180px;
  overflow: hidden;
  color: var(--violetPrimary);
  font-family: var(--fontNotoSans);
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-bell__meta-separator[b-gym3zlf2jf] {
  color: var(--borderColor);
  font-size: 11px;
}

.notification-bell__time[b-gym3zlf2jf] {
  color: var(--textSecondary);
  flex-shrink: 0;
  font-family: var(--fontNotoSans);
  font-size: 12px;
  white-space: nowrap;
}

.notification-bell__modal-overlay[b-gym3zlf2jf] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1100;
}

.notification-bell__modal-shell[b-gym3zlf2jf] {
  position: fixed;
  top: 50%;
  left: 50%;
  width: min(400px, 95vw);
  transform: translate(-50%, -50%);
  z-index: 1101;
}

.notification-bell__modal[b-gym3zlf2jf] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 32px;
  background: var(--whitePrimary);
  border-radius: var(--radiusSm);
  box-shadow: var(--shadowModal);
}

.notification-bell__modal-actions[b-gym3zlf2jf] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 12px;
}

@keyframes notification-panel-in-b-gym3zlf2jf {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .notification-bell__panel[b-gym3zlf2jf] {
    position: fixed;
    top: 64px;
    right: 12px;
    left: 12px;
    width: auto;
  }

  .notification-bell__panel-header[b-gym3zlf2jf] {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .notification-bell__header-actions[b-gym3zlf2jf] {
    width: 100%;
    justify-content: space-between;
  }

  .notification-bell__panel-body[b-gym3zlf2jf] {
    max-height: min(460px, calc(100dvh - 150px));
  }
}

@media (max-width: 420px) {
  .notification-bell__header-actions[b-gym3zlf2jf] {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .notification-bell__modal[b-gym3zlf2jf] {
    padding: 24px;
  }

  .notification-bell__modal-actions[b-gym3zlf2jf] {
    flex-direction: column-reverse;
  }
}
/* /Layout/MainContainer/Components/HeaderMain/Components/TokenBattery/TokenBattery.razor.rz.scp.css */
.session-timer-wrap[b-biz5addaos] {
  display: flex;
  align-items: center;
  margin-right: 4px;
  opacity: 0.85;
  cursor: default;
}
/* /Layout/MainContainer/Components/HeaderMain/Main/HeaderMain.razor.rz.scp.css */
.header-main[b-70up9i9ggm] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 24px 12px 12px;
}

.header-main__row[b-70up9i9ggm] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-main__actions[b-70up9i9ggm] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-main__title[b-70up9i9ggm] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0 8px;
}

.user-avatar-btn[b-70up9i9ggm] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: none;
  background: none;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  overflow: hidden;
  transition: opacity 0.15s ease;
}

.user-avatar-btn:hover[b-70up9i9ggm] {
  opacity: 0.8;
}

.user-menu-wrap[b-70up9i9ggm] {
  position: relative;
  display: inline-flex;
}

.topbar-dropdown[b-70up9i9ggm] {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 180px;
  background: var(--whitePrimary);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowLg);
  z-index: 1000;
  overflow: hidden;
  animation: notif-panel-in 0.15s ease;
}

.topbar-dropdown-header[b-70up9i9ggm] {
  padding: 12px 16px;
  border-bottom: 1px solid var(--borderColor);
  cursor: pointer;
  transition: background 0.12s ease;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.topbar-dropdown-header:hover[b-70up9i9ggm] {
  background: var(--color-white-secondary);
}

.topbar-dropdown-item[b-70up9i9ggm] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
  transition: background 0.12s ease;
}

.topbar-dropdown-item:hover[b-70up9i9ggm] {
  background: var(--color-white-secondary);
}

@media (max-width: 768px) {
  .header-main[b-70up9i9ggm] {
    padding: 8px 12px 10px;
    gap: 2px;

    & .header-main__actions {
      gap: 6px;
    }
  }

  .topbar-dropdown[b-70up9i9ggm] {
    right: -4px;
    max-width: calc(100vw - 24px);
  }
}

@media (max-width: 480px) {
  .header-main[b-70up9i9ggm] {
    padding-right: 8px;
  }

  .header-main__actions[b-70up9i9ggm] {
    gap: 2px;
  }
}
/* /Layout/MainContainer/Components/NavigationGroup/NavigationGroup.razor.rz.scp.css */
.nav-group[b-90vtdui7qi] {
  display: flex;
  flex-direction: column;
}

.nav-group__header[b-90vtdui7qi] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 14px;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  transition: background-color ease 0.2s;
  font-family: inherit;
}

.nav-group__header:hover[b-90vtdui7qi] {
  background-color: #F2F2F2;
}

.nav-group__header--active[b-90vtdui7qi] {
  background-color: transparent;
}

.nav-group__label[b-90vtdui7qi] {
  flex: 1;
  text-align: left;
  font-family: var(--font-default);
  font-size: 13px;
  font-weight: 700;
  color: var(--textPrimary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.1px;
}

.nav-group__label--active[b-90vtdui7qi] {
  color: var(--textPrimary);
}

.nav-group__children[b-90vtdui7qi] {
  display: flex;
  flex-direction: column;
  padding-bottom: 4px;
}

.nav-group__icon-link[b-90vtdui7qi] {
  text-decoration: none;
}

.navigation-link--collapsed[b-90vtdui7qi] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  transition: background-color ease 0.2s;
}

.navigation-link--collapsed:hover[b-90vtdui7qi] {
  background-color: #F2F2F2;
}
/* /Layout/MainContainer/Components/NavigationLink/NavigationLink.razor.rz.scp.css */
.navigation-link[b-goe7x92iuz], .navigation-link--active[b-goe7x92iuz] {
  display: flex;
  align-items: center;
  gap: 16px;
  transition: background-color ease 0.2s;
  border-radius: 6px;
  margin: 0 8px;

  &:hover {
    background-color: #F2F2F2;
  }
}

.navigation-link--active[b-goe7x92iuz] {
  background-color: var(--color-bg);
  border-left: 3px solid var(--color-red);
  margin-left: 5px;
  padding-left: 0;
}

.drawer--open[b-goe7x92iuz] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
/* /Layout/MainContainer/Components/Sidebar/Sidebar.razor.rz.scp.css */
.sidebar[b-e0x7hy8okp] {
  background: var(--color-white-primary);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: width 0.2s ease;
  width: 56px;
  z-index: 1;
  padding: 32px 0;
  gap: 32px;
}

.sidebar-open[b-e0x7hy8okp] {
  width: 196px;
}

.logo-img[b-e0x7hy8okp] {
  padding-bottom: 8px;
}

.sidebar-header[b-e0x7hy8okp] {
  padding: 0 14px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.sidebar-nav[b-e0x7hy8okp] {
  padding: 8px 0;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

@media (max-width: 768px) {
  .sidebar[b-e0x7hy8okp] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    transform: translateX(-100%);
    transition: transform 0.2s ease, width 0.2s ease;
    width: min(82vw, 300px) !important;
    z-index: 200;
    padding: 20px 0;
  }

  .sidebar.sidebar-mobile-open[b-e0x7hy8okp] {
    transform: translateX(0);
  }

  .sidebar-header[b-e0x7hy8okp] {
    align-items: center;
    justify-content: space-between;
    padding: 0 12px 0 20px;
  }
}
/* /Layout/MainContainer/Main/MainContainer.razor.rz.scp.css */
.app-layout[b-ni7sp7mhoh] {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

.app-main[b-ni7sp7mhoh] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
}

.main-content[b-ni7sp7mhoh] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: auto;
  background: var(--whiteSecondary);
}

.content-container[b-ni7sp7mhoh] {
  padding: 28px 32px;
}

.mobile-sidebar-overlay[b-ni7sp7mhoh] {
  position: fixed;
  inset: 0;
  background: rgba(17, 24, 39, 0.46);
  z-index: 150;
}

@media (max-width: 768px) {
  .app-layout[b-ni7sp7mhoh] {
    height: 100dvh;
  }

  .content-container[b-ni7sp7mhoh] {
    padding: 20px 16px;
  }
}
/* /Layout/SessionExpiredModal/SessionExpiredModal.razor.rz.scp.css */
.sem-backdrop[b-h7evju0rxi] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-image: url("/media/images/login-background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: sem-fade-in-b-h7evju0rxi 0.3s ease;
}

@keyframes sem-fade-in-b-h7evju0rxi {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.sem-card[b-h7evju0rxi] {
  width: 380px;
  background: var(--color-white-primary);
  border: 1px solid rgba(240, 80, 64, 0.18);
  border-radius: 14px;
  padding: 36px 36px 28px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04),
  0 40px 80px rgba(0, 0, 0, 0.7),
  0 0 60px rgba(240, 80, 64, 0.06);
  animation: sem-slide-up-b-h7evju0rxi 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes sem-slide-up-b-h7evju0rxi {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.sem-shake[b-h7evju0rxi] {
  animation: sem-shake-b-h7evju0rxi 0.45s ease;
}

@keyframes sem-shake-b-h7evju0rxi {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(-7px);
  }
  30% {
    transform: translateX(7px);
  }
  45% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-3px);
  }
  90% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}

/* Lock */
.sem-lock-wrap[b-h7evju0rxi] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 52px;
}

.sem-lock-pulse[b-h7evju0rxi] {
  position: absolute;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(240, 80, 64, 0.12);
  animation: sem-pulse-b-h7evju0rxi 2s ease-in-out infinite;
}

@keyframes sem-pulse-b-h7evju0rxi {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.25);
    opacity: 0.5;
  }
}

.sem-lock-icon[b-h7evju0rxi] {
  position: relative;
  z-index: 1;
}

/* Header */
.sem-header[b-h7evju0rxi] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}

/* Form */
.sem-form[b-h7evju0rxi] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sem-password-wrap[b-h7evju0rxi] {
  position: relative;
}

.sem-input[b-h7evju0rxi] {
  width: 100%;
  background: #1A1A1A;
  border: 1px solid #2A2A27;
  border-radius: 7px;
  padding: 10px 14px;
  font-family: var(--fontInstrumentSans);
  font-size: 13.5px;
  color: #D4D4D0;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  box-sizing: border-box;
}

.sem-input:focus[b-h7evju0rxi] {
  border-color: #F05040;
  box-shadow: 0 0 0 3px rgba(240, 80, 64, 0.12);
}

.sem-input[b-h7evju0rxi]::placeholder {
  color: #35352F;
}

.sem-input-error[b-h7evju0rxi] {
  border-color: rgba(240, 80, 64, 0.5) !important;
}

.sem-input-disabled[b-h7evju0rxi] {
  opacity: 0.5;
  cursor: not-allowed;
  color: #888882 !important;
}

.sem-eye-btn[b-h7evju0rxi] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: #444440;
  padding: 4px;
  display: flex;
  align-items: center;
  transition: color 0.15s ease;
}

.sem-eye-btn:hover[b-h7evju0rxi] {
  color: #888882;
}

.sem-password-wrap .sem-input[b-h7evju0rxi] {
  padding-right: 38px;
}

.sem-error-msg[b-h7evju0rxi] {
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  color: #F05040;
  margin-top: -4px;
}

.sem-btn[b-h7evju0rxi] {
  width: 100%;
  height: 42px;
  background: #F05040;
  border: none;
  border-radius: 7px;
  color: #fff;
  font-family: var(--fontInstrumentSans);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, transform 0.1s ease;
  letter-spacing: 0.01em;
}

.sem-btn:hover:not(:disabled)[b-h7evju0rxi] {
  background: #D94535;
}

.sem-btn:active:not(:disabled)[b-h7evju0rxi] {
  transform: scale(0.98);
}

.sem-btn:disabled[b-h7evju0rxi] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Switch user */
.sem-switch-btn[b-h7evju0rxi] {
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  color: #44443E;
  text-align: center;
  padding: 0;
  transition: color 0.15s ease;
  align-self: center;
}

.sem-switch-btn:hover[b-h7evju0rxi] {
  color: #888882;
}

/* Spinner */
.sem-spinner[b-h7evju0rxi] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: sem-spin-b-h7evju0rxi 0.7s linear infinite;
}

@keyframes sem-spin-b-h7evju0rxi {
  to {
    transform: rotate(360deg);
  }
}

/* Success */
.sem-success[b-h7evju0rxi] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 8px 0 4px;
  animation: sem-success-in-b-h7evju0rxi 0.35s ease;
}

@keyframes sem-success-in-b-h7evju0rxi {
  from {
    opacity: 0;
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.sem-success-label[b-h7evju0rxi] {
  font-family: var(--fontInstrumentSans);
  font-size: 14px;
  color: #888882;
}

.sem-success-circle[b-h7evju0rxi] {
  stroke-dasharray: 160;
  stroke-dashoffset: 160;
  animation: sem-draw-circle-b-h7evju0rxi 0.5s ease forwards 0.05s;
}

@keyframes sem-draw-circle-b-h7evju0rxi {
  to {
    stroke-dashoffset: 0;
  }
}

.sem-success-check[b-h7evju0rxi] {
  stroke-dasharray: 40;
  stroke-dashoffset: 40;
  animation: sem-draw-check-b-h7evju0rxi 0.3s ease forwards 0.45s;
}

@keyframes sem-draw-check-b-h7evju0rxi {
  to {
    stroke-dashoffset: 0;
  }
}
/* /Pages/Agents/AgentCostsPage/AgentCostsPage.razor.rz.scp.css */
.ac[b-2skqmfdugs] {
  background: var(--whiteSecondary);
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 100%;
  padding: 24px;
}

/* ── Hero ────────────────────────────────────────── */
.ac__hero[b-2skqmfdugs] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  padding: 20px 24px;
}

.ac__hero-left[b-2skqmfdugs] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 14px;
}

.ac__hero-icon[b-2skqmfdugs] {
  align-items: center;
  background: var(--blueLight);
  border-radius: var(--radiusSm);
  color: var(--bluePrimary);
  display: flex;
  font-size: 22px;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.ac__title[b-2skqmfdugs] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.ac__subtitle[b-2skqmfdugs] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  margin: 3px 0 0;
}

/* ── Filters ─────────────────────────────────────── */
.ac__filters[b-2skqmfdugs] {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ac__field[b-2skqmfdugs] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.ac__field-label[b-2skqmfdugs] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
}

.ac__input[b-2skqmfdugs] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  color: var(--textPrimary);
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  height: 38px;
  min-width: 138px;
  outline: none;
  padding: 0 10px;
  transition: border-color 0.15s;
}

.ac__input:focus[b-2skqmfdugs] {
  border-color: var(--bluePrimary);
}

.ac__presets[b-2skqmfdugs] {
  align-items: center;
  display: flex;
  gap: 6px;
}

.ac__preset[b-2skqmfdugs] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  color: var(--textSecondary);
  cursor: pointer;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 600;
  height: 38px;
  padding: 0 12px;
  transition: border-color 0.15s, color 0.15s;
}

.ac__preset:hover[b-2skqmfdugs] {
  border-color: var(--bluePrimary);
  color: var(--bluePrimary);
}

.ac__apply[b-2skqmfdugs] {
  align-items: center;
  background: var(--bluePrimary);
  border: 1px solid var(--bluePrimary);
  border-radius: var(--radiusSm);
  color: var(--white);
  cursor: pointer;
  display: flex;
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  height: 38px;
  padding: 0 16px;
  transition: background 0.15s;
}

.ac__apply:hover[b-2skqmfdugs] {
  background: var(--blueHover);
}

/* ── State ───────────────────────────────────────── */
.ac__state[b-2skqmfdugs] {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  color: var(--textSecondary);
  display: flex;
  font-family: var(--fontInstrumentSans);
  font-size: 14px;
  gap: 10px;
  padding: 36px 24px;
}

.ac__state--error[b-2skqmfdugs] {
  background: var(--redLight);
  border-color: var(--redPrimary);
  color: var(--redPrimary);
}

.ac__spinner[b-2skqmfdugs] {
  animation: ac-spin-b-2skqmfdugs 0.7s linear infinite;
  border: 2px solid var(--borderColor);
  border-radius: 50%;
  border-top-color: var(--bluePrimary);
  flex-shrink: 0;
  height: 18px;
  width: 18px;
}

@keyframes ac-spin-b-2skqmfdugs {
  to { transform: rotate(360deg); }
}

/* ── KPIs ─────────────────────────────────────────── */
.ac__kpis[b-2skqmfdugs] {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, 1fr);
}

.ac__kpi[b-2skqmfdugs] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-left: 4px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
}

.ac__kpi--accent[b-2skqmfdugs] {
  border-left-color: var(--bluePrimary);
}

.ac__kpi-label[b-2skqmfdugs] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ac__kpi-value[b-2skqmfdugs] {
  color: var(--textPrimary);
  display: block;
  font-family: var(--fontFunnelDisplay);
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.ac__kpi--accent .ac__kpi-value[b-2skqmfdugs] {
  color: var(--bluePrimary);
}

.ac__kpi-sub[b-2skqmfdugs] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
}

/* ── Panel ───────────────────────────────────────── */
.ac__panel[b-2skqmfdugs] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  overflow: hidden;
}

.ac__panel-header[b-2skqmfdugs] {
  align-items: center;
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  justify-content: space-between;
  padding: 13px 18px;
}

.ac__panel-title[b-2skqmfdugs] {
  align-items: center;
  display: flex;
  gap: 8px;
}

.ac__panel-title h2[b-2skqmfdugs] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 15px;
  font-weight: 700;
  margin: 0;
}

.ac__panel-icon[b-2skqmfdugs] {
  color: var(--textSecondary);
  font-size: 18px;
}

/* ── Tables ──────────────────────────────────────── */
.ac__table-wrap[b-2skqmfdugs] {
  overflow-x: auto;
}

.ac__table[b-2skqmfdugs] {
  border-collapse: collapse;
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  min-width: 540px;
  width: 100%;
}

.ac__table th[b-2skqmfdugs],
.ac__table td[b-2skqmfdugs] {
  border-bottom: 1px solid var(--borderColor);
  color: var(--textPrimary);
  padding: 10px 14px;
  text-align: left;
  white-space: nowrap;
}

.ac__table th[b-2skqmfdugs] {
  background: var(--whiteSecondary);
  color: var(--textSecondary);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ac__table tbody tr:hover td[b-2skqmfdugs] {
  background: var(--blueLight);
}

.ac__signal-cell[b-2skqmfdugs] {
  align-items: center;
  display: flex;
  gap: 7px;
}

.ac__signal-dot[b-2skqmfdugs] {
  border-radius: 50%;
  flex-shrink: 0;
  height: 9px;
  width: 9px;
}

.ac__col-r[b-2skqmfdugs] {
  font-variant-numeric: tabular-nums;
  text-align: right !important;
}

.ac__muted[b-2skqmfdugs] {
  color: var(--textSecondary) !important;
}

.ac__mono[b-2skqmfdugs] {
  font-family: monospace;
  font-size: 12px;
}

.ac__cost[b-2skqmfdugs] {
  color: var(--bluePrimary) !important;
  font-weight: 700;
}

/* ── Chart ───────────────────────────────────────── */
.ac__chart-area[b-2skqmfdugs] {
  height: 260px;
  padding: 12px 12px 0;
}

.ac__chart-area svg[b-2skqmfdugs] {
  display: block;
  height: 100%;
  width: 100%;
}

/* ── User Legend ─────────────────────────────────── */
.ac__user-legend[b-2skqmfdugs] {
  border-top: 1px solid var(--borderColor);
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  padding: 10px 16px;
}

.ac__user-legend-item[b-2skqmfdugs] {
  align-items: center;
  color: var(--textPrimary);
  display: flex;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  gap: 6px;
}

.ac__user-legend-dot[b-2skqmfdugs] {
  border-radius: 50%;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

/* ── Responsive ──────────────────────────────────── */
@media (max-width: 880px) {
  .ac__hero[b-2skqmfdugs] {
    flex-direction: column;
    gap: 20px;
  }

  .ac__kpis[b-2skqmfdugs] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 540px) {
  .ac__kpis[b-2skqmfdugs] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Agents/AgentDetailPage.razor.rz.scp.css */
.field-label[b-1s2pjifqsz] {
    display: block;
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyPrimary);
    margin-bottom: 4px;
}

.toggle[b-1s2pjifqsz] {
    position: relative;
    width: 44px;
    height: 24px;
    border-radius: var(--radiusFull);
    background: var(--borderColor);
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
    padding: 0;
    flex-shrink: 0;
}

.toggle--on[b-1s2pjifqsz] {
    background: var(--bluePrimary);
}

.toggle-knob[b-1s2pjifqsz] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.toggle--on .toggle-knob[b-1s2pjifqsz] {
    transform: translateX(20px);
}

.instruction-block[b-1s2pjifqsz] {
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    overflow: hidden;
    animation: brainFadeUp 0.25s ease both;
}

.instruction-block-header[b-1s2pjifqsz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--whiteSecondary);
    border-bottom: 1px solid var(--borderColor);
}

.instruction-textarea[b-1s2pjifqsz] {
    display: block;
    width: 100%;
    min-height: 80px;
    padding: 10px 12px;
    border: none;
    background: var(--whitePrimary);
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--blackPrimary);
    line-height: 1.6;
    resize: none;
    outline: none;
    box-sizing: border-box;
}

.instruction-textarea[b-1s2pjifqsz]::placeholder {
    color: var(--greyUltraLight);
}
/* /Pages/Agents/AgentsPage.razor.rz.scp.css */
.agents-grid[b-i334tbtxgi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}

.agent-card[b-i334tbtxgi] {
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: box-shadow 0.2s ease;
}

.agent-card:hover[b-i334tbtxgi] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.agent-card--default[b-i334tbtxgi] {
    border-color: var(--bluePrimary);
    border-width: 1.5px;
}

.agent-card-header[b-i334tbtxgi] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.agent-avatar[b-i334tbtxgi] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--blueLight);
    color: var(--bluePrimary);
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.agent-card-description[b-i334tbtxgi] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.agent-card-meta[b-i334tbtxgi] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-top: 8px;
    border-top: 1px solid var(--borderColor);
}

.agent-card-actions[b-i334tbtxgi] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tag[b-i334tbtxgi] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: var(--radiusFull);
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
}

.tag-blue[b-i334tbtxgi] {
    background: var(--blueLight);
    color: var(--color-info-text);
}

.tag-green[b-i334tbtxgi] {
    background: var(--greenLight);
    color: var(--greenPrimary);
}

.tag-neutral[b-i334tbtxgi] {
    background: var(--whiteSecondary);
    color: var(--greyPrimary);
}

.btn-icon-outline[b-i334tbtxgi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: transparent;
    color: var(--greyPrimary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.btn-icon-outline:hover[b-i334tbtxgi] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
    background: var(--blueLight);
}

.btn-icon-outline--danger:hover[b-i334tbtxgi] {
    border-color: var(--redPrimary);
    color: var(--redPrimary);
    background: var(--redLight);
}

.modal-overlay[b-i334tbtxgi] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-i334tbtxgi 0.15s ease;
}

.modal-box[b-i334tbtxgi] {
    background: var(--whitePrimary);
    border-radius: var(--radiusMd);
    padding: 28px;
    width: 100%;
    max-width: 440px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
    animation: slideUp-b-i334tbtxgi 0.2s ease;
}

.spinner-sm[b-i334tbtxgi] {
    width: 14px;
    height: 14px;
    border-width: 2px;
}

@keyframes fadeIn-b-i334tbtxgi {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-i334tbtxgi {
    from { transform: translateY(12px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
/* /Pages/Agents/ConversationDetailPage/ConversationDetailPage.razor.rz.scp.css */
/* ── Layout geral ── */
.cdp[b-mky03zb23q] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 80px);
    max-width: 100%;
    gap: 0;
    border-radius: var(--radiusMd);
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

/* ── Header ── */
.cdp-header[b-mky03zb23q] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 16px;
    background: var(--whitePrimary);
    border-bottom: 1px solid var(--borderColor);
    flex-shrink: 0;
    min-height: 62px;
}

.cdp-back[b-mky03zb23q] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: transparent;
    cursor: pointer;
    color: var(--greyPrimary);
    transition: border-color 0.15s, color 0.15s;
    flex-shrink: 0;
}

.cdp-back:hover[b-mky03zb23q] {
    border-color: var(--borderColorHover);
    color: var(--blackPrimary);
}

.cdp-header-info[b-mky03zb23q] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.cdp-avatar[b-mky03zb23q] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--blueLight);
    color: var(--bluePrimary);
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cdp-username[b-mky03zb23q] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 15px;
    color: var(--blackPrimary);
    letter-spacing: -0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cdp-meta[b-mky03zb23q] {
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    color: var(--greyPrimary);
    display: flex;
    gap: 4px;
    margin-top: 2px;
    opacity: 0.55;
}

.cdp-header-actions[b-mky03zb23q] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.cdp-load-all[b-mky03zb23q] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: var(--whitePrimary);
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    font-weight: 600;
    color: var(--greyPrimary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.cdp-load-all:hover:not(:disabled)[b-mky03zb23q] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
    background: var(--blueLight);
}

.cdp-load-all:disabled[b-mky03zb23q] {
    opacity: 0.5;
    cursor: default;
}

/* ── Área de chat — fundo estilo WhatsApp ── */
.cdp-content[b-mky03zb23q] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: #efeae2;
    background-image:
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 18px,
            rgba(0, 0, 0, 0.015) 18px,
            rgba(0, 0, 0, 0.015) 19px
        );
}

/* ── Estados (loading / erro / vazio) ── */
.cdp-state[b-mky03zb23q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 1;
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
    color: var(--greyPrimary);
}

.cdp-state--error[b-mky03zb23q] {
    color: var(--redPrimary);
}

.cdp-empty[b-mky03zb23q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 10px;
    font-family: var(--fontInstrumentSans);
    font-size: 13.5px;
    color: var(--greyPrimary);
}

.cdp-empty-icon[b-mky03zb23q] {
    font-size: 38px;
    opacity: 0.3;
}

/* ── Lista de mensagens ── */
.cdp-messages[b-mky03zb23q] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 14px 20px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    scroll-behavior: smooth;
}

.cdp-messages[b-mky03zb23q]::-webkit-scrollbar {
    width: 5px;
}

.cdp-messages[b-mky03zb23q]::-webkit-scrollbar-track {
    background: transparent;
}

.cdp-messages[b-mky03zb23q]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 4px;
}

/* ── Divisor de data ── */
.cdp-date-divider[b-mky03zb23q] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0 8px;
}

.cdp-date-label[b-mky03zb23q] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
    color: #5a5850;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(6px);
    padding: 3px 12px;
    border-radius: var(--radiusFull);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.03em;
}

/* ── Linha de mensagem ── */
.cdp-msg[b-mky03zb23q] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    margin-bottom: 3px;
    animation: cdpFadeUp-b-mky03zb23q 0.18s ease both;
}

@keyframes cdpFadeUp-b-mky03zb23q {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Agente → esquerda */
.cdp-msg--agent[b-mky03zb23q] {
    flex-direction: row;
    justify-content: flex-start;
    padding-right: 18%;
}

/* Humano → direita */
.cdp-msg--human[b-mky03zb23q] {
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding-left: 18%;
}

/* ── Avatares ── */
.cdp-msg-avatar[b-mky03zb23q] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-bottom: 2px;
    align-self: flex-end;
}

.cdp-msg-avatar--human[b-mky03zb23q] {
    background: var(--blueLight);
    color: var(--bluePrimary);
}

.cdp-msg-avatar--bot[b-mky03zb23q] {
    background: #f0fdf4;
    color: #16a34a;
    border: 1.5px solid #bbf7d0;
}

/* ── Wrapper da bolha ── */
.cdp-bubble-wrap[b-mky03zb23q] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cdp-msg--human .cdp-bubble-wrap[b-mky03zb23q] {
    align-items: flex-end;
}

.cdp-msg--agent .cdp-bubble-wrap[b-mky03zb23q] {
    align-items: flex-start;
}

/* ── Bolhas ── */
.cdp-bubble[b-mky03zb23q] {
    padding: 8px 12px 5px;
    word-break: break-word;
    white-space: pre-wrap;
    line-height: 1.52;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Bolha do agente — branca, canto superior esquerdo agudo */
.cdp-bubble--agent[b-mky03zb23q] {
    background: #ffffff;
    border-radius: 2px 16px 16px 16px;
    color: #111827;
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
}

/* Bolha do humano — azul, canto superior direito agudo */
.cdp-bubble--human[b-mky03zb23q] {
    background: var(--bluePrimary);
    border-radius: 16px 2px 16px 16px;
    color: #ffffff;
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
}

.cdp-bubble-text[b-mky03zb23q] {
    display: block;
}

/* ── Rodapé da bolha (canal + hora) ── */
.cdp-bubble-footer[b-mky03zb23q] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.cdp-channel-tag[b-mky03zb23q] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.cdp-bubble--agent .cdp-channel-tag[b-mky03zb23q] {
    color: #6b7280;
}

.cdp-bubble--human .cdp-channel-tag[b-mky03zb23q] {
    color: rgba(255, 255, 255, 0.7);
}

.cdp-bubble-time[b-mky03zb23q] {
    font-family: var(--fontInstrumentSans);
    font-size: 10.5px;
}

.cdp-bubble--agent .cdp-bubble-time[b-mky03zb23q] {
    color: #9ca3af;
}

.cdp-bubble--human .cdp-bubble-time[b-mky03zb23q] {
    color: rgba(255, 255, 255, 0.72);
}

/* ── Espaçamento extra no início de cada grupo de remetente ── */
.cdp-msg--group-start[b-mky03zb23q] {
    margin-top: 10px;
}

/* ── Label do remetente ── */
.cdp-sender-label[b-mky03zb23q] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 3px;
    padding: 0 2px;
}

.cdp-sender-label--agent[b-mky03zb23q] {
    color: #16a34a;
    text-align: left;
}

.cdp-sender-label--human[b-mky03zb23q] {
    color: var(--bluePrimary);
    text-align: right;
}

/* ── Avatar oculto (não é o primeiro da sequência) — mantém espaço ── */
.cdp-msg-avatar--hidden[b-mky03zb23q] {
    visibility: hidden;
}

/* ── Responsivo ── */
@media (max-width: 600px) {
    .cdp[b-mky03zb23q] {
        height: calc(100vh - 120px);
        border-radius: 0;
        box-shadow: none;
    }

    .cdp-msg--agent[b-mky03zb23q] {
        padding-right: 6%;
    }

    .cdp-msg--human[b-mky03zb23q] {
        padding-left: 6%;
    }
}
/* /Pages/Agents/ConversationsPage/ConversationsPage.razor.rz.scp.css */
.conv-page[b-eolp7m89at] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.conv-header[b-eolp7m89at] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.conv-header-left[b-eolp7m89at] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.conv-icon[b-eolp7m89at] {
    width: 44px;
    height: 44px;
    border-radius: var(--radiusMd);
    background: var(--blueLight);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--bluePrimary);
    font-size: 22px;
}

.conv-title[b-eolp7m89at] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.3px;
    color: var(--blackPrimary);
    margin: 0;
}

.conv-subtitle[b-eolp7m89at] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    margin: 2px 0 0;
}

.conv-refresh[b-eolp7m89at] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: var(--whitePrimary);
    color: var(--greyPrimary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    flex-shrink: 0;
}

.conv-refresh:hover:not(:disabled)[b-eolp7m89at] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
}

.conv-refresh:disabled[b-eolp7m89at] {
    opacity: 0.5;
    cursor: default;
}

.conv-spin[b-eolp7m89at] {
    animation: conv-rotate-b-eolp7m89at 1s linear infinite;
}

@keyframes conv-rotate-b-eolp7m89at {
    to { transform: rotate(360deg); }
}

.conv-state[b-eolp7m89at] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px;
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
    color: var(--greyPrimary);
}

.conv-state--error[b-eolp7m89at] {
    color: var(--redPrimary);
}

.conv-empty[b-eolp7m89at] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 32px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
    text-align: center;
}

.conv-empty-icon[b-eolp7m89at] {
    font-size: 40px;
    color: var(--greyUltraLight);
    margin-bottom: 12px;
}

.conv-empty-title[b-eolp7m89at] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 16px;
    color: var(--blackPrimary);
    margin: 0 0 6px;
}

.conv-empty-sub[b-eolp7m89at] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    margin: 0;
    max-width: 340px;
    line-height: 1.5;
}

.conv-search-bar[b-eolp7m89at] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
    transition: border-color 0.15s;
}

.conv-search-bar:focus-within[b-eolp7m89at] {
    border-color: var(--bluePrimary);
}

.conv-search-icon[b-eolp7m89at] {
    font-size: 18px;
    color: var(--greyUltraLight);
    flex-shrink: 0;
}

.conv-search-input[b-eolp7m89at] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--fontInstrumentSans);
    font-size: 13.5px;
    color: var(--blackPrimary);
    padding: 10px 0;
}

.conv-search-input[b-eolp7m89at]::placeholder {
    color: var(--greyUltraLight);
}

.conv-search-clear[b-eolp7m89at] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    color: var(--greyUltraLight);
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
    transition: color 0.15s;
    flex-shrink: 0;
}

.conv-search-clear:hover[b-eolp7m89at] {
    color: var(--greyPrimary);
}

.conv-list[b-eolp7m89at] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
    overflow: hidden;
    animation: brainFadeUp 0.3s ease both;
}

.conv-item[b-eolp7m89at] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    cursor: pointer;
    transition: background 0.12s;
    border-bottom: 1px solid var(--borderColor);
}

.conv-item:last-child[b-eolp7m89at] {
    border-bottom: none;
}

.conv-item:hover[b-eolp7m89at] {
    background: var(--whiteSecondary);
}

.conv-avatar[b-eolp7m89at] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--blueLight);
    color: var(--bluePrimary);
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.conv-item-body[b-eolp7m89at] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.conv-item-top[b-eolp7m89at] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.conv-item-name[b-eolp7m89at] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 14.5px;
    color: var(--blackPrimary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conv-item-time[b-eolp7m89at] {
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    color: var(--greyUltraLight);
    flex-shrink: 0;
}

.conv-item-bottom[b-eolp7m89at] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.conv-item-preview[b-eolp7m89at] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conv-item-count[b-eolp7m89at] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
    color: var(--whitePrimary);
    background: var(--greyUltraLight);
    border-radius: var(--radiusFull);
    padding: 2px 7px;
    flex-shrink: 0;
}

.conv-item-arrow[b-eolp7m89at] {
    font-size: 18px;
    color: var(--greyUltraLight);
    flex-shrink: 0;
    transition: color 0.12s;
}

.conv-item:hover .conv-item-arrow[b-eolp7m89at] {
    color: var(--greyPrimary);
}
/* /Pages/Agents/ManagerAgentDetailPage.razor.rz.scp.css */
.field-label[b-74dxrccaee] {
    display: block;
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyPrimary);
    margin-bottom: 4px;
}

.toggle[b-74dxrccaee] {
    position: relative;
    width: 44px;
    height: 24px;
    border-radius: var(--radiusFull);
    background: var(--borderColor);
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
    padding: 0;
    flex-shrink: 0;
}

.toggle--on[b-74dxrccaee] {
    background: var(--bluePrimary);
}

.toggle-knob[b-74dxrccaee] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.toggle--on .toggle-knob[b-74dxrccaee] {
    transform: translateX(20px);
}

.instruction-block[b-74dxrccaee] {
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    overflow: hidden;
    animation: brainFadeUp 0.25s ease both;
}

.instruction-block-header[b-74dxrccaee] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: var(--whiteSecondary);
    border-bottom: 1px solid var(--borderColor);
}

.instruction-textarea[b-74dxrccaee] {
    display: block;
    width: 100%;
    min-height: 80px;
    padding: 10px 12px;
    border: none;
    background: var(--whitePrimary);
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--blackPrimary);
    line-height: 1.6;
    resize: none;
    outline: none;
    box-sizing: border-box;
}

.instruction-textarea[b-74dxrccaee]::placeholder {
    color: var(--greyUltraLight);
}
/* /Pages/Agents/ManagerAgentsPage.razor.rz.scp.css */
.agents-grid[b-varlwie8ly] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}

.agent-card[b-varlwie8ly] {
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: box-shadow 0.2s ease;
}

.agent-card:hover[b-varlwie8ly] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.agent-card--default[b-varlwie8ly] {
    border-color: var(--bluePrimary);
    border-width: 1.5px;
}

.agent-card-header[b-varlwie8ly] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.agent-avatar[b-varlwie8ly] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--blueLight);
    color: var(--bluePrimary);
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.agent-card-description[b-varlwie8ly] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    margin: 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.agent-card-meta[b-varlwie8ly] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-top: 8px;
    border-top: 1px solid var(--borderColor);
}

.agent-card-actions[b-varlwie8ly] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tag[b-varlwie8ly] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: var(--radiusFull);
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
}

.tag-blue[b-varlwie8ly] {
    background: var(--blueLight);
    color: var(--color-info-text);
}

.tag-green[b-varlwie8ly] {
    background: var(--greenLight);
    color: var(--greenPrimary);
}

.tag-neutral[b-varlwie8ly] {
    background: var(--whiteSecondary);
    color: var(--greyPrimary);
}

.btn-icon-outline[b-varlwie8ly] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: transparent;
    color: var(--greyPrimary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.btn-icon-outline:hover[b-varlwie8ly] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
    background: var(--blueLight);
}

.btn-icon-outline--danger:hover[b-varlwie8ly] {
    border-color: var(--redPrimary);
    color: var(--redPrimary);
    background: var(--redLight);
}

.modal-overlay[b-varlwie8ly] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-varlwie8ly 0.15s ease;
}

.modal-box[b-varlwie8ly] {
    background: var(--whitePrimary);
    border-radius: var(--radiusMd);
    padding: 28px;
    width: 100%;
    max-width: 440px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
    animation: slideUp-b-varlwie8ly 0.2s ease;
}

.spinner-sm[b-varlwie8ly] {
    width: 14px;
    height: 14px;
    border-width: 2px;
}

@keyframes fadeIn-b-varlwie8ly {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-varlwie8ly {
    from { transform: translateY(12px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
/* /Pages/Agents/ManagerConversationDetailPage/ManagerConversationDetailPage.razor.rz.scp.css */
/* ── Layout geral ── */
.cdp[b-en506wwqyk] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 80px);
    max-width: 100%;
    gap: 0;
    border-radius: var(--radiusMd);
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

/* ── Header ── */
.cdp-header[b-en506wwqyk] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 16px;
    background: var(--whitePrimary);
    border-bottom: 1px solid var(--borderColor);
    flex-shrink: 0;
    min-height: 62px;
}

.cdp-back[b-en506wwqyk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: transparent;
    cursor: pointer;
    color: var(--greyPrimary);
    transition: border-color 0.15s, color 0.15s;
    flex-shrink: 0;
}

.cdp-back:hover[b-en506wwqyk] {
    border-color: var(--borderColorHover);
    color: var(--blackPrimary);
}

.cdp-header-info[b-en506wwqyk] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.cdp-avatar[b-en506wwqyk] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--blueLight);
    color: var(--bluePrimary);
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cdp-username[b-en506wwqyk] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 15px;
    color: var(--blackPrimary);
    letter-spacing: -0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cdp-meta[b-en506wwqyk] {
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    color: var(--greyPrimary);
    display: flex;
    gap: 4px;
    margin-top: 2px;
    opacity: 0.55;
}

.cdp-header-actions[b-en506wwqyk] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.cdp-load-all[b-en506wwqyk] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: var(--whitePrimary);
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    font-weight: 600;
    color: var(--greyPrimary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.cdp-load-all:hover:not(:disabled)[b-en506wwqyk] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
    background: var(--blueLight);
}

.cdp-load-all:disabled[b-en506wwqyk] {
    opacity: 0.5;
    cursor: default;
}

/* ── Área de chat — fundo estilo WhatsApp ── */
.cdp-content[b-en506wwqyk] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: #efeae2;
    background-image:
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 18px,
            rgba(0, 0, 0, 0.015) 18px,
            rgba(0, 0, 0, 0.015) 19px
        );
}

/* ── Estados (loading / erro / vazio) ── */
.cdp-state[b-en506wwqyk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 1;
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
    color: var(--greyPrimary);
}

.cdp-state--error[b-en506wwqyk] {
    color: var(--redPrimary);
}

.cdp-empty[b-en506wwqyk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 10px;
    font-family: var(--fontInstrumentSans);
    font-size: 13.5px;
    color: var(--greyPrimary);
}

.cdp-empty-icon[b-en506wwqyk] {
    font-size: 38px;
    opacity: 0.3;
}

/* ── Lista de mensagens ── */
.cdp-messages[b-en506wwqyk] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 14px 20px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    scroll-behavior: smooth;
}

.cdp-messages[b-en506wwqyk]::-webkit-scrollbar {
    width: 5px;
}

.cdp-messages[b-en506wwqyk]::-webkit-scrollbar-track {
    background: transparent;
}

.cdp-messages[b-en506wwqyk]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 4px;
}

/* ── Divisor de data ── */
.cdp-date-divider[b-en506wwqyk] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0 8px;
}

.cdp-date-label[b-en506wwqyk] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
    color: #5a5850;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(6px);
    padding: 3px 12px;
    border-radius: var(--radiusFull);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.03em;
}

/* ── Linha de mensagem ── */
.cdp-msg[b-en506wwqyk] {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    margin-bottom: 3px;
    animation: cdpFadeUp-b-en506wwqyk 0.18s ease both;
}

@keyframes cdpFadeUp-b-en506wwqyk {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cdp-msg--agent[b-en506wwqyk] {
    flex-direction: row;
    justify-content: flex-start;
    padding-right: 18%;
}

.cdp-msg--human[b-en506wwqyk] {
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding-left: 18%;
}

/* ── Avatares ── */
.cdp-msg-avatar[b-en506wwqyk] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-bottom: 2px;
    align-self: flex-end;
}

.cdp-msg-avatar--human[b-en506wwqyk] {
    background: var(--blueLight);
    color: var(--bluePrimary);
}

.cdp-msg-avatar--bot[b-en506wwqyk] {
    background: #fef9c3;
    color: #ca8a04;
    border: 1.5px solid #fde68a;
}

.cdp-bubble-wrap[b-en506wwqyk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cdp-msg--human .cdp-bubble-wrap[b-en506wwqyk] {
    align-items: flex-end;
}

.cdp-msg--agent .cdp-bubble-wrap[b-en506wwqyk] {
    align-items: flex-start;
}

.cdp-bubble[b-en506wwqyk] {
    padding: 8px 12px 5px;
    word-break: break-word;
    white-space: pre-wrap;
    line-height: 1.52;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cdp-bubble--agent[b-en506wwqyk] {
    background: #ffffff;
    border-radius: 2px 16px 16px 16px;
    color: #111827;
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
}

.cdp-bubble--human[b-en506wwqyk] {
    background: var(--bluePrimary);
    border-radius: 16px 2px 16px 16px;
    color: #ffffff;
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
}

.cdp-bubble-text[b-en506wwqyk] {
    display: block;
}

.cdp-bubble-footer[b-en506wwqyk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.cdp-channel-tag[b-en506wwqyk] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.cdp-bubble--agent .cdp-channel-tag[b-en506wwqyk] {
    color: #6b7280;
}

.cdp-bubble--human .cdp-channel-tag[b-en506wwqyk] {
    color: rgba(255, 255, 255, 0.7);
}

.cdp-bubble-time[b-en506wwqyk] {
    font-family: var(--fontInstrumentSans);
    font-size: 10.5px;
}

.cdp-bubble--agent .cdp-bubble-time[b-en506wwqyk] {
    color: #9ca3af;
}

.cdp-bubble--human .cdp-bubble-time[b-en506wwqyk] {
    color: rgba(255, 255, 255, 0.72);
}

.cdp-msg--group-start[b-en506wwqyk] {
    margin-top: 10px;
}

.cdp-sender-label[b-en506wwqyk] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 3px;
    padding: 0 2px;
}

.cdp-sender-label--agent[b-en506wwqyk] {
    color: #ca8a04;
    text-align: left;
}

.cdp-sender-label--human[b-en506wwqyk] {
    color: var(--bluePrimary);
    text-align: right;
}

.cdp-msg-avatar--hidden[b-en506wwqyk] {
    visibility: hidden;
}

@media (max-width: 600px) {
    .cdp[b-en506wwqyk] {
        height: calc(100vh - 120px);
        border-radius: 0;
        box-shadow: none;
    }

    .cdp-msg--agent[b-en506wwqyk] {
        padding-right: 6%;
    }

    .cdp-msg--human[b-en506wwqyk] {
        padding-left: 6%;
    }
}
/* /Pages/Agents/ManagerConversationsPage/ManagerConversationsPage.razor.rz.scp.css */
.conv-page[b-hpnyxhp1si] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.conv-header[b-hpnyxhp1si] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.conv-header-left[b-hpnyxhp1si] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.conv-icon[b-hpnyxhp1si] {
    width: 44px;
    height: 44px;
    border-radius: var(--radiusMd);
    background: var(--blueLight);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--bluePrimary);
    font-size: 22px;
}

.conv-title[b-hpnyxhp1si] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.3px;
    color: var(--blackPrimary);
    margin: 0;
}

.conv-subtitle[b-hpnyxhp1si] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    margin: 2px 0 0;
}

.conv-refresh[b-hpnyxhp1si] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: var(--whitePrimary);
    color: var(--greyPrimary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    flex-shrink: 0;
}

.conv-refresh:hover:not(:disabled)[b-hpnyxhp1si] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
}

.conv-refresh:disabled[b-hpnyxhp1si] {
    opacity: 0.5;
    cursor: default;
}

.conv-spin[b-hpnyxhp1si] {
    animation: conv-rotate-b-hpnyxhp1si 1s linear infinite;
}

@keyframes conv-rotate-b-hpnyxhp1si {
    to { transform: rotate(360deg); }
}

.conv-state[b-hpnyxhp1si] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px;
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
    color: var(--greyPrimary);
}

.conv-state--error[b-hpnyxhp1si] {
    color: var(--redPrimary);
}

.conv-empty[b-hpnyxhp1si] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 32px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
    text-align: center;
}

.conv-empty-icon[b-hpnyxhp1si] {
    font-size: 40px;
    color: var(--greyUltraLight);
    margin-bottom: 12px;
}

.conv-empty-title[b-hpnyxhp1si] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 16px;
    color: var(--blackPrimary);
    margin: 0 0 6px;
}

.conv-empty-sub[b-hpnyxhp1si] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    margin: 0;
    max-width: 340px;
    line-height: 1.5;
}

.conv-search-bar[b-hpnyxhp1si] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
    transition: border-color 0.15s;
}

.conv-search-bar:focus-within[b-hpnyxhp1si] {
    border-color: var(--bluePrimary);
}

.conv-search-icon[b-hpnyxhp1si] {
    font-size: 18px;
    color: var(--greyUltraLight);
    flex-shrink: 0;
}

.conv-search-input[b-hpnyxhp1si] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--fontInstrumentSans);
    font-size: 13.5px;
    color: var(--blackPrimary);
    padding: 10px 0;
}

.conv-search-input[b-hpnyxhp1si]::placeholder {
    color: var(--greyUltraLight);
}

.conv-search-clear[b-hpnyxhp1si] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    color: var(--greyUltraLight);
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
    transition: color 0.15s;
    flex-shrink: 0;
}

.conv-search-clear:hover[b-hpnyxhp1si] {
    color: var(--greyPrimary);
}

.conv-list[b-hpnyxhp1si] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
    overflow: hidden;
    animation: brainFadeUp 0.3s ease both;
}

.conv-item[b-hpnyxhp1si] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    cursor: pointer;
    transition: background 0.12s;
    border-bottom: 1px solid var(--borderColor);
}

.conv-item:last-child[b-hpnyxhp1si] {
    border-bottom: none;
}

.conv-item:hover[b-hpnyxhp1si] {
    background: var(--whiteSecondary);
}

.conv-avatar[b-hpnyxhp1si] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--blueLight);
    color: var(--bluePrimary);
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.conv-item-body[b-hpnyxhp1si] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.conv-item-top[b-hpnyxhp1si] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.conv-item-name[b-hpnyxhp1si] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 14.5px;
    color: var(--blackPrimary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conv-item-time[b-hpnyxhp1si] {
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    color: var(--greyUltraLight);
    flex-shrink: 0;
}

.conv-item-bottom[b-hpnyxhp1si] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.conv-item-preview[b-hpnyxhp1si] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conv-item-count[b-hpnyxhp1si] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
    color: var(--whitePrimary);
    background: var(--greyUltraLight);
    border-radius: var(--radiusFull);
    padding: 2px 7px;
    flex-shrink: 0;
}

.conv-item-arrow[b-hpnyxhp1si] {
    font-size: 18px;
    color: var(--greyUltraLight);
    flex-shrink: 0;
    transition: color 0.12s;
}

.conv-item:hover .conv-item-arrow[b-hpnyxhp1si] {
    color: var(--greyPrimary);
}
/* /Pages/Angariacoes/Main/AngariacoesPage.razor.rz.scp.css */
.angariacoes-page[b-wqbbqwlxnj] {
  margin: -28px -32px;
  padding: 24px 28px 28px;
  display: flex;
  flex-direction: column;
}

.angariacoes-page__loading[b-wqbbqwlxnj] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
}

.angariacoes-page__filters[b-wqbbqwlxnj] {
  background: var(--color-white-primary);
  border: 1px solid var(--color-grey-light);
  border-radius: var(--radiusSm);
  padding: 16px 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-shrink: 0;
}

.angariacoes-page__columns[b-wqbbqwlxnj] {
  display: flex;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
  min-height: calc(100vh - 180px);
  margin-top: 20px;
  overflow-x: hidden;
  padding-bottom: 8px;
  cursor: grab;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  touch-action: none;
  user-select: none;
}

.angariacoes-page__columns.is-drag-scrolling[b-wqbbqwlxnj] {
  cursor: grabbing;
}

@media (max-width: 600px) {
  .angariacoes-page__columns[b-wqbbqwlxnj] {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    touch-action: pan-x;
    cursor: default;
    gap: 0;
  }
}
/* /Pages/Arquivo/ArquivoPage/Components/ArquivoPageTable/ArquivoPageTable.razor.rz.scp.css */
.arquivo-page-table[b-42bsd1zyjk] {
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  overflow: hidden;
  background: var(--whitePrimary);
}

.arquivo-page-table__scroll[b-42bsd1zyjk] {
  overflow-x: auto;
  max-height: calc(100vh - 240px);
  overflow-y: auto;
}

.arquivo-page-table .data-table[b-42bsd1zyjk] {
  table-layout: fixed;
}

.arquivo-page-table .data-table thead th[b-42bsd1zyjk] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--whiteSecondary);
}

.arquivo-page-table__col-index[b-42bsd1zyjk] {
  width: 48px;
}

.arquivo-page-table__col-title[b-42bsd1zyjk] {
  width: 400px;
}

.arquivo-page-table__title-cell[b-42bsd1zyjk] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.arquivo-page-table__skeleton-wrap[b-42bsd1zyjk] {
  display: flex;
  align-items: center;
  width: 100%;
}

.arquivo-page-table__status[b-42bsd1zyjk] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.arquivo-page-table__source-chip[b-42bsd1zyjk] {
  background: var(--blueLight);
  color: var(--bluePrimary);
  font-size: var(--fontSizeSmall);
}

@media (prefers-reduced-motion: reduce) {
  .tr-analyzing td[b-42bsd1zyjk] { background: none; animation: none; }
}

@media (max-width: 760px) {
  .arquivo-page-table[b-42bsd1zyjk] {
    border: none;
    background: transparent;
    overflow: visible;
  }

  .arquivo-page-table__scroll[b-42bsd1zyjk] {
    overflow: visible;
    max-height: none;
  }

  .arquivo-page-table .data-table[b-42bsd1zyjk],
  .arquivo-page-table .data-table tbody[b-42bsd1zyjk],
  .arquivo-page-table .data-table tr[b-42bsd1zyjk],
  .arquivo-page-table .data-table td[b-42bsd1zyjk] {
    display: block;
    width: 100%;
  }

  .arquivo-page-table .data-table[b-42bsd1zyjk] {
    border-collapse: separate;
    border-spacing: 0 10px;
    table-layout: auto;
  }

  .arquivo-page-table .data-table thead[b-42bsd1zyjk] {
    display: none;
  }

  .arquivo-page-table .data-table tbody tr[b-42bsd1zyjk] {
    overflow: hidden;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    background: var(--whitePrimary);
  }

  .arquivo-page-table .data-table tbody td[b-42bsd1zyjk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--borderColor);
  }

  .arquivo-page-table .data-table tbody tr td:last-child[b-42bsd1zyjk] {
    border-bottom: none;
  }

  .arquivo-page-table .data-table tbody tr.row-clickable:hover td[b-42bsd1zyjk] {
    background: inherit;
  }

  .arquivo-page-table .data-table tbody tr.row-clickable:active td[b-42bsd1zyjk] {
    background: var(--color-white-secondary);
  }

  .arquivo-page-table .data-table tbody td[b-42bsd1zyjk]::before {
    content: attr(data-label);
    flex: 0 0 110px;
    color: var(--greyLight);
    font-family: var(--fontInstrumentSans);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    text-transform: uppercase;
  }

  .arquivo-page-table__cell-index[b-42bsd1zyjk] {
    display: none !important;
  }

  .arquivo-page-table__cell-title[b-42bsd1zyjk] {
    align-items: center !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    background: var(--whiteSecondary);
  }

  .arquivo-page-table__title-cell[b-42bsd1zyjk] {
    align-items: flex-end;
    text-align: right;
  }

  .arquivo-page-table__status[b-42bsd1zyjk] {
    justify-content: flex-end;
  }

  .arquivo-page-table__skeleton-wrap[b-42bsd1zyjk] {
    justify-content: flex-end;
  }

  .arquivo-page-table__skeleton-row td[b-42bsd1zyjk] {
    min-height: 43px;
  }

  .arquivo-page-table__skeleton-row td[b-42bsd1zyjk]::before {
    content: none !important;
  }
}

@media (max-width: 420px) {
  .arquivo-page-table .data-table tbody td[b-42bsd1zyjk] {
    gap: 10px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .arquivo-page-table .data-table tbody td[b-42bsd1zyjk]::before {
    flex-basis: 92px;
  }
}

/* ── Neural firing indicator ──────────────────────────────────────────────── */

.ai-neural[b-42bsd1zyjk] {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.ai-neural__svg[b-42bsd1zyjk] {
  overflow: visible;
  width: 34px;
  height: 12px;
}

.ai-neural__axon[b-42bsd1zyjk] {
  stroke: var(--ai-color, var(--violetPrimary));
  stroke-width: 0.75;
  opacity: 0.18;
}

.ai-neural__signal[b-42bsd1zyjk] {
  stroke: var(--ai-color, var(--violetPrimary));
  stroke-width: 1.2;
  stroke-dasharray: 5 40;
  stroke-dashoffset: 35;
  opacity: 0;
  animation: ai-signal-travel-b-42bsd1zyjk 2.1s ease-in-out infinite;
}

.ai-neural__node[b-42bsd1zyjk] {
  fill: var(--ai-color, var(--violetPrimary));
  opacity: 0.3;
}

.ai-neural__node--1[b-42bsd1zyjk] { animation: ai-node-fire-b-42bsd1zyjk 2.1s ease-in-out infinite 0s; }
.ai-neural__node--2[b-42bsd1zyjk] { animation: ai-node-fire-b-42bsd1zyjk 2.1s ease-in-out infinite 0.48s; }
.ai-neural__node--3[b-42bsd1zyjk] { animation: ai-node-fire-b-42bsd1zyjk 2.1s ease-in-out infinite 0.96s; }

.ai-neural__pulse[b-42bsd1zyjk] {
  fill: none;
  stroke: var(--ai-color, var(--violetPrimary));
  stroke-width: 0.8;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}

.ai-neural__pulse--1[b-42bsd1zyjk] { animation: ai-pulse-ring-b-42bsd1zyjk 2.1s ease-out infinite 0s; }
.ai-neural__pulse--2[b-42bsd1zyjk] { animation: ai-pulse-ring-b-42bsd1zyjk 2.1s ease-out infinite 0.48s; }
.ai-neural__pulse--3[b-42bsd1zyjk] { animation: ai-pulse-ring-b-42bsd1zyjk 2.1s ease-out infinite 0.96s; }

@keyframes ai-node-fire-b-42bsd1zyjk {
  0%, 100% { opacity: 0.28; filter: none; }
  8%        { opacity: 1;    filter: drop-shadow(0 0 3px var(--ai-color, var(--violetPrimary))); }
  22%       { opacity: 0.45; filter: none; }
}

@keyframes ai-pulse-ring-b-42bsd1zyjk {
  0%   { transform: scale(1);   opacity: 0.65; }
  55%  { transform: scale(3);   opacity: 0;    }
  100% { transform: scale(3);   opacity: 0;    }
}

@keyframes ai-signal-travel-b-42bsd1zyjk {
  0%   { stroke-dashoffset: 35;  opacity: 0;   }
  6%   { opacity: 1; }
  44%  { opacity: 1; }
  52%  { stroke-dashoffset: -10; opacity: 0;   }
  100% { stroke-dashoffset: -10; opacity: 0;   }
}

@media (prefers-reduced-motion: reduce) {
  .ai-neural__node[b-42bsd1zyjk]    { animation: none; opacity: 0.55; }
  .ai-neural__pulse[b-42bsd1zyjk]   { animation: none; }
  .ai-neural__signal[b-42bsd1zyjk]  { animation: none; }
}
/* /Pages/Arquivo/ArquivoPage/Main/ArquivoPage.razor.rz.scp.css */
.arquivo-page[b-t5rte3zjqu] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.arquivo-page__search[b-t5rte3zjqu] {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 16px 20px;
  border: 1px solid var(--color-grey-light);
  border-radius: var(--radiusSm);
  background: var(--color-white-primary);
}

.arquivo-page__search-actions[b-t5rte3zjqu] {
  display: flex;
  gap: 8px;
  align-items: center;
}

@media (max-width: 760px) {
  .arquivo-page__pagination[b-t5rte3zjqu] {
    justify-content: space-between;
  }
}

@media (max-width: 600px) {
  .arquivo-page__search[b-t5rte3zjqu] {
    grid-template-columns: 1fr;
  }

  .arquivo-page__search-actions[b-t5rte3zjqu] {
    width: 100%;
  }
}

.arquivo-page__empty[b-t5rte3zjqu] {
  padding: 72px 40px;
  text-align: center;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.arquivo-page__empty-icon[b-t5rte3zjqu] {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--whiteSecondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.arquivo-page__empty-text[b-t5rte3zjqu] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}

.arquivo-page__pagination[b-t5rte3zjqu] {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
  padding: 4px 0;
}
/* /Pages/Compradores/Main/CompradoresPage.razor.rz.scp.css */
.compradores-page[b-u6jzrxfyfw] {
  margin: -28px -32px;
  padding: 24px 28px 28px;
  display: flex;
  flex-direction: column;
}

.compradores-page__loading[b-u6jzrxfyfw] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
}

.compradores-page__filters[b-u6jzrxfyfw] {
  background: var(--color-white-primary);
  border: 1px solid var(--color-grey-light);
  border-radius: var(--radiusSm);
  padding: 16px 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-shrink: 0;
}

.compradores-page__columns[b-u6jzrxfyfw] {
  display: flex;
  gap: 8px;
  align-items: stretch;
  min-width: 0;
  min-height: calc(100vh - 260px);
  margin-top: 20px;
  overflow-x: hidden;
  padding-bottom: 8px;
  cursor: grab;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  touch-action: none;
  user-select: none;
}

.compradores-page__columns.is-drag-scrolling[b-u6jzrxfyfw] {
  cursor: grabbing;
}

@media (max-width: 600px) {
  .compradores-page__columns[b-u6jzrxfyfw] {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    touch-action: pan-x;
    cursor: default;
    gap: 0;
  }
}
/* /Pages/ExternalProperties/ExternalPropertiesPage/Components/ExternalPropertiesEmptyState/ExternalPropertiesEmptyState.razor.rz.scp.css */
.external-properties-empty[b-v3gdtpyj8y] {
  padding: 72px 40px;
  text-align: center;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.external-properties-empty__icon[b-v3gdtpyj8y] {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background: var(--whiteSecondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.external-properties-empty[b-v3gdtpyj8y]  .add-text + .add-text {
  margin-top: 4px;
}
/* /Pages/ExternalProperties/ExternalPropertiesPage/Components/ExternalPropertiesHeader/ExternalPropertiesHeader.razor.rz.scp.css */
.external-properties-header[b-0wwixvoyz3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.external-properties-header__title-row[b-0wwixvoyz3] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.external-properties-header__page-badge[b-0wwixvoyz3] {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-grey-dark);
  background: var(--color-white-secondary);
  border: 1px solid var(--color-grey-light);
  border-radius: 20px;
  padding: 1px 9px;
}

.external-properties-header__search[b-0wwixvoyz3] {
  display: flex;
  align-items: center;
}
/* /Pages/ExternalProperties/ExternalPropertiesPage/Components/ExternalPropertiesPagination/ExternalPropertiesPagination.razor.rz.scp.css */
.external-properties-pagination[b-yrvuvoc7tc] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 4px 0;
}

.external-properties-pagination[b-yrvuvoc7tc]  .add-text {
  min-width: 60px;
  text-align: center;
}
/* /Pages/ExternalProperties/ExternalPropertiesPage/Components/ExternalPropertyCard/ExternalPropertyCard.razor.rz.scp.css */
.external-property-card[b-nu0ir6swxa] {
  position: relative;
  border-radius: var(--radiusSm);
  cursor: pointer;
}

.external-property-card__detail-link[b-nu0ir6swxa] {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: var(--radiusSm);
  color: inherit;
  text-decoration: none;
}

.external-property-card__detail-link:focus-visible[b-nu0ir6swxa] {
  outline: 2px solid var(--bluePrimary);
  outline-offset: 3px;
}

.external-property-card__inner[b-nu0ir6swxa] {
  position: relative;
  border-radius: var(--radiusSm);
  overflow: hidden;
  background: var(--whitePrimary);
  border: 1.5px solid var(--borderColor);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 450px;
  gap: 10px;
  padding: 14px 16px;
  transition: box-shadow 0.2s ease, transform 0.15s ease, border-color 0.2s ease;
}

.external-property-card:hover .external-property-card__inner[b-nu0ir6swxa] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.external-property-card--pending .external-property-card__inner[b-nu0ir6swxa] {
  animation: external-property-card-border-coral-b-nu0ir6swxa 2.5s ease-in-out infinite;
}

.external-property-card--analyzing .external-property-card__inner[b-nu0ir6swxa] {
  animation: external-property-card-border-coral-b-nu0ir6swxa 1.4s ease-in-out infinite;
}

.external-property-card--failed .external-property-card__inner[b-nu0ir6swxa] {
  animation: external-property-card-border-amber-b-nu0ir6swxa 2s ease-in-out infinite;
}

.external-property-card__cover[b-nu0ir6swxa] {
  height: 130px;
  width: calc(100% + 32px);
  margin: -14px -16px 10px;
  border-radius: calc(var(--radiusSm) - 1px) calc(var(--radiusSm) - 1px) 0 0;
  flex-shrink: 0;
  overflow: hidden;
}

.external-property-card__top-bar[b-nu0ir6swxa] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.external-property-card__link[b-nu0ir6swxa] {
  position: relative;
  z-index: 3;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  color: var(--greyLight);
  opacity: 0.8;
  transition: opacity 0.15s, color 0.15s;
}

.external-property-card__link:hover[b-nu0ir6swxa] {
  color: var(--bluePrimary);
  opacity: 1;
}

.external-property-card[b-nu0ir6swxa]  h3.add-text {
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.external-property-card__location[b-nu0ir6swxa] {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.external-property-card__location[b-nu0ir6swxa]  .add-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.external-property-card__description[b-nu0ir6swxa] {
  font-family: var(--fontInstrumentSans);
  font-size: 12.5px;
  color: var(--greyPrimary);
  line-height: 1.55;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.external-property-card__description[b-nu0ir6swxa]  a {
  position: relative;
  z-index: 3;
}

.external-property-card__price-row[b-nu0ir6swxa] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.external-property-card__price[b-nu0ir6swxa] {
  font-family: var(--fontFunnelDisplay);
  font-size: 19px;
  font-weight: 800;
  color: var(--blackPrimary);
  letter-spacing: 0;
}

.external-property-card__status[b-nu0ir6swxa] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.external-property-card__status-icon[b-nu0ir6swxa] {
  display: inline-flex;
  align-items: center;
  margin-right: -1px;
}

.external-property-card__badge-spinner[b-nu0ir6swxa],
.external-property-card__badge-retry[b-nu0ir6swxa] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid currentColor;
  border-top-color: transparent;
  flex-shrink: 0;
}

.external-property-card__badge-spinner[b-nu0ir6swxa] {
  animation: external-property-card-spin-b-nu0ir6swxa 0.9s linear infinite;
}

.external-property-card__badge-spinner--fast[b-nu0ir6swxa] {
  animation-duration: 0.55s;
}

.external-property-card__badge-retry[b-nu0ir6swxa] {
  animation: external-property-card-retry-b-nu0ir6swxa 3s ease-in-out infinite;
}

.external-property-card__price-row[b-nu0ir6swxa]  .add-text {
  letter-spacing: 0;
}

.external-property-card__attrs-row[b-nu0ir6swxa] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.external-property-card__attr[b-nu0ir6swxa] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-family: var(--fontInstrumentSans);
  font-size: 12.5px;
  color: var(--greyPrimary);
}

.external-property-card__footer[b-nu0ir6swxa] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-top: 10px;
  margin-top: 2px;
  border-top: 1px solid var(--borderColor);
}

.external-property-card__footer[b-nu0ir6swxa]  .add-text:nth-of-type(odd) {
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.external-property-card__footer-sep[b-nu0ir6swxa] {
  font-size: 10px;
  color: var(--greyLight);
  margin: 0 2px;
}

.external-property-card__skeleton-stack[b-nu0ir6swxa] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.external-property-card__skeleton--price[b-nu0ir6swxa] {
  width: 90px;
  height: 20px;
  border-radius: 3px;
}

@keyframes external-property-card-border-coral-b-nu0ir6swxa {
  0%, 100% {
    border-color: rgba(240, 80, 64, 0.3);
    box-shadow: 0 0 0 0 rgba(240, 80, 64, 0);
  }
  50% {
    border-color: rgba(240, 80, 64, 0.75);
    box-shadow: 0 0 0 3px rgba(240, 80, 64, 0.1);
  }
}

@keyframes external-property-card-border-amber-b-nu0ir6swxa {
  0%, 100% {
    border-color: rgba(245, 158, 11, 0.35);
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
  }
  50% {
    border-color: rgba(245, 158, 11, 0.85);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.12);
  }
}

@keyframes external-property-card-spin-b-nu0ir6swxa {
  to {
    transform: rotate(360deg);
  }
}

@keyframes external-property-card-retry-b-nu0ir6swxa {
  0% {
    transform: rotate(0deg);
  }
  35%, 100% {
    transform: rotate(360deg);
  }
}

@keyframes external-property-card-shimmer-b-nu0ir6swxa {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .external-property-card--pending .external-property-card__inner[b-nu0ir6swxa],
  .external-property-card--analyzing .external-property-card__inner[b-nu0ir6swxa],
  .external-property-card--failed .external-property-card__inner[b-nu0ir6swxa],
  .external-property-card__badge-spinner[b-nu0ir6swxa],
  .external-property-card__badge-spinner--fast[b-nu0ir6swxa],
  .external-property-card__badge-retry[b-nu0ir6swxa],
  .external-property-card__skeleton[b-nu0ir6swxa] {
    animation: none;
  }
}
/* /Pages/ExternalProperties/ExternalPropertiesPage/Main/ExternalPropertiesPage.razor.rz.scp.css */
.external-properties-page[b-j4gynresfp] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.external-properties-page__loading[b-j4gynresfp] {
  display: flex;
  justify-content: center;
  padding: 60px;
}

.external-properties-page__grid[b-j4gynresfp] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}

.external-properties-page__load-more[b-j4gynresfp] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 4px 0 10px;
}

.external-properties-page__load-more[b-j4gynresfp]  .add-text {
  text-align: center;
}

@media (max-width: 420px) {
  .external-properties-page__grid[b-j4gynresfp] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyDescriptionPanel/ExternalPropertyDescriptionPanel.razor.rz.scp.css */
.external-property-description-panel[b-g4rvctz6n0] {
  padding: 24px 28px;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.external-property-description-panel[b-g4rvctz6n0] >  .add-text:first-child {
  display: block;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.external-property-description-panel__content[b-g4rvctz6n0] {
  font-family: var(--fontInstrumentSans);
  font-size: 13.5px;
  color: var(--greyDark);
  line-height: 1.7;
  white-space: pre-wrap;
}

.external-property-description-panel__content :is(p, ul, ol)[b-g4rvctz6n0] {
  margin: 0 0 12px;
}

.external-property-description-panel__content :last-child[b-g4rvctz6n0] {
  margin-bottom: 0;
}

.external-property-description-panel__processing[b-g4rvctz6n0] {
  position: relative;
  border-radius: var(--radiusSm);
}

.external-property-description-panel__processing[b-g4rvctz6n0]::before {
  content: '';
  position: absolute;
  inset: -1.5px;
  z-index: 0;
  border-radius: calc(var(--radiusSm) + 1.5px);
  background-image:
    linear-gradient(90deg, var(--ep-color) 55%, transparent 55%),
    linear-gradient(90deg, var(--ep-color) 55%, transparent 55%),
    linear-gradient(0deg, var(--ep-color) 55%, transparent 55%),
    linear-gradient(0deg, var(--ep-color) 55%, transparent 55%);
  background-size: 18px 2px, 18px 2px, 2px 18px, 2px 18px;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  animation: external-property-description-march-b-g4rvctz6n0 var(--ep-speed) linear infinite;
}

.external-property-detail--pending[b-g4rvctz6n0] {
  --ep-color: rgba(100, 116, 139, 0.55);
  --ep-speed: 1.4s;
}

.external-property-detail--analyzing[b-g4rvctz6n0] {
  --ep-color: rgba(234, 88, 12, 0.7);
  --ep-speed: 0.8s;
}

.external-property-description-panel__processing-inner[b-g4rvctz6n0] {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.external-property-description-panel__processing-content[b-g4rvctz6n0] {
  position: relative;
  overflow: hidden;
  padding: 24px 28px;
}

.external-property-description-panel__processing-header[b-g4rvctz6n0] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.external-property-description-panel__robot[b-g4rvctz6n0] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  animation: external-property-robot-breathe-b-g4rvctz6n0 1.4s ease-in-out infinite;
}

.external-property-detail--pending.external-property-description-panel__robot[b-g4rvctz6n0] {
  background: #f1f5f9;
}

.external-property-detail--analyzing.external-property-description-panel__robot[b-g4rvctz6n0] {
  background: #fff7ed;
}

.external-property-description-panel__skeleton-stack[b-g4rvctz6n0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.external-property-description-panel__skeleton-stack[b-g4rvctz6n0]  .add-skeleton:nth-child(5) {
  margin-top: 4px;
}

.external-property-description-panel__scan-beam[b-g4rvctz6n0] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.external-property-description-panel__scan-beam[b-g4rvctz6n0]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 4px;
  animation: external-property-description-beam-b-g4rvctz6n0 1.8s ease-in-out infinite;
  background: linear-gradient(to right, transparent, rgba(234, 88, 12, 0.5) 40%, rgba(249, 115, 22, 0.85) 50%, rgba(234, 88, 12, 0.5) 60%, transparent);
}

.external-property-description-panel__node[b-g4rvctz6n0] {
  position: absolute;
  z-index: 3;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ea580c;
  box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.2);
  animation: external-property-node-pulse-b-g4rvctz6n0 var(--ep-speed) ease-in-out infinite alternate;
}

.external-property-description-panel__node--top-left[b-g4rvctz6n0] { top: -4px; left: -4px; }
.external-property-description-panel__node--top-right[b-g4rvctz6n0] { top: -4px; right: -4px; }
.external-property-description-panel__node--bottom-left[b-g4rvctz6n0] { bottom: -4px; left: -4px; }
.external-property-description-panel__node--bottom-right[b-g4rvctz6n0] { right: -4px; bottom: -4px; }

.external-property-description-panel__particle[b-g4rvctz6n0] {
  position: absolute;
  z-index: 4;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: radial-gradient(circle, #fb923c, rgba(251, 146, 60, 0));
  box-shadow: 0 0 8px 3px rgba(249, 115, 22, 0.7);
  offset-path: border-box;
  animation: external-property-description-orbit-b-g4rvctz6n0 1.6s linear infinite;
}

@keyframes external-property-description-march-b-g4rvctz6n0 {
  to { background-position: 18px 0, -18px 100%, 0 -18px, 100% 18px; }
}

@keyframes external-property-description-orbit-b-g4rvctz6n0 {
  from { offset-distance: 0%; }
  to { offset-distance: 100%; }
}

@keyframes external-property-node-pulse-b-g4rvctz6n0 {
  from { opacity: 0.5; transform: scale(0.85); }
  to { opacity: 1; transform: scale(1.15); }
}

@keyframes external-property-description-beam-b-g4rvctz6n0 {
  0% { top: -4px; opacity: 0; }
  8% { opacity: 1; }
  92% { opacity: 1; }
  100% { top: 100%; opacity: 0; }
}

@keyframes external-property-robot-breathe-b-g4rvctz6n0 {
  0%, 100% { transform: scale(1); box-shadow: none; }
  50% { transform: scale(1.06); box-shadow: 0 0 16px rgba(234, 88, 12, 0.2); }
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyDetailEmptyState/ExternalPropertyDetailEmptyState.razor.rz.scp.css */
.external-property-detail-empty[b-ccstm3objx] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 72px 40px;
  text-align: center;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.external-property-detail-empty[b-ccstm3objx]  .add-button {
  text-transform: none;
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyDetailHeader/ExternalPropertyDetailHeader.razor.rz.scp.css */
.external-property-detail-header[b-5trncbwfik],
.external-property-detail-header__main[b-5trncbwfik],
.external-property-detail-header__title-row[b-5trncbwfik],
.external-property-detail-header__location[b-5trncbwfik],
.external-property-detail-header__external-link[b-5trncbwfik],
.external-property-detail-header__inactive[b-5trncbwfik] {
  display: flex;
  align-items: center;
}

.external-property-detail-header[b-5trncbwfik] {
  justify-content: space-between;
  gap: 16px;
}

.external-property-detail-header__main[b-5trncbwfik] {
  gap: 12px;
  min-width: 0;
}

.external-property-detail-header__copy[b-5trncbwfik] {
  min-width: 0;
}

.external-property-detail-header__title-row[b-5trncbwfik] {
  gap: 10px;
  flex-wrap: wrap;
}

.external-property-detail-header__title-row[b-5trncbwfik]  .add-text {
  line-height: 1.3em;
}

.external-property-detail-header__location[b-5trncbwfik] {
  gap: 4px;
  margin-top: 3px;
}

.external-property-detail-header__inactive[b-5trncbwfik] {
  gap: 4px;
}

.external-property-detail-header__external-link[b-5trncbwfik] {
  flex-shrink: 0;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--borderColor);
  border-radius: 6px;
  background: var(--whitePrimary);
  text-decoration: none;
}

.external-property-detail-header__external-link--inactive[b-5trncbwfik] {
  opacity: 0.55;
}

@media (max-width: 700px) {
  .external-property-detail-header[b-5trncbwfik] {
    align-items: flex-start;
    flex-direction: column;
  }
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyGallery/ExternalPropertyGallery.razor.rz.scp.css */
.external-property-gallery[b-zdsbfmnyvf] {
  position: relative;
}

.external-property-gallery__scroll[b-zdsbfmnyvf] {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  border-radius: var(--radiusSm);
  padding-bottom: 2px;
}

.external-property-gallery__scroll[b-zdsbfmnyvf]::-webkit-scrollbar {
  display: none;
}

.external-property-gallery__item[b-zdsbfmnyvf] {
  flex-shrink: 0;
  display: block;
  border-radius: calc(var(--radiusSm) - 2px);
  overflow: hidden;
  line-height: 0;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  cursor: pointer;
  border: none;
  padding: 0;
  background: none;
}

.external-property-gallery__item:hover[b-zdsbfmnyvf] {
  transform: scale(1.02);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.external-property-gallery__item:first-child[b-zdsbfmnyvf] {
  min-width: 340px;
}

.external-property-gallery__item[b-zdsbfmnyvf]  img {
  width: auto;
  min-width: 220px;
  object-fit: cover;
  background: var(--whiteSecondary);
}

.external-property-gallery__item:first-child[b-zdsbfmnyvf]  img {
  min-width: 340px;
}

.external-property-gallery__count[b-zdsbfmnyvf] {
  position: absolute;
  right: 8px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(4px);
  pointer-events: none;
}

.external-property-gallery__lightbox[b-zdsbfmnyvf] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.92);
  backdrop-filter: blur(6px);
  animation: external-property-lightbox-in-b-zdsbfmnyvf 0.18s ease;
}

.external-property-gallery__lightbox-image-wrap[b-zdsbfmnyvf] {
  max-width: calc(100vw - 140px);
  max-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.external-property-gallery__lightbox-image-wrap[b-zdsbfmnyvf]  img {
  max-width: 100%;
  max-height: calc(100vh - 80px);
  object-fit: contain;
  border-radius: var(--radiusSm);
  box-shadow: 0 8px 64px rgba(0, 0, 0, 0.6);
}

.external-property-gallery__lightbox-close[b-zdsbfmnyvf],
.external-property-gallery__lightbox-nav[b-zdsbfmnyvf] {
  position: fixed;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: var(--whitePrimary);
  cursor: pointer;
  transition: background 0.15s;
}

.external-property-gallery__lightbox-close:hover[b-zdsbfmnyvf],
.external-property-gallery__lightbox-nav:hover:not(:disabled)[b-zdsbfmnyvf] {
  background: rgba(255, 255, 255, 0.22);
}

.external-property-gallery__lightbox-close[b-zdsbfmnyvf] {
  top: 16px;
  right: 20px;
  width: 40px;
  height: 40px;
}

.external-property-gallery__lightbox-nav[b-zdsbfmnyvf] {
  top: 50%;
  width: 48px;
  height: 48px;
  transform: translateY(-50%);
}

.external-property-gallery__lightbox-nav:disabled[b-zdsbfmnyvf] {
  opacity: 0.25;
  cursor: default;
}

.external-property-gallery__lightbox-nav--prev[b-zdsbfmnyvf] {
  left: 16px;
}

.external-property-gallery__lightbox-nav--next[b-zdsbfmnyvf] {
  right: 16px;
}

.external-property-gallery__lightbox-counter[b-zdsbfmnyvf] {
  position: fixed;
  bottom: 20px;
  left: 50%;
  padding: 4px 14px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.4);
  pointer-events: none;
  transform: translateX(-50%);
}

@keyframes external-property-lightbox-in-b-zdsbfmnyvf {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyHorizontalPipeline/ExternalPropertyHorizontalPipeline.razor.rz.scp.css */
.external-property-horizontal-pipeline[b-30yv7v0uo3] {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 16px 20px 20px;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.external-property-horizontal-pipeline__label-row[b-30yv7v0uo3] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 16px;
}

.external-property-horizontal-pipeline__label-row[b-30yv7v0uo3]  .add-text:first-child {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.external-property-horizontal-pipeline__label-row[b-30yv7v0uo3]  .add-text:last-child {
  animation: external-property-pipeline-blink-b-30yv7v0uo3 1.2s ease-in-out infinite alternate;
}

.external-property-horizontal-pipeline__flow[b-30yv7v0uo3] {
  display: flex;
  align-items: center;
}

@keyframes external-property-pipeline-blink-b-30yv7v0uo3 {
  from { opacity: 0.4; }
  to { opacity: 1; }
}

@media (max-width: 760px) {
  .external-property-horizontal-pipeline__flow[b-30yv7v0uo3] {
    overflow-x: auto;
    padding-bottom: 4px;
  }
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyHorizontalPipeline/ExternalPropertyPipelineEdge.razor.rz.scp.css */
.external-property-pipeline-edge[b-wd9lhuffpb] {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 24px;
  height: 4px;
}

.external-property-pipeline-edge__svg[b-wd9lhuffpb] {
  width: 100%;
  height: 4px;
}

.external-property-pipeline-edge__line[b-wd9lhuffpb] {
  stroke-width: 1.5;
  stroke-linecap: round;
}

.external-property-pipeline-edge--done .external-property-pipeline-edge__line[b-wd9lhuffpb] { stroke: #22c55e; }
.external-property-pipeline-edge--active .external-property-pipeline-edge__line[b-wd9lhuffpb] { stroke: var(--borderColor); }
.external-property-pipeline-edge--active-orange .external-property-pipeline-edge__line[b-wd9lhuffpb] { stroke: #fdba74; }
.external-property-pipeline-edge--pending .external-property-pipeline-edge__line[b-wd9lhuffpb] {
  stroke: var(--borderColor);
  opacity: 0.4;
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyHorizontalPipeline/ExternalPropertyPipelineNode.razor.rz.scp.css */
.external-property-pipeline-node[b-51j3ms6xz5] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  gap: 6px;
  min-width: 90px;
  max-width: 120px;
  padding: 12px 10px 10px;
  text-align: center;
  border: 1.5px solid var(--borderColor);
  border-radius: 8px;
  background: var(--whiteSecondary);
}

.external-property-pipeline-node--done[b-51j3ms6xz5] { border-color: rgba(34, 197, 94, 0.5); }
.external-property-pipeline-node--active[b-51j3ms6xz5] { border-color: rgba(100, 116, 139, 0.3); }
.external-property-pipeline-node--analyzing[b-51j3ms6xz5] { border-color: rgba(234, 88, 12, 0.3); }
.external-property-pipeline-node--pending[b-51j3ms6xz5] { opacity: 0.45; }
.external-property-pipeline-node--retry[b-51j3ms6xz5] {
  border-color: rgba(245, 158, 11, 0.5);
  animation: external-property-node-retry-pulse-b-51j3ms6xz5 2s ease-in-out infinite;
}

.external-property-pipeline-node__icon[b-51j3ms6xz5] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
}

.external-property-pipeline-node__icon--active[b-51j3ms6xz5],
.external-property-pipeline-node__icon--retry[b-51j3ms6xz5],
.external-property-pipeline-node__icon--analyzing[b-51j3ms6xz5] {
  animation: external-property-node-spin-b-51j3ms6xz5 1.5s linear infinite;
}

.external-property-pipeline-node__body[b-51j3ms6xz5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  width: 100%;
}

.external-property-pipeline-node__body[b-51j3ms6xz5]  .add-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.external-property-pipeline-node__port[b-51j3ms6xz5] {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: translateY(-50%);
}

.external-property-pipeline-node__port--left[b-51j3ms6xz5] { left: -5px; }
.external-property-pipeline-node__port--right[b-51j3ms6xz5] { right: -5px; }

.external-property-pipeline-node__port--done[b-51j3ms6xz5] {
  background: #22c55e;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(34, 197, 94, 0.4);
}

.external-property-pipeline-node__port--pending[b-51j3ms6xz5] {
  border: 1.5px solid var(--borderColor);
  background: var(--whiteSecondary);
}

@keyframes external-property-node-spin-b-51j3ms6xz5 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes external-property-node-retry-pulse-b-51j3ms6xz5 {
  0%, 100% {
    border-color: rgba(245, 158, 11, 0.5);
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
  }
  50% {
    border-color: rgba(245, 158, 11, 0.9);
    box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.15);
  }
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyInactiveBanner/ExternalPropertyInactiveBanner.razor.rz.scp.css */
.external-property-inactive-banner[b-7ojbsehfvl] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 16px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: var(--radiusSm);
}

.external-property-inactive-banner[b-7ojbsehfvl]  .icon {
  flex-shrink: 0;
  margin-top: 2px;
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyInfoPanel/ExternalPropertyInfoPanel.razor.rz.scp.css */
.external-property-info-panel[b-bn9spq13c8] {
  display: flex;
  flex-direction: column;
  padding: 18px 20px;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.external-property-info-panel__row[b-bn9spq13c8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 0;
  border-bottom: 1px solid var(--borderColor);
}

.external-property-info-panel__row--last[b-bn9spq13c8] {
  border-bottom: none;
}

.external-property-info-panel__url[b-bn9spq13c8] {
  display: block;
  max-width: 180px;
  text-align: right;
  text-decoration: none;
  word-break: break-all;
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyInfoPanel/ExternalPropertyInfoRow.razor.rz.scp.css */
.external-property-info-row[b-y1bwxj5kbw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 0;
  border-bottom: 1px solid var(--borderColor);
}

.external-property-info-row[b-y1bwxj5kbw]  .add-text:last-child {
  text-align: right;
}

.external-property-info-row--compact[b-y1bwxj5kbw]  .add-text:last-child {
  font-size: 11.5px;
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyStatsBar/ExternalPropertyFeatureTag.razor.rz.scp.css */
.external-property-feature-tag[b-r1p67rir77] {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.external-property-feature-tag[b-r1p67rir77]  .icon {
  position: absolute;
  left: 10px;
  z-index: 1;
}

.external-property-feature-tag[b-r1p67rir77]  .add-tag {
  padding-left: 28px !important;
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyStatsBar/ExternalPropertyStatChip.razor.rz.scp.css */
.external-property-stat-chip[b-uz16wjtx1q] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 52px;
  padding: 6px 12px;
  border: 1px solid var(--borderColor);
  border-radius: 8px;
  background: var(--whiteSecondary);
}

.external-property-stat-chip[b-uz16wjtx1q]  .add-text:first-child {
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyStatsBar/ExternalPropertyStatsBar.razor.rz.scp.css */
.external-property-stats-bar[b-z9i1cr1csb] {
  position: relative;
  border-radius: var(--radiusSm);
}

.external-property-stats-bar__inner[b-z9i1cr1csb] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 68px;
  padding: 20px 24px;
  overflow: hidden;
  border: 1.5px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.external-property-stats-bar__price[b-z9i1cr1csb] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 140px;
  padding-right: 24px;
}

.external-property-stats-bar__price[b-z9i1cr1csb]  .add-text:first-child,
.external-property-stats-bar__energy[b-z9i1cr1csb]  .add-text {
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.external-property-stats-bar__divider[b-z9i1cr1csb] {
  width: 1px;
  height: 40px;
  flex-shrink: 0;
  margin: 0 20px;
  background: var(--borderColor);
}

.external-property-stats-bar__chips[b-z9i1cr1csb] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.external-property-stats-bar__chips-list[b-z9i1cr1csb] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.external-property-stats-bar__energy[b-z9i1cr1csb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 52px;
  padding: 6px 12px;
  border: 1px solid var(--borderColor);
  border-radius: 8px;
  background: var(--whiteSecondary);
}

@media (max-width: 700px) {
  .external-property-stats-bar__divider[b-z9i1cr1csb] {
    display: none;
  }

  .external-property-stats-bar__price[b-z9i1cr1csb] {
    width: 100%;
    padding-right: 0;
    margin-bottom: 12px;
  }
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyVerticalPipeline/ExternalPropertyVerticalPipeline.razor.rz.scp.css */
.external-property-vertical-pipeline[b-q5y5rv293r] {
  padding: 18px 20px;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.external-property-vertical-pipeline[b-q5y5rv293r] >  .add-text:first-child {
  display: block;
  margin-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.external-property-vertical-pipeline__flow[b-q5y5rv293r] {
  display: flex;
  flex-direction: column;
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyVerticalPipeline/ExternalPropertyVerticalPipelineEdge.razor.rz.scp.css */
.external-property-vertical-pipeline-edge[b-avmn8fzviu] {
  width: 2px;
  height: 16px;
  margin-left: 30px;
  border-radius: 1px;
  flex-shrink: 0;
}

.external-property-vertical-pipeline-edge--done[b-avmn8fzviu] { background: #22c55e; }
.external-property-vertical-pipeline-edge--pending[b-avmn8fzviu] { background: var(--borderColor); }
.external-property-vertical-pipeline-edge--inactive[b-avmn8fzviu] {
  background: #94a3b8;
  opacity: 0.5;
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Components/ExternalPropertyVerticalPipeline/ExternalPropertyVerticalPipelineNode.razor.rz.scp.css */
.external-property-vertical-pipeline-node[b-n9gxhnzqb0] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1.5px solid var(--borderColor);
  border-radius: 8px;
  background: var(--whiteSecondary);
}

.external-property-vertical-pipeline-node--done[b-n9gxhnzqb0] {
  border-color: rgba(34, 197, 94, 0.5);
  background: var(--whitePrimary);
}

.external-property-vertical-pipeline-node--failed[b-n9gxhnzqb0] {
  border-color: rgba(220, 38, 38, 0.4);
  background: var(--whitePrimary);
}

.external-property-vertical-pipeline-node--pending[b-n9gxhnzqb0] {
  opacity: 0.45;
}

.external-property-vertical-pipeline-node--embedding[b-n9gxhnzqb0] {
  border-color: rgba(13, 148, 136, 0.4);
  background: var(--whitePrimary);
}

.external-property-vertical-pipeline-node--inactive[b-n9gxhnzqb0] {
  border-color: rgba(100, 116, 139, 0.4);
  background: #f8fafc;
}

.external-property-vertical-pipeline-node__icon[b-n9gxhnzqb0] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 8px;
}

.external-property-vertical-pipeline-node__icon--failed[b-n9gxhnzqb0] {
  background: #fef2f2;
}

.external-property-vertical-pipeline-node__icon--embedding[b-n9gxhnzqb0] {
  animation: external-property-vertical-icon-spin-b-n9gxhnzqb0 1.5s linear infinite;
}

.external-property-vertical-pipeline-node__body[b-n9gxhnzqb0] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.external-property-vertical-pipeline-node__body[b-n9gxhnzqb0]  .add-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes external-property-vertical-icon-spin-b-n9gxhnzqb0 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
/* /Pages/ExternalProperties/ExternalPropertyDetailPage/Main/ExternalPropertyDetailPage.razor.rz.scp.css */
.external-property-detail[b-9hohvz2oq8] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.external-property-detail__loading[b-9hohvz2oq8] {
  display: flex;
  justify-content: center;
  padding: 80px;
}

.external-property-detail__content-grid[b-9hohvz2oq8] {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 20px;
  align-items: start;
}

.external-property-detail__sidebar[b-9hohvz2oq8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 900px) {
  .external-property-detail__content-grid[b-9hohvz2oq8] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Fsbos/Main/FsbosPage.razor.rz.scp.css */
.fsbos-page[b-23qtujwe0i] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ── Toolbar ── */

.fsbos-page__toolbar[b-23qtujwe0i] {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.fsbos-page__search-wrap[b-23qtujwe0i] {
  flex: 1 0 260px;
  min-width: 0;
  max-width: 400px;
}

.fsbos-page__pills[b-23qtujwe0i] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.fsbos-page__pill[b-23qtujwe0i] {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--borderColor);
  background: var(--whitePrimary);
  color: var(--greyPrimary);
  font-size: 12.5px;
  font-family: var(--fontInstrumentSans);
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
  white-space: nowrap;
}

.fsbos-page__pill:hover[b-23qtujwe0i] {
  border-color: var(--greyPrimary);
  color: var(--greyDark);
}

.fsbos-page__pill--active[b-23qtujwe0i] {
  border-color: var(--bluePrimary);
  background: var(--blueLight);
  color: var(--bluePrimary);
  font-weight: 600;
}


/* ── Table ── */

.fsbos-table-wrap[b-23qtujwe0i] {
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  overflow: hidden;
  background: var(--whitePrimary);
}

.fsbos-table__scroll[b-23qtujwe0i] {
  overflow-x: auto;
}

.fsbos-table__origin[b-23qtujwe0i] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

.fsbos-table__anuncio-cell[b-23qtujwe0i] {
  min-width: 200px;
  max-width: 340px;
}

.fsbos-table__title-stack[b-23qtujwe0i] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.fsbos-table__title-link[b-23qtujwe0i] {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  color: var(--greyDark);
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.12s;
  word-break: break-word;
}

.fsbos-table__title-link:hover[b-23qtujwe0i] {
  color: var(--bluePrimary);
  text-decoration: underline;
}

.fsbos-table__link-icon[b-23qtujwe0i] {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  opacity: 0.6;
}

.fsbos-table__title[b-23qtujwe0i] {
  color: var(--greyDark);
  font-size: 13.5px;
  font-weight: 500;
}

.fsbos-table__location[b-23qtujwe0i] {
  color: var(--greyLight);
  font-size: 11.5px;
  font-family: var(--fontInstrumentSans);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fsbos-table__chips[b-23qtujwe0i] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

.fsbos-table__chip[b-23qtujwe0i] {
  background: var(--whiteSecondary);
  color: var(--greyDark);
}

.fsbos-table__secondary[b-23qtujwe0i] {
  color: var(--greyDark);
  font-size: 13px;
  font-family: var(--fontInstrumentSans);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  display: block;
}

.fsbos-table__secondary--muted[b-23qtujwe0i] {
  color: var(--greyPrimary);
}

.fsbos-table__date-cell[b-23qtujwe0i] {
  white-space: nowrap;
}

.fsbos-table__date[b-23qtujwe0i] {
  display: block;
  font-size: 13px;
  font-family: var(--fontInstrumentSans);
  color: var(--greyDark);
}

.fsbos-table__time[b-23qtujwe0i] {
  display: block;
  font-size: 11px;
  font-family: var(--fontInstrumentSans);
  color: var(--greyLight);
}

.fsbos-table__actions-cell[b-23qtujwe0i] {
  white-space: nowrap;
  text-align: right;
}

.fsbos-table__icon-btn[b-23qtujwe0i] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: var(--radiusSm);
  background: transparent;
  cursor: pointer;
  transition: background 0.15s;
  vertical-align: middle;
  text-decoration: none;
}

.fsbos-table__icon-btn + .fsbos-table__icon-btn[b-23qtujwe0i] {
  margin-left: 2px;
}

.fsbos-table__icon-btn:hover[b-23qtujwe0i] {
  background: var(--whiteSecondary);
}

.fsbos-table__icon-btn--disabled[b-23qtujwe0i] {
  cursor: default;
  opacity: 0.35;
}

.fsbos-table__icon-btn--disabled:hover[b-23qtujwe0i] {
  background: transparent;
}

.fsbos-table__icon-btn--convert:hover[b-23qtujwe0i] {
  background: var(--blueLight);
}

.fsbos-table__icon-btn--dismiss:hover[b-23qtujwe0i] {
  background: #fdecea;
}

/* ── Empty + Pagination ── */

.fsbos-page__empty[b-23qtujwe0i] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.fsbos-page__pagination[b-23qtujwe0i] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding: 4px 0;
}

/* ── Dismiss modal ── */

.fsbos-dismiss-modal__overlay[b-23qtujwe0i] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1200;
}

.fsbos-dismiss-modal[b-23qtujwe0i] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1201;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: min(500px, calc(100vw - 32px));
  padding: 24px;
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
  box-shadow: var(--shadowModal);
}

.fsbos-dismiss-modal__header[b-23qtujwe0i] {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.fsbos-dismiss-modal__body[b-23qtujwe0i] {
  color: var(--greyPrimary);
}

.fsbos-dismiss-modal__footer[b-23qtujwe0i] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

/* ── Convert panel ── */

.fsbos-convert-panel__overlay[b-23qtujwe0i] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 9999;
  animation: fsbos-fade-in-b-23qtujwe0i 200ms ease;
}

.fsbos-convert-panel[b-23qtujwe0i] {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: min(560px, calc(100vw - 48px));
  background: var(--whitePrimary);
  display: flex;
  flex-direction: column;
  z-index: 10000;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.1);
  border-radius: 8px 0 0 8px;
  animation: fsbos-slide-in-b-23qtujwe0i 280ms cubic-bezier(0.16, 1, 0.3, 1);
}

.fsbos-convert-panel__header[b-23qtujwe0i] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 16px 20px 28px;
  border-bottom: 1px solid var(--borderColor);
  flex-shrink: 0;
}

.fsbos-convert-panel__body[b-23qtujwe0i] {
  flex: 1;
  overflow-y: auto;
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.fsbos-convert-panel__summary[b-23qtujwe0i] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: var(--radiusSm);
  background: var(--whiteSecondary);
}

.fsbos-convert-panel__summary-row[b-23qtujwe0i] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex-wrap: wrap;
}

.fsbos-convert-panel__url[b-23qtujwe0i] {
  color: var(--bluePrimary);
  font-size: 12px;
  font-family: var(--fontInstrumentSans);
  word-break: break-all;
  text-decoration: none;
}

.fsbos-convert-panel__url:hover[b-23qtujwe0i] {
  text-decoration: underline;
}

.fsbos-convert-panel__fields[b-23qtujwe0i] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.fsbos-convert-phone-wrapper[b-23qtujwe0i] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.fsbos-convert-phone-field[b-23qtujwe0i] {
  display: flex;
  align-items: center;
  height: 44px;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  overflow: hidden;
  transition: border-color 0.2s ease;
}

.fsbos-convert-phone-field:focus-within[b-23qtujwe0i] {
  border-color: var(--bluePrimary);
}

.fsbos-convert-phone-field--error[b-23qtujwe0i] {
  border-color: var(--redPrimary);
}

.fsbos-convert-phone-field__prefix[b-23qtujwe0i] {
  width: 58px;
  height: 100%;
  border: none;
  border-right: 1px solid var(--borderColor);
  outline: none;
  padding: 0 8px;
  flex-shrink: 0;
  background: var(--whiteSecondary);
  color: var(--greyPrimary);
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  text-align: center;
}

.fsbos-convert-phone-field__input[b-23qtujwe0i] {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 12px;
  background: transparent;
  color: var(--greyDark);
  font-family: var(--fontInstrumentSans);
  font-size: 14px;
}

.fsbos-convert-panel__field[b-23qtujwe0i] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.fsbos-convert-panel__field-label[b-23qtujwe0i] {
  color: var(--greyPrimary);
  font-size: 12px;
  font-family: var(--fontInstrumentSans);
}

.fsbos-convert-panel__select[b-23qtujwe0i] {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
  color: var(--greyDark);
  font-size: 14px;
  font-family: var(--fontInstrumentSans);
}

.fsbos-convert-panel__info[b-23qtujwe0i] {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  border-radius: var(--radiusSm);
  background: var(--whiteSecondary);
  color: var(--greyDark);
  font-size: 13px;
  font-family: var(--fontInstrumentSans);
}

.fsbos-convert-panel__footer[b-23qtujwe0i] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 28px;
  border-top: 1px solid var(--borderColor);
  flex-shrink: 0;
}

/* ── Animations ── */

@keyframes fsbos-slide-in-b-23qtujwe0i {
  from { transform: translateX(100%); }
  to   { transform: translateX(0); }
}

@keyframes fsbos-fade-in-b-23qtujwe0i {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ── Desktop ── */

@media (min-width: 1025px) {
  .fsbos-table__anuncio-cell[b-23qtujwe0i] {
    max-width: none;
  }

  .fsbos-table__secondary[b-23qtujwe0i] {
    max-width: none;
  }
}

/* ── Responsive ── */

/* Tablets e telemóveis: card layout em vez de tabela com scroll horizontal */
@media (max-width: 1024px) {
  .fsbos-table-wrap[b-23qtujwe0i] {
    border: none;
    background: transparent;
    overflow: visible;
  }

  .fsbos-table__scroll[b-23qtujwe0i] {
    overflow: visible;
  }

  .fsbos-table-wrap .data-table[b-23qtujwe0i],
  .fsbos-table-wrap .data-table tbody[b-23qtujwe0i],
  .fsbos-table-wrap .data-table tr[b-23qtujwe0i],
  .fsbos-table-wrap .data-table td[b-23qtujwe0i] {
    display: block;
    width: 100%;
  }

  .fsbos-table-wrap .data-table thead[b-23qtujwe0i] {
    display: none;
  }

  .fsbos-table-wrap .data-table tbody tr[b-23qtujwe0i] {
    border: 1.5px solid var(--borderColor);
    border-radius: var(--radiusSm);
    background: var(--whitePrimary);
    overflow: hidden;
    margin-bottom: 12px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  }

  .fsbos-table-wrap .data-table tbody td[b-23qtujwe0i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--borderColor);
  }

  .fsbos-table-wrap .data-table tbody tr td:last-child[b-23qtujwe0i] {
    border-bottom: none;
  }

  .fsbos-table-wrap .data-table tbody td[b-23qtujwe0i]::before {
    content: attr(data-label);
    flex: 0 0 110px;
    color: var(--greyLight);
    font-family: var(--fontInstrumentSans);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 22px;
  }

  .fsbos-table__anuncio-cell[b-23qtujwe0i] {
    max-width: none;
  }

  .fsbos-table__secondary[b-23qtujwe0i] {
    max-width: none;
    white-space: normal;
  }

  .fsbos-table__actions-cell[b-23qtujwe0i] {
    justify-content: flex-end;
  }

  .fsbos-table-wrap .data-table tbody .fsbos-table__actions-cell[b-23qtujwe0i]::before {
    display: none;
  }

  .fsbos-page__pagination[b-23qtujwe0i] {
    justify-content: space-between;
  }

  .fsbos-dismiss-modal__footer[b-23qtujwe0i] {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 760px) {
  .fsbos-page__toolbar[b-23qtujwe0i] {
    flex-direction: column;
    align-items: stretch;
  }

  .fsbos-page__search-wrap[b-23qtujwe0i] {
    flex: none;
    max-width: none;
  }
}

@media (max-width: 560px) {
  .fsbos-convert-panel[b-23qtujwe0i] {
    width: 100vw;
    border-radius: 0;
  }

  .fsbos-convert-panel__header[b-23qtujwe0i] {
    padding: 16px;
  }

  .fsbos-convert-panel__body[b-23qtujwe0i] {
    padding: 20px 16px;
  }

  .fsbos-convert-panel__footer[b-23qtujwe0i] {
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fsbos-convert-panel[b-23qtujwe0i],
  .fsbos-convert-panel__overlay[b-23qtujwe0i] {
    animation: none;
  }
}
/* /Pages/Home/Components/NotifItem/NotifItem.razor.rz.scp.css */
.home-page__notification-row[b-8pl11ktmz3] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.home-page__notification-icon-skeleton[b-8pl11ktmz3],
.home-page__notification-dot-skeleton[b-8pl11ktmz3],
.home-page__notification-separator-skeleton[b-8pl11ktmz3] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.home-page__notification-icon[b-8pl11ktmz3] {
  font-size: 14px;
}

.home-page__notification-content[b-8pl11ktmz3] {
  flex: 1;
  min-width: 0;
}

.home-page__notification-header[b-8pl11ktmz3] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}

.home-page__notification-title[b-8pl11ktmz3] {
  flex: 1;
  min-width: 0;
}

.home-page__notification-title[b-8pl11ktmz3]  p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-page__notification-dot[b-8pl11ktmz3] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-blue-primary);
  flex-shrink: 0;
}

.home-page__notification-message[b-8pl11ktmz3] {
  margin-bottom: 5px;
}

.home-page__notification-message-skeleton[b-8pl11ktmz3] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.home-page__notification-message[b-8pl11ktmz3]  p {
  line-height: 1.45;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.home-page__notification-meta[b-8pl11ktmz3] {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.home-page__notification-lead[b-8pl11ktmz3] {
  max-width: 280px;
  min-width: 0;
}

.home-page__notification-lead[b-8pl11ktmz3]  p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-page__notification-time[b-8pl11ktmz3]  p {
  white-space: nowrap;
}
/* /Pages/Home/Main/HomePage.razor.rz.scp.css */
.home-page[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.home-page__hero[b-bxlh9v4hbm] {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 24px;
  border-radius: var(--radiusSm);
  background:
    radial-gradient(circle at top right, rgba(0, 119, 209, 0.14), transparent 32%),
    linear-gradient(135deg, #f7fbff 0%, var(--whitePrimary) 62%);
}

.home-page__eyebrow[b-bxlh9v4hbm] {
  font-family: var(--fontNotoSans);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--greyPrimary);
  margin-bottom: 10px;
}

.home-page__hero-title[b-bxlh9v4hbm]  label,
.home-page__hero-subtitle[b-bxlh9v4hbm]  p,
.home-page__list-title[b-bxlh9v4hbm]  label,
.home-page__empty-state[b-bxlh9v4hbm]  p {
  margin: 0;
}

.home-page__hero-subtitle[b-bxlh9v4hbm] {
  margin-top: 8px;
}

.home-page__hero-stats[b-bxlh9v4hbm] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.home-page__stat-card[b-bxlh9v4hbm] {
  min-width: 122px;
  padding: 16px 18px;
  border-radius: 18px;
  background: var(--whitePrimary);
  box-shadow: 0 10px 28px rgba(28, 36, 75, 0.06);
}

.home-page__stat-value[b-bxlh9v4hbm] {
  font-family: var(--fontInstrumentSans);
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  color: var(--textPrimary);
}

.home-page__stat-value--loading[b-bxlh9v4hbm] {
  height: 34px;
  width: 48px;
  border-radius: 6px;
  background: linear-gradient(90deg, var(--whiteTertiary) 25%, var(--whiteSecondary) 50%, var(--whiteTertiary) 75%);
  background-size: 200% 100%;
  animation: shimmer-b-bxlh9v4hbm 1.4s infinite;
}

.home-page__stat-value--matching[b-bxlh9v4hbm] {
  color: var(--bluePrimary);
}

.home-page__stat-label[b-bxlh9v4hbm] {
  margin-top: 8px;
  font-family: var(--fontNotoSans);
  font-size: 13px;
  color: var(--greyPrimary);
}

.home-page__card[b-bxlh9v4hbm] {
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
  overflow: hidden;
}

.home-page__priority-loading[b-bxlh9v4hbm],
.home-page__priority-list[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
}

.home-page__priority-item[b-bxlh9v4hbm] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 20px;
  border: none;
  border-bottom: 1px solid var(--borderColor);
  background: var(--whitePrimary);
  text-align: left;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.home-page__priority-item:hover[b-bxlh9v4hbm] {
  background: var(--whiteSecondary);
}

.home-page__priority-item:last-child[b-bxlh9v4hbm] {
  border-bottom: none;
}

.home-page__priority-item--unread[b-bxlh9v4hbm] {
  background: color-mix(in srgb, var(--blueLight) 18%, var(--whitePrimary));
}

.home-page__priority-item--loading[b-bxlh9v4hbm] {
  cursor: default;
}

.home-page__priority-icon[b-bxlh9v4hbm],
.home-page__priority-icon-skeleton[b-bxlh9v4hbm] {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.home-page__priority-icon[b-bxlh9v4hbm] {
  background: var(--whiteSecondary);
  color: var(--greyPrimary);
}

.home-page__priority-icon--spark[b-bxlh9v4hbm] {
  background: rgba(240, 80, 64, 0.1);
  color: var(--violetPrimary);
}

.home-page__priority-icon--admin[b-bxlh9v4hbm] {
  background: #f2ecff;
  color: #6b52d1;
}

.home-page__priority-icon--star[b-bxlh9v4hbm] {
  background: #fff4d6;
  color: #c48a00;
}

.home-page__priority-icon--property[b-bxlh9v4hbm] {
  background: #e7f7f0;
  color: #1e8e5a;
}

.home-page__priority-icon-skeleton[b-bxlh9v4hbm] {
  background: linear-gradient(
    90deg,
    var(--whiteSecondary) 0%,
    #dde5ee 45%,
    var(--whiteSecondary) 90%
  );
  background-size: 1200px 100%;
  animation: shimmer-b-bxlh9v4hbm 1.6s ease-in-out infinite;
}

.home-page__priority-body[b-bxlh9v4hbm] {
  min-width: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}

.home-page__priority-title-row[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.home-page__priority-title[b-bxlh9v4hbm] {
  color: var(--textPrimary);
  font-family: var(--fontNotoSans);
  font-size: 14px;
  font-weight: 600;
}

.home-page__priority-occurrence-pill[b-bxlh9v4hbm] {
  flex-shrink: 0;
  padding: 2px 6px;
  border-radius: var(--radiusFull);
  background: var(--whiteSecondary);
  color: var(--greyPrimary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}

.home-page__priority-dot[b-bxlh9v4hbm] {
  width: 7px;
  height: 7px;
  border-radius: var(--radiusFull);
  background: var(--bluePrimary);
  flex-shrink: 0;
}

.home-page__priority-message[b-bxlh9v4hbm] {
  color: var(--greyPrimary);
  font-family: var(--fontSora);
  font-size: 13px;
  line-height: 1.45;
}

.home-page__priority-meta[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  color: var(--greyLight);
  font-family: var(--fontNotoSans);
  font-size: 12px;
}

.home-page__list-header[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--borderColor);
}

.home-page__list-title[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.home-page__list-title-icon[b-bxlh9v4hbm] {
  color: var(--greyPrimary);
  font-size: 18px;
}

.home-page__list-header--collapsed[b-bxlh9v4hbm] {
  border-bottom: none;
}

.home-page__list-header-right[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.home-page__list-badge[b-bxlh9v4hbm] {
  padding: 4px 10px;
  border-radius: var(--radiusFull);
  background: var(--whiteSecondary);
  font-family: var(--fontNotoSans);
  font-size: 12px;
  font-weight: 600;
  color: var(--greyPrimary);
}

.home-page__collapse-btn[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--greyPrimary);
  padding: 4px;
  border-radius: var(--radiusSm);
  transition: color 0.15s ease, background-color 0.15s ease;
}

.home-page__collapse-btn:hover[b-bxlh9v4hbm] {
  color: var(--textPrimary);
  background-color: var(--whiteSecondary);
}

.home-page__collapse-btn span[b-bxlh9v4hbm] {
  font-size: 20px;
}

.home-page__loading[b-bxlh9v4hbm],
.home-page__list[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
}

@keyframes fade-slide-in-b-bxlh9v4hbm {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.home-page__suggestion[b-bxlh9v4hbm] {
  padding: 20px;
  border-bottom: 1px solid var(--borderColor);
  animation: fade-slide-in-b-bxlh9v4hbm 0.22s ease both;
}

.home-page__suggestion:last-child[b-bxlh9v4hbm] {
  border-bottom: none;
}

.home-page__suggestion--loading[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

@keyframes shimmer-b-bxlh9v4hbm {
  0%   { background-position: -600px 0; }
  100% { background-position: 600px 0; }
}

.home-page__loading-line[b-bxlh9v4hbm] {
  height: 12px;
  width: 42%;
  border-radius: var(--radiusFull);
  background: linear-gradient(
    90deg,
    var(--whiteSecondary) 0%,
    #dde5ee 45%,
    var(--whiteSecondary) 90%
  );
  background-size: 1200px 100%;
  animation: shimmer-b-bxlh9v4hbm 1.6s ease-in-out infinite;
}

.home-page__loading-line--wide[b-bxlh9v4hbm] {
  width: 65%;
}

.home-page__loading-grid[b-bxlh9v4hbm] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.home-page__suggestion-header[b-bxlh9v4hbm] {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.home-page__suggestion-main[b-bxlh9v4hbm] {
  min-width: 0;
}

.home-page__suggestion-title-row[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.home-page__lead-link[b-bxlh9v4hbm] {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
  font-family: var(--fontInstrumentSans);
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
  color: var(--blueDark);
}

.home-page__lead-link:hover[b-bxlh9v4hbm] {
  color: var(--bluePrimary);
  text-decoration: none;
}

.home-page__journey-tag[b-bxlh9v4hbm] {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--radiusFull);
  background: var(--blueLight);
  font-family: var(--fontNotoSans);
  font-size: 12px;
  font-weight: 700;
  color: var(--bluePrimary);
}

.home-page__journey-tag--sellers[b-bxlh9v4hbm] {
  background: var(--violetLight);
  color: var(--violetPrimary);
}

.home-page__journey-tag--landlords[b-bxlh9v4hbm] {
  background: var(--greenLight);
  color: var(--greenPrimary);
}

.home-page__suggestion-meta[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  font-family: var(--fontNotoSans);
  font-size: 13px;
  color: var(--greyPrimary);
}

.home-page__meta-dot[b-bxlh9v4hbm] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--borderColorHover);
}

.home-page__meta-assignment[b-bxlh9v4hbm] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.home-page__meta-icon[b-bxlh9v4hbm] {
  font-size: 14px;
  line-height: 1;
}

.home-page__meta-role-label[b-bxlh9v4hbm] {
  font-size: 10px;
  font-weight: 700;
  font-family: var(--fontNotoSans);
  letter-spacing: 0.04em;
  color: var(--greyUltraLight);
  text-transform: uppercase;
}

.home-page__comparison[b-bxlh9v4hbm] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.home-page__profile-card[b-bxlh9v4hbm] {
  padding: 16px;
  border-radius: 16px;
  background: var(--whiteSecondary);
  border: 1px solid var(--borderColor);
}

.home-page__profile-card--suggested[b-bxlh9v4hbm] {
  background: linear-gradient(180deg, rgba(0, 119, 209, 0.06), rgba(0, 119, 209, 0.02));
  border-color: rgba(0, 119, 209, 0.25);
  border-left: 3px solid var(--bluePrimary);
}

.home-page__profile-header[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.home-page__profile-icon[b-bxlh9v4hbm] {
  font-size: 18px;
  color: var(--greyPrimary);
}

.home-page__profile-card--suggested .home-page__profile-icon[b-bxlh9v4hbm] {
  color: var(--bluePrimary);
}

.home-page__profile-title[b-bxlh9v4hbm] {
  font-family: var(--fontNotoSans);
  font-size: 13px;
  font-weight: 700;
  color: var(--greyPrimary);
}

.home-page__summary[b-bxlh9v4hbm] {
  margin: 0;
  font-family: var(--fontSora);
  font-size: 14px;
  line-height: 1.6;
  color: var(--greyDark);
}

.home-page__details[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 16px 0 0;
}

.home-page__detail-row[b-bxlh9v4hbm] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.home-page__detail-row dt[b-bxlh9v4hbm] {
  margin: 0;
  font-family: var(--fontNotoSans);
  font-size: 12px;
  font-weight: 700;
  color: var(--greyPrimary);
}

.home-page__detail-row dd[b-bxlh9v4hbm] {
  margin: 0;
  text-align: right;
  font-family: var(--fontSora);
  font-size: 13px;
  color: var(--blueDark);
}

.home-page__actions[b-bxlh9v4hbm] {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--borderColor);
}

.home-page__approve-button[b-bxlh9v4hbm] {
  background: var(--greenPrimary);
  border-color: var(--greenPrimary);
  color: var(--whitePrimary);
}

.home-page__approve-button:hover:not(:disabled)[b-bxlh9v4hbm] {
  background: #0a4822;
  border-color: #0a4822;
}

.home-page__reject-button[b-bxlh9v4hbm] {
  color: var(--redPrimary);
  border-color: var(--redPrimary);
}

.home-page__reject-button:hover:not(:disabled)[b-bxlh9v4hbm] {
  background: var(--redLight);
  border-color: var(--redPrimary);
  color: var(--redPrimary);
}

.home-page__spinner--reject[b-bxlh9v4hbm] {
  border-color: rgba(232, 53, 53, 0.2);
  border-top-color: var(--redPrimary);
}

.home-page__empty-state[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 56px 20px;
}

.home-page__empty-icon[b-bxlh9v4hbm] {
  font-size: 40px;
  color: var(--greyUltraLight);
}

/* ── My Activities ───────────────────────────────────── */

.home-page__activities-list[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
}

.home-page__activities-loading[b-bxlh9v4hbm] {
  padding: 4px 0;
}

.home-page__activity-loading-icon[b-bxlh9v4hbm] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  background: linear-gradient(
    90deg,
    var(--whiteSecondary) 0%,
    #dde5ee 45%,
    var(--whiteSecondary) 90%
  );
  background-size: 1200px 100%;
  animation: shimmer-b-bxlh9v4hbm 1.6s ease-in-out infinite;
}

.home-page__activity-loading-body[b-bxlh9v4hbm] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.home-page__activity-group[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
}

.home-page__activity-group-label[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px 6px;
  font-family: var(--fontNotoSans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--greyPrimary);
  background: var(--whiteSecondary);
  border-bottom: 1px solid var(--borderColor);
  position: sticky;
  top: 0;
  z-index: 1;
}

.home-page__activity-group-label--overdue[b-bxlh9v4hbm] {
  color: var(--redPrimary);
  background: color-mix(in srgb, var(--redLight) 50%, var(--whitePrimary));
}

.home-page__activity-group-label--today[b-bxlh9v4hbm] {
  color: var(--orangePrimary, #e67e22);
  background: color-mix(in srgb, #fef3e2 60%, var(--whitePrimary));
}

.home-page__activity-group-icon[b-bxlh9v4hbm] {
  font-size: 14px;
}

.home-page__activity-row[b-bxlh9v4hbm] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--borderColor);
  border-left: 3px solid transparent;
  transition: background-color 0.15s ease, border-left-color 0.15s ease;
  animation: fade-slide-in-b-bxlh9v4hbm 0.2s ease both;
}

.home-page__activity-row:last-child[b-bxlh9v4hbm] {
  border-bottom: none;
}

.home-page__activity-row:hover[b-bxlh9v4hbm] {
  background-color: var(--whiteSecondary);
}

.home-page__activity-row--overdue[b-bxlh9v4hbm] {
  border-left-color: var(--redPrimary);
}

.home-page__activity-row--today[b-bxlh9v4hbm] {
  border-left-color: var(--orangePrimary, #e67e22);
}

.home-page__activity-row--week[b-bxlh9v4hbm] {
  border-left-color: var(--bluePrimary);
}

.home-page__activity-row--later[b-bxlh9v4hbm] {
  border-left-color: var(--borderColorHover);
}

.home-page__activity-row--loading[b-bxlh9v4hbm] {
  align-items: center;
  border-left: none;
}

.home-page__activity-row--completing[b-bxlh9v4hbm] {
  background-color: var(--whiteSecondary);
  align-items: flex-start;
}

.home-page__activity-type[b-bxlh9v4hbm] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--whiteTertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.home-page__activity-type-icon[b-bxlh9v4hbm] {
  font-size: 16px;
  color: var(--greyPrimary);
}

.home-page__activity-row--overdue .home-page__activity-type[b-bxlh9v4hbm] {
  background: var(--redLight);
}

.home-page__activity-row--overdue .home-page__activity-type-icon[b-bxlh9v4hbm] {
  color: var(--redPrimary);
}

.home-page__activity-row--today .home-page__activity-type[b-bxlh9v4hbm] {
  background: #fef3e2;
}

.home-page__activity-row--today .home-page__activity-type-icon[b-bxlh9v4hbm] {
  color: var(--orangePrimary, #e67e22);
}

.home-page__activity-body[b-bxlh9v4hbm] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.home-page__activity-title[b-bxlh9v4hbm] {
  font-family: var(--fontInstrumentSans);
  font-size: 15px;
  font-weight: 600;
  color: var(--blueDark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-page__activity-meta[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-family: var(--fontNotoSans);
  font-size: 12px;
  color: var(--greyPrimary);
}

.home-page__activity-lead-link[b-bxlh9v4hbm] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--bluePrimary);
  text-decoration: none;
  font-weight: 600;
}

.home-page__activity-lead-link:hover[b-bxlh9v4hbm] {
  text-decoration: underline;
}

.home-page__activity-lead-icon[b-bxlh9v4hbm] {
  font-size: 13px;
  line-height: 1;
}

.home-page__activity-due[b-bxlh9v4hbm] {
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 600;
  color: var(--greyPrimary);
}

.home-page__activity-due--overdue[b-bxlh9v4hbm] {
  color: var(--redPrimary);
}

.home-page__activity-due--today[b-bxlh9v4hbm] {
  color: var(--orangePrimary, #e67e22);
}

.home-page__activity-type-label[b-bxlh9v4hbm] {
  font-size: 11px;
  color: var(--greyLight);
}

.home-page__activity-assignee[b-bxlh9v4hbm] {
  font-size: 11px;
  color: var(--greyPrimary);
}

.home-page__activity-assignee--mine[b-bxlh9v4hbm] {
  color: var(--bluePrimary);
  font-weight: 600;
}

.home-page__activity-row--mine[b-bxlh9v4hbm] {
  background-color: rgba(0, 119, 209, 0.04);
}

.home-page__activity-row--mine:hover[b-bxlh9v4hbm] {
  background-color: rgba(0, 119, 209, 0.08);
}

.home-page__activity-complete-inline[b-bxlh9v4hbm] {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.home-page__activity-note-input[b-bxlh9v4hbm] {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  padding: 8px 10px;
  font-family: var(--fontSora);
  font-size: 13px;
  color: var(--greyDark);
  background: var(--whitePrimary);
  resize: none;
  outline: none;
  transition: border-color 0.2s ease;
}

.home-page__activity-note-input:focus[b-bxlh9v4hbm] {
  border-color: var(--greenPrimary);
}

.home-page__activity-complete-actions[b-bxlh9v4hbm] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.home-page__activity-confirm-btn[b-bxlh9v4hbm] {
  background: var(--greenPrimary);
  border-color: var(--greenPrimary);
  color: var(--whitePrimary);
  font-size: 13px;
  height: 32px;
  padding: 0 14px;
  border-radius: var(--radiusFull);
}

.home-page__activity-confirm-btn:hover:not(:disabled)[b-bxlh9v4hbm] {
  background: var(--greenDark);
  border-color: var(--greenDark);
}

.home-page__activity-cancel-btn[b-bxlh9v4hbm] {
  font-size: 13px;
  height: 32px;
  padding: 0 14px;
  border-radius: var(--radiusFull);
}

.home-page__activity-actions[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.home-page__activity-row:hover .home-page__activity-actions[b-bxlh9v4hbm] {
  opacity: 1;
}

.home-page__activity-complete-trigger[b-bxlh9v4hbm],
.home-page__activity-open-link[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--greyPrimary);
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.home-page__activity-complete-trigger:hover[b-bxlh9v4hbm] {
  background: var(--greenLight);
  color: var(--greenPrimary);
}

.home-page__activity-open-link:hover[b-bxlh9v4hbm] {
  background: var(--blueLight);
  color: var(--bluePrimary);
}

.home-page__activity-complete-trigger .material-symbols-outlined[b-bxlh9v4hbm],
.home-page__activity-open-link .material-symbols-outlined[b-bxlh9v4hbm] {
  font-size: 20px;
}

@media (max-width: 900px) {
  .home-page__hero[b-bxlh9v4hbm],
  .home-page__list-header[b-bxlh9v4hbm] {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-page__hero-stats[b-bxlh9v4hbm] {
    width: 100%;
  }

  .home-page__stat-card[b-bxlh9v4hbm] {
    width: 100%;
  }

  .home-page__comparison[b-bxlh9v4hbm] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .home-page__suggestion[b-bxlh9v4hbm] {
    padding: 16px;
  }

  .home-page__lead-link[b-bxlh9v4hbm] {
    font-size: 18px;
  }

  .home-page__actions[b-bxlh9v4hbm] {
    justify-content: stretch;
  }

  .home-page__actions .btn[b-bxlh9v4hbm] {
    width: 100%;
  }

  .home-page__detail-row[b-bxlh9v4hbm] {
    flex-direction: column;
  }

  .home-page__detail-row dd[b-bxlh9v4hbm] {
    text-align: left;
  }
}

/* ── Rotting section ─────────────────────────────── */

.home-page__rotting-card[b-bxlh9v4hbm] {
  position: relative;
  overflow: hidden;
}

.home-page__rotting-list[b-bxlh9v4hbm] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.home-page__rotting-row[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 12px var(--space-sm);
  border-top: 1px solid var(--color-bg);
  animation: home-fade-slide-in 0.3s ease both;
}

.home-page__rotting-days[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  background: var(--color-warning-bg);
}

.home-page__rotting-days-value[b-bxlh9v4hbm] {
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 700;
  color: var(--color-warning);
  line-height: 1;
}

.home-page__rotting-days-label[b-bxlh9v4hbm] {
  font-size: 10px;
  color: var(--color-warning);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.home-page__rotting-body[b-bxlh9v4hbm] {
  flex: 1;
  min-width: 0;
}

.home-page__rotting-title[b-bxlh9v4hbm] {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-page__rotting-meta[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--color-text-secondary);
  margin-top: 2px;
}

.home-page__rotting-meta-icon[b-bxlh9v4hbm] {
  font-size: 13px;
  vertical-align: middle;
}

.home-page__stat-value--rotting[b-bxlh9v4hbm] {
  color: var(--color-warning);
}

/* ── Matching opportunities (home) ── */

.home-page__matching-ver-todas[b-bxlh9v4hbm] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-family: var(--fontInstrumentSans);
  font-size: 12.5px;
  color: var(--bluePrimary);
  text-decoration: none;
  transition: opacity 0.12s;
}

.home-page__matching-ver-todas:hover[b-bxlh9v4hbm] {
  opacity: 0.75;
}

.home-page__matching-list[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
}

.home-page__matching-row[b-bxlh9v4hbm] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 11px 16px;
  border-bottom: 1px solid var(--borderColor);
  text-decoration: none;
  transition: background 0.12s;
}

.home-page__matching-row:last-child[b-bxlh9v4hbm] {
  border-bottom: none;
}

.home-page__matching-row:hover[b-bxlh9v4hbm] {
  background: var(--whiteSecondary);
}

.home-page__matching-entities[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.home-page__matching-lead[b-bxlh9v4hbm],
.home-page__matching-counterparty[b-bxlh9v4hbm] {
  font-family: var(--fontFunnelDisplay);
  font-weight: 600;
  font-size: 13.5px;
  color: var(--blackPrimary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}

.home-page__matching-counterparty[b-bxlh9v4hbm] {
  text-align: right;
}

.home-page__matching-counterparty--hidden[b-bxlh9v4hbm] {
  color: var(--greyPrimary);
  font-style: italic;
  font-weight: 400;
}

.home-page__matching-connector[b-bxlh9v4hbm] {
  color: var(--greyUltraLight);
  font-size: 18px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.home-page__matching-meta[b-bxlh9v4hbm] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.home-page__matching-type-badge[b-bxlh9v4hbm] {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: var(--radiusFull);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  font-weight: 600;
}

.home-page__matching-type-badge--cross[b-bxlh9v4hbm] {
  background: #fef3c7;
  color: #92400e;
}

.home-page__matching-type-badge--ext[b-bxlh9v4hbm] {
  background: #ccfbf1;
  color: #0f766e;
}

.home-page__matching-score[b-bxlh9v4hbm] {
  font-family: var(--fontFunnelDisplay);
  font-weight: 700;
  font-size: 12px;
  color: var(--bluePrimary);
}

.home-page__matching-persona[b-bxlh9v4hbm] {
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  color: var(--greyUltraLight);
}
/* /Pages/Knowledge/KnowledgeDetailPage.razor.rz.scp.css */
/* ── Navigation ─────────────────────────────────────── */

.ku-back-btn[b-oir98ix5ox] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    font-weight: 500;
    color: var(--greyPrimary);
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 0;
    transition: color 0.15s;
}

.ku-back-btn:hover[b-oir98ix5ox] { color: var(--blackPrimary); }

/* ── Wiki layout ─────────────────────────────────────── */

.wiki-layout[b-oir98ix5ox] {
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 32px;
    align-items: start;
}

@media (max-width: 820px) {
    .wiki-layout[b-oir98ix5ox] {
        grid-template-columns: 1fr;
    }
    .wiki-sidebar[b-oir98ix5ox] {
        border-top: 1px solid var(--borderColor);
        padding-top: 20px;
    }
}

/* ── Article ─────────────────────────────────────────── */

.wiki-article[b-oir98ix5ox] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.wiki-article-header[b-oir98ix5ox] {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--borderColor);
}

.wiki-title[b-oir98ix5ox] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 26px;
    letter-spacing: -0.5px;
    color: var(--blackPrimary);
    margin: 0 0 4px;
    line-height: 1.25;
}

.wiki-slug[b-oir98ix5ox] {
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    color: var(--greyLight);
    font-style: italic;
}

.wiki-lead[b-oir98ix5ox] {
    font-family: var(--fontInstrumentSans);
    font-size: 15px;
    line-height: 1.65;
    color: var(--greyPrimary);
    border-left: 3px solid var(--bluePrimary);
    padding: 10px 16px;
    background: var(--blueLight);
    border-radius: 0 var(--radiusSm) var(--radiusSm) 0;
    margin-bottom: 24px;
}

.wiki-footer[b-oir98ix5ox] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    color: var(--greyLight);
    margin-top: 32px;
    padding-top: 16px;
    border-top: 1px solid var(--borderColor);
}

.wiki-footer-dot[b-oir98ix5ox] {
    opacity: 0.4;
}

/* ── Sidebar ─────────────────────────────────────────── */

.wiki-sidebar[b-oir98ix5ox] {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wiki-sidebar-section[b-oir98ix5ox] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 0;
    border-bottom: 1px solid var(--borderColor);
}

.wiki-sidebar-section:first-child[b-oir98ix5ox] {
    padding-top: 0;
}

.wiki-sidebar-label[b-oir98ix5ox] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--greyLight);
    margin-bottom: 6px;
}

.wiki-info-row[b-oir98ix5ox] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding: 2px 0;
}

.wiki-info-key[b-oir98ix5ox] {
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    color: var(--greyPrimary);
    min-width: 56px;
    flex-shrink: 0;
}

.wiki-info-val[b-oir98ix5ox] {
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    font-weight: 600;
    color: var(--blackPrimary);
}

.wiki-ref-link[b-oir98ix5ox] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    border-radius: var(--radiusSm);
    padding: 5px 6px;
    cursor: pointer;
    transition: background 0.12s;
    margin: 0 -6px;
    width: calc(100% + 12px);
}

.wiki-ref-link:hover[b-oir98ix5ox] {
    background: var(--whiteSecondary);
}

.wiki-ref-link-text[b-oir98ix5ox] {
    font-family: var(--fontInstrumentSans);
    font-size: 12.5px;
    color: var(--blackPrimary);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.wiki-ref-type[b-oir98ix5ox] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    color: var(--greyLight);
    flex-shrink: 0;
    font-style: italic;
}

/* ── Type & status badges ────────────────────────────── */

.ku-type-badge[b-oir98ix5ox] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: var(--radiusFull);
}

.ku-type-badge--concept[b-oir98ix5ox]    { background: var(--blueLight);       color: var(--bluePrimary); }
.ku-type-badge--article[b-oir98ix5ox]    { background: #F0FDF4;                 color: #16A34A; }
.ku-type-badge--connection[b-oir98ix5ox] { background: #FFF7ED;                 color: #EA580C; }
.ku-type-badge--entity[b-oir98ix5ox]     { background: #FAF5FF;                 color: #9333EA; }
.ku-type-badge--source[b-oir98ix5ox]     { background: var(--whiteSecondary);   color: var(--greyPrimary); }
.ku-type-badge--gap[b-oir98ix5ox]        { background: var(--pinkLight);        color: var(--brownLight); }
.ku-type-badge--daily[b-oir98ix5ox]      { background: #ECFDF5;                 color: #059669; }
.ku-type-badge--overview[b-oir98ix5ox]   { background: var(--blueLight);        color: var(--bluePrimary); }
.ku-type-badge--operationlog[b-oir98ix5ox] { background: var(--whiteSecondary); color: var(--greyPrimary); }
.ku-type-badge--question[b-oir98ix5ox]   { background: #FFF1F2;                 color: #E11D48; }

.ku-status-badge[b-oir98ix5ox] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: var(--radiusFull);
}

.ku-status-badge--draft[b-oir98ix5ox]    { background: var(--whiteSecondary); color: var(--greyPrimary); border: 1px solid var(--borderColor); }
.ku-status-badge--active[b-oir98ix5ox]   { background: var(--greenLight);     color: var(--greenPrimary); }
.ku-status-badge--archived[b-oir98ix5ox] { background: var(--whiteSecondary); color: var(--greyLight); }

.ku-tag[b-oir98ix5ox] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: var(--radiusFull);
    background: var(--whiteSecondary);
    border: 1px solid var(--borderColor);
    color: var(--greyPrimary);
}

/* ── Local graph ─────────────────────────────────────── */

.wiki-graph-panel[b-oir98ix5ox] {
    padding: 14px 16px;
    background: var(--whiteSecondary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
}

.wiki-graph[b-oir98ix5ox] {
    width: 100%;
    height: 320px;
    border-radius: var(--radiusSm);
    overflow: hidden;
}

.wiki-graph[b-oir98ix5ox]  .kg-link {
    stroke: #CBD5E1;
    stroke-width: 1.5px;
}

.wiki-graph[b-oir98ix5ox]  .kg-node circle {
    fill: #94A3B8;
    stroke: #64748B;
    stroke-width: 1.5px;
}

.wiki-graph[b-oir98ix5ox]  .kg-node--current circle {
    fill: #2563EB;
    stroke: #1D4ED8;
}

.wiki-graph[b-oir98ix5ox]  .kg-node text {
    font-size: 9px;
    font-family: system-ui, sans-serif;
    fill: #64748B;
    pointer-events: none;
    user-select: none;
}

.wiki-graph[b-oir98ix5ox]  .kg-node:not(.kg-node--current) {
    cursor: pointer;
}

.wiki-graph[b-oir98ix5ox]  .kg-node:not(.kg-node--current):hover circle {
    fill: #475569;
}

/* ── Wiki body: markdown typography ─────────────────── */

.wiki-body[b-oir98ix5ox]  h1 {
    font-family: var(--fontFunnelDisplay);
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--blackPrimary);
    margin: 28px 0 10px;
    line-height: 1.3;
}

.wiki-body[b-oir98ix5ox]  h2 {
    font-family: var(--fontFunnelDisplay);
    font-size: 17px;
    font-weight: 700;
    color: var(--blackPrimary);
    margin: 24px 0 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--borderColor);
    line-height: 1.35;
}

.wiki-body[b-oir98ix5ox]  h3 {
    font-family: var(--fontFunnelDisplay);
    font-size: 14.5px;
    font-weight: 700;
    color: var(--blackPrimary);
    margin: 20px 0 6px;
}

.wiki-body[b-oir98ix5ox]  h4,
.wiki-body[b-oir98ix5ox]  h5,
.wiki-body[b-oir98ix5ox]  h6 {
    font-family: var(--fontFunnelDisplay);
    font-size: 13px;
    font-weight: 700;
    color: var(--blackPrimary);
    margin: 16px 0 5px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.wiki-body[b-oir98ix5ox]  p {
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
    line-height: 1.75;
    color: var(--blackPrimary);
    margin: 0 0 14px;
}

.wiki-body[b-oir98ix5ox]  ul,
.wiki-body[b-oir98ix5ox]  ol {
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
    line-height: 1.7;
    color: var(--blackPrimary);
    margin: 0 0 14px;
    padding-left: 22px;
}

.wiki-body[b-oir98ix5ox]  li {
    margin-bottom: 5px;
}

.wiki-body[b-oir98ix5ox]  li > p {
    margin: 0;
}

/* Wikilinks: dotted underline to distinguish from regular links */
.wiki-body[b-oir98ix5ox]  a {
    color: var(--bluePrimary);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    transition: opacity 0.12s;
}

.wiki-body[b-oir98ix5ox]  a[href^="/conhecimento/slug/"] {
    text-decoration-style: dotted;
    font-style: italic;
}

.wiki-body[b-oir98ix5ox]  a:hover {
    opacity: 0.75;
}

.wiki-body[b-oir98ix5ox]  code {
    font-family: 'Courier New', Courier, monospace;
    font-size: 12.5px;
    background: var(--whiteSecondary);
    border: 1px solid var(--borderColor);
    border-radius: 4px;
    padding: 1px 5px;
    color: var(--blackPrimary);
}

.wiki-body[b-oir98ix5ox]  pre {
    background: var(--whiteSecondary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    padding: 14px 16px;
    margin: 0 0 16px;
    overflow-x: auto;
}

.wiki-body[b-oir98ix5ox]  pre code {
    background: none;
    border: none;
    padding: 0;
    font-size: 12.5px;
    line-height: 1.6;
}

.wiki-body[b-oir98ix5ox]  blockquote {
    border-left: 3px solid var(--bluePrimary);
    margin: 0 0 16px;
    padding: 8px 16px;
    background: var(--blueLight);
    border-radius: 0 var(--radiusSm) var(--radiusSm) 0;
}

.wiki-body[b-oir98ix5ox]  blockquote p {
    margin: 0;
    color: var(--greyPrimary);
    font-style: italic;
}

.wiki-body[b-oir98ix5ox]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 18px;
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
}

.wiki-body[b-oir98ix5ox]  th {
    background: var(--whiteSecondary);
    font-weight: 700;
    text-align: left;
    padding: 8px 12px;
    border: 1px solid var(--borderColor);
    color: var(--greyPrimary);
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.wiki-body[b-oir98ix5ox]  td {
    padding: 7px 12px;
    border: 1px solid var(--borderColor);
    color: var(--blackPrimary);
    vertical-align: top;
}

.wiki-body[b-oir98ix5ox]  tr:nth-child(even) td {
    background: rgba(0, 0, 0, 0.018);
}

.wiki-body[b-oir98ix5ox]  hr {
    border: none;
    border-top: 1px solid var(--borderColor);
    margin: 22px 0;
}

.wiki-body[b-oir98ix5ox]  strong { font-weight: 700; }

.wiki-body[b-oir98ix5ox]  em { font-style: italic; }

.wiki-body[b-oir98ix5ox]  del {
    text-decoration: line-through;
    color: var(--greyLight);
}

/* Task list checkboxes */
.wiki-body[b-oir98ix5ox]  input[type="checkbox"] {
    margin-right: 6px;
    accent-color: var(--bluePrimary);
}
/* /Pages/Knowledge/KnowledgeIndexPage.razor.rz.scp.css */
.ku-type-filters[b-kb80rhgs5c] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ku-type-chip[b-kb80rhgs5c] {
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: var(--radiusFull);
    border: 1px solid var(--borderColor);
    background: var(--whitePrimary);
    color: var(--greyPrimary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.ku-type-chip:hover[b-kb80rhgs5c] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
}

.ku-type-chip--active[b-kb80rhgs5c] {
    background: var(--blueLight);
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
    font-weight: 600;
}

.ku-unit-card[b-kb80rhgs5c] {
    width: 100%;
    text-align: left;
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    padding: 12px 14px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.ku-unit-card:hover[b-kb80rhgs5c] {
    border-color: var(--bluePrimary);
    box-shadow: var(--shadowSm);
}

.ku-unit-title[b-kb80rhgs5c] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 600;
    font-size: 14px;
    color: var(--blackPrimary);
    letter-spacing: -0.1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ku-unit-summary[b-kb80rhgs5c] {
    font-family: var(--fontInstrumentSans);
    font-size: 12.5px;
    color: var(--greyPrimary);
    margin-top: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ku-type-badge[b-kb80rhgs5c] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: var(--radiusFull);
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 1px;
}

.ku-type-badge--concept[b-kb80rhgs5c]   { background: var(--blueLight);  color: var(--bluePrimary); }
.ku-type-badge--article[b-kb80rhgs5c]   { background: #F0FDF4;            color: #16A34A; }
.ku-type-badge--connection[b-kb80rhgs5c] { background: #FFF7ED;           color: #EA580C; }
.ku-type-badge--entity[b-kb80rhgs5c]    { background: #FAF5FF;            color: #9333EA; }
.ku-type-badge--source[b-kb80rhgs5c]    { background: var(--whiteSecondary); color: var(--greyPrimary); }
.ku-type-badge--gap[b-kb80rhgs5c]       { background: var(--pinkLight);   color: var(--brownLight); }
.ku-type-badge--daily[b-kb80rhgs5c]     { background: #ECFDF5;            color: #059669; }
.ku-type-badge--overview[b-kb80rhgs5c]  { background: var(--blueLight);   color: var(--bluePrimary); }
.ku-type-badge--operationlog[b-kb80rhgs5c] { background: var(--whiteSecondary); color: var(--greyPrimary); }
.ku-type-badge--question[b-kb80rhgs5c]  { background: #FFF1F2;            color: #E11D48; }

.ku-empty-state[b-kb80rhgs5c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 72px 40px;
    text-align: center;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    background: var(--whitePrimary);
}

.btn-filled-blue[b-kb80rhgs5c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: var(--radiusSm);
    background: var(--bluePrimary);
    color: var(--whitePrimary);
    border: 1px solid var(--bluePrimary);
    cursor: pointer;
    transition: background 0.15s;
    text-transform: none;
}

.btn-filled-blue:hover:not(:disabled)[b-kb80rhgs5c] {
    background: var(--blueHover);
    border-color: var(--blueHover);
}
/* /Pages/Knowledge/KnowledgeSourcesPage.razor.rz.scp.css */
.ku-back-btn[b-5rvtrgpket] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    font-weight: 500;
    color: var(--greyPrimary);
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 0;
    transition: color 0.15s;
}

.ku-back-btn:hover[b-5rvtrgpket] { color: var(--blackPrimary); }

.ku-form-row[b-5rvtrgpket] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ku-form-label[b-5rvtrgpket] {
    font-family: var(--fontInstrumentSans);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--blackPrimary);
}

.ku-form-hint[b-5rvtrgpket] {
    font-family: var(--fontInstrumentSans);
    font-size: 11.5px;
    color: var(--greyPrimary);
}

.ku-required[b-5rvtrgpket] {
    color: var(--redPrimary);
}

.ku-btn-blue[b-5rvtrgpket] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: var(--radiusSm);
    background: var(--bluePrimary);
    color: var(--whitePrimary);
    border: 1px solid var(--bluePrimary);
    cursor: pointer;
    transition: background 0.15s;
    text-transform: none;
}

.ku-btn-blue:hover:not(:disabled)[b-5rvtrgpket] {
    background: var(--blueHover);
    border-color: var(--blueHover);
}

.ku-btn-blue:disabled[b-5rvtrgpket] {
    opacity: 0.65;
    cursor: not-allowed;
}

.ks-textarea[b-5rvtrgpket] {
    resize: vertical;
    min-height: 320px;
    font-size: 13px;
    line-height: 1.65;
    font-family: var(--fontInstrumentSans);
}
/* /Pages/Knowledge/KnowledgeSubmissionPage.razor.rz.scp.css */
.ku-back-btn[b-i8bn6iw0b0] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    font-weight: 500;
    color: var(--greyPrimary);
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 0;
    transition: color 0.15s;
}

.ku-back-btn:hover[b-i8bn6iw0b0] { color: var(--blackPrimary); }

.ks-status-icon[b-i8bn6iw0b0] {
    width: 48px;
    height: 48px;
    border-radius: var(--radiusMd);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ks-status-icon--pending[b-i8bn6iw0b0]    { background: var(--whiteSecondary); color: var(--greyPrimary); border: 1px solid var(--borderColor); }
.ks-status-icon--processing[b-i8bn6iw0b0] { background: var(--blueLight);      color: var(--bluePrimary); }
.ks-status-icon--completed[b-i8bn6iw0b0]  { background: var(--greenLight);     color: var(--greenPrimary); }
.ks-status-icon--failed[b-i8bn6iw0b0]     { background: var(--redLight);       color: var(--redPrimary); }

.ks-spinner[b-i8bn6iw0b0] {
    width: 22px;
    height: 22px;
    border-width: 2.5px;
}

.ks-status-badge[b-i8bn6iw0b0] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: var(--radiusFull);
}

.ks-status-badge--pending[b-i8bn6iw0b0]    { background: var(--whiteSecondary); color: var(--greyPrimary); border: 1px solid var(--borderColor); }
.ks-status-badge--processing[b-i8bn6iw0b0] { background: var(--blueLight);      color: var(--bluePrimary); }
.ks-status-badge--completed[b-i8bn6iw0b0]  { background: var(--greenLight);     color: var(--greenPrimary); }
.ks-status-badge--failed[b-i8bn6iw0b0]     { background: var(--redLight);       color: var(--redPrimary); }

.ks-info-card[b-i8bn6iw0b0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: var(--whiteSecondary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    padding: 14px 16px;
}

.ks-info-card--processing[b-i8bn6iw0b0] {
    background: var(--blueLight);
    border-color: rgba(59, 130, 246, 0.25);
}

.ks-section[b-i8bn6iw0b0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    padding: 16px;
}

.ks-section--error[b-i8bn6iw0b0] {
    background: var(--redLight);
    border-color: rgba(239, 68, 68, 0.25);
}

.ks-section-label[b-i8bn6iw0b0] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--greyLight);
}

.ks-pretext[b-i8bn6iw0b0] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--blackPrimary);
    line-height: 1.65;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
}

.ks-meta-row[b-i8bn6iw0b0] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    padding: 14px 16px;
}

.ks-meta-item[b-i8bn6iw0b0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ks-meta-label[b-i8bn6iw0b0] {
    font-family: var(--fontInstrumentSans);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--greyLight);
}

.ks-meta-value[b-i8bn6iw0b0] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--blackPrimary);
}

.ks-pretext--clamped[b-i8bn6iw0b0] {
    max-height: 280px;
    overflow-y: auto;
    color: var(--greyPrimary);
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Component/DialogAddJourney/DialogAddJourney.razor.rz.scp.css */
.dialog-add-journey__header[b-7n4xyrq6rv] {
  padding: 20px 32px;
}

.dialog-add-journey__body[b-7n4xyrq6rv] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 32px;
  max-height: 65vh;
  overflow-y: auto;
}

.dialog-add-journey__group[b-7n4xyrq6rv] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dialog-add-journey__group-label[b-7n4xyrq6rv],
.dialog-add-journey__checkboxes[b-7n4xyrq6rv] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Component/DialogAddNote/DialogAddNote.razor.rz.scp.css */
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Component/DialogAssignLead/DialogAssignLead.razor.rz.scp.css */
.dialog-assign-lead__header[b-fbnwoyxrv7] {
  padding: 20px 32px;
}

.dialog-assign-lead__body[b-fbnwoyxrv7] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 32px;
  max-height: 65vh;
  overflow-y: auto;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Component/DialogDeleteLead/DialogDeleteLead.razor.rz.scp.css */
.dialog-delete-lead__content[b-fsjixqgc6l] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 32px;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Component/DialogDisqualifyLead/DialogDisqualifyLead.razor.rz.scp.css */
.dialog-disqualify-lead__header[b-3yh7w3s3pm] {
  padding: 20px 32px;
}

.dialog-disqualify-lead__body[b-3yh7w3s3pm] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 32px;
  max-height: 65vh;
  overflow-y: auto;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Component/DialogEditLead/DialogEditLead.razor.rz.scp.css */
.dialog-edit-lead__header[b-1pevigzv7p] {
  padding: 20px 32px;
}

.dialog-edit-lead__body[b-1pevigzv7p] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 32px;
  max-height: 65vh;
  overflow-y: auto;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Component/DialogMarkAsLost/DialogMarkAsLost.razor.rz.scp.css */
.dialog-mark-as-lost__header[b-r8nop1ttc3] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 32px;
}

.dialog-mark-as-lost__body[b-r8nop1ttc3] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 32px;
  max-height: 65vh;
  overflow-y: auto;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Component/DialogQualifyLead/DialogQualifyLead.razor.rz.scp.css */
.dialog-qualify-lead__header[b-w1wash878v] {
  padding: 20px 32px;
}

.dialog-qualify-lead__body[b-w1wash878v] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 32px;
  max-height: 65vh;
  overflow-y: auto;
}

.dialog-qualify-lead__group[b-w1wash878v] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dialog-qualify-lead__group-label[b-w1wash878v],
.dialog-qualify-lead__checkboxes[b-w1wash878v] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Component/DialogRequalifyLead/DialogRequalifyLead.razor.rz.scp.css */
.dialog-requalify-lead__header[b-yc7qolly9n] {
  padding: 20px 32px;
}

.dialog-requalify-lead__body[b-yc7qolly9n] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 32px;
  max-height: 65vh;
  overflow-y: auto;
}

.dialog-requalify-lead__group[b-yc7qolly9n] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dialog-requalify-lead__group-label[b-yc7qolly9n],
.dialog-requalify-lead__checkboxes[b-yc7qolly9n] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Component/DialogUnarchiveLead/DialogUnarchiveLead.razor.rz.scp.css */
.dialog-unarchive-lead__header[b-i4p4smojyf] {
  padding: 20px 32px;
}

.dialog-unarchive-lead__body[b-i4p4smojyf] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 32px;
  max-height: 65vh;
  overflow-y: auto;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailHeader/Main/LeadDetailHeader.razor.rz.scp.css */
.lead-detail-header[b-uggqw5autc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 16px;
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--whiteSecondary);
  transition: box-shadow 0.2s ease, padding 0.2s ease;
}

.lead-detail-header.is-stuck[b-uggqw5autc] {
  padding-top: 12px;
  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.09);
}

.lead-detail-header__top[b-uggqw5autc] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.lead-detail-header__actions[b-uggqw5autc] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailInfoGrid/LeadDetailInfoGrid.razor.rz.scp.css */
.lead-detail-info-grid[b-bow54hw9zf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.lead-detail-info-grid__rows[b-bow54hw9zf] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.info-assign-row[b-bow54hw9zf] {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 2px 0;
}

.info-assign-row__label[b-bow54hw9zf] {
  min-width: 130px;
}

.info-assign-row__btn[b-bow54hw9zf] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 13px;
  font-family: var(--fontInstrumentSans);
  font-weight: 600;
  color: var(--bluePrimary);
  transition: opacity 0.15s;
}

.info-assign-row__btn:hover[b-bow54hw9zf] {
  opacity: 0.75;
}

.info-assign-dialog__header[b-bow54hw9zf] {
  padding: 20px 32px;
}

.info-assign-dialog__body[b-bow54hw9zf] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 32px;
}

@media (max-width: 900px) {
  .lead-detail-info-grid[b-bow54hw9zf] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailScheduledActivitiesSection/Components/DialogCancelActivity/DialogCancelActivity.razor.rz.scp.css */
.dialog-cancel-activity__header[b-1congvwhi0] {
  padding: 20px 32px;
}

.dialog-cancel-activity__body[b-1congvwhi0] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 32px;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailScheduledActivitiesSection/Components/DialogCompleteActivity/DialogCompleteActivity.razor.rz.scp.css */
.dialog-complete-activity__header[b-zjn0ehb7f4] {
  padding: 20px 32px;
}

.dialog-complete-activity__body[b-zjn0ehb7f4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 32px;
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailScheduledActivitiesSection/Components/DialogScheduleActivity/DialogScheduleActivity.razor.rz.scp.css */
.dialog-schedule-activity__form[b-uwv9ff18gk] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* /Pages/Leads/LeadDetailPage/Components/LeadDetailScheduledActivitiesSection/Main/LeadDetailScheduledActivitiesSection.razor.rz.scp.css */
.lead-detail-activities__header-right[b-771ras46r6] {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}

.lead-detail-activities__header-action[b-771ras46r6] {
  display: flex;
  align-items: center;
}

.lead-detail-activities__collapse-btn[b-771ras46r6] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--textSecondary);
  transition: background-color 0.2s ease;
}

.lead-detail-activities__collapse-btn:hover[b-771ras46r6] {
  background-color: var(--whiteTertiary);
}

.card-section-title--collapsed[b-771ras46r6] {
  margin-bottom: 0;
}

.lead-detail-activities__loading[b-771ras46r6] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 8px;
}

.lead-detail-activities__loading-row[b-771ras46r6] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.lead-detail-activities__loading-content[b-771ras46r6] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
}

.lead-detail-activities__empty[b-771ras46r6] {
  padding: 24px 0;
  text-align: center;
}

.lead-detail-activities__list[b-771ras46r6] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 4px;
}

.lead-detail-activities__item[b-771ras46r6] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 8px;
  border-radius: 8px;
  transition: 0.3s ease;
}

.lead-detail-activities__item:hover[b-771ras46r6] {
  background-color: var(--whiteTertiary);
}

.lead-detail-activities__item--overdue[b-771ras46r6] {
  background-color: color-mix(in srgb, var(--redLight) 30%, transparent);
}

.lead-detail-activities__item--overdue:hover[b-771ras46r6] {
  background-color: color-mix(in srgb, var(--redLight) 50%, transparent);
}

.lead-detail-activities__item--finished[b-771ras46r6] {
  opacity: 0.7;
}

.lead-detail-activities__type-icon[b-771ras46r6] {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background-color: var(--whiteTertiary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.lead-detail-activities__body[b-771ras46r6] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lead-detail-activities__title[b-771ras46r6] {
  font-size: 14px;
  font-weight: 600;
  color: var(--textPrimary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lead-detail-activities__title--finished[b-771ras46r6] {
  text-decoration: line-through;
  font-weight: 400;
}

.lead-detail-activities__desc[b-771ras46r6] {
  font-size: 13px;
  color: var(--textSecondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lead-detail-activities__meta[b-771ras46r6] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.lead-detail-activities__due[b-771ras46r6] {
  font-size: 12px;
  color: var(--textSecondary);
}

.lead-detail-activities__due--overdue[b-771ras46r6] {
  color: var(--redPrimary);
  font-weight: 600;
}

.lead-detail-activities__type-label[b-771ras46r6] {
  font-size: 11px;
  color: var(--textSecondary);
  background-color: var(--whiteTertiary);
  border-radius: 20px;
  padding: 1px 8px;
}

.lead-detail-activities__note[b-771ras46r6] {
  font-size: 12px;
  color: var(--textSecondary);
  font-style: italic;
}

.lead-detail-activities__actions[b-771ras46r6] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.lead-detail-activities__delete-btn[b-771ras46r6] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.lead-detail-activities__delete-btn:hover[b-771ras46r6] {
  background-color: var(--redLight);
}

.lead-detail-activities__delete-confirm[b-771ras46r6] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.lead-detail-activities__delete-confirm-text[b-771ras46r6] {
  font-size: 12px;
  color: var(--redPrimary);
  white-space: nowrap;
}

.lead-detail-activities__confirm-btn[b-771ras46r6] {
  font-size: 12px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  padding: 2px 8px;
  cursor: pointer;
  transition: 0.3s ease;
}

.lead-detail-activities__confirm-btn:hover[b-771ras46r6] {
  opacity: 0.8;
}

.lead-detail-activities__confirm-btn--yes[b-771ras46r6] {
  background-color: var(--redLight);
  color: var(--redPrimary);
}

.lead-detail-activities__confirm-btn--no[b-771ras46r6] {
  background-color: var(--whiteTertiary);
  color: var(--textSecondary);
}

.lead-detail-activities__finished-toggle[b-771ras46r6] {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  transition: 0.3s ease;
  margin-top: 4px;
}

.lead-detail-activities__finished-toggle:hover[b-771ras46r6] {
  background-color: var(--whiteTertiary);
}
/* /Pages/Leads/LeadDetailPage/Components/LeadDetailTimelineSection/LeadDetailTimelineSection.razor.rz.scp.css */
.lead-detail-timeline[b-j1xp47zh63] {
  display: flex;
  flex-direction: column;
}

.lead-detail-timeline__empty[b-j1xp47zh63] {
  padding: 24px 0;
  text-align: center;
}

.lead-detail-timeline__item[b-j1xp47zh63] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr);
  column-gap: 14px;
}

.lead-detail-timeline__content[b-j1xp47zh63] {
  padding-bottom: 14px;
  min-width: 0;
}

.lead-detail-timeline__item--left .lead-detail-timeline__content[b-j1xp47zh63] {
  grid-column: 1;
}

.lead-detail-timeline__item--right .lead-detail-timeline__content[b-j1xp47zh63] {
  grid-column: 3;
}

.lead-detail-timeline__item .timeline-stem[b-j1xp47zh63] {
  grid-column: 2;
  grid-row: 1;
}

.lead-detail-timeline__content--last[b-j1xp47zh63] {
  padding-bottom: 0;
}

.lead-detail-timeline__note-row[b-j1xp47zh63] {
  display: flex;
  width: 100%;
}

.lead-detail-timeline__event-row[b-j1xp47zh63] {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.lead-detail-timeline__item--left .lead-detail-timeline__event-row[b-j1xp47zh63] {
  justify-content: flex-end;
}

.lead-detail-timeline__note-row--persona[b-j1xp47zh63] {
  justify-content: flex-end;
}

.lead-detail-timeline__note-row--user[b-j1xp47zh63] {
  justify-content: flex-start;
}

.lead-detail-timeline__note-row .timeline-card-note[b-j1xp47zh63] {
  width: fit-content;
  max-width: min(100%, 720px);
  min-width: 220px;
  border-left-width: 1px;
}

.lead-detail-timeline__event-row .timeline-card[b-j1xp47zh63] {
  width: fit-content;
  max-width: min(100%, 720px);
  min-width: 220px;
}

.lead-detail-timeline__note-row .timeline-card-note--persona[b-j1xp47zh63] {
  border-left: 3px solid var(--violetPrimary);
  border-right: 1px solid var(--borderColor);
  background: var(--whitePrimary);
}

.lead-detail-timeline__note-row .timeline-card-note--user[b-j1xp47zh63] {
  border-left: 1px solid var(--borderColor);
  border-right: 3px solid var(--bluePrimary);
  background: color-mix(in srgb, var(--bluePrimary) 5%, var(--whitePrimary));
}

.lead-detail-timeline__note-row--user .timeline-meta[b-j1xp47zh63],
.lead-detail-timeline__event-row .timeline-meta[b-j1xp47zh63] {
  justify-content: flex-end;
}

.lead-detail-timeline__note-row .timeline-body[b-j1xp47zh63],
.lead-detail-timeline__event-row .timeline-body[b-j1xp47zh63] {
  overflow-wrap: anywhere;
}

.lead-detail-timeline__loading[b-j1xp47zh63] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 8px;
}

.lead-detail-timeline__loading-row[b-j1xp47zh63] {
  display: flex;
  gap: 14px;
}

.lead-detail-timeline__loading-content[b-j1xp47zh63] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.lead-detail-timeline__separator[b-j1xp47zh63] {
  color: var(--borderColor);
}

.lead-detail-timeline__sub[b-j1xp47zh63] {
  font-size: 11px;
}

.lead-detail-timeline__journey-end[b-j1xp47zh63] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.lead-detail-timeline__strong[b-j1xp47zh63] {
  font-weight: 600;
}

.lead-detail-timeline__muted[b-j1xp47zh63] {
  color: var(--greyPrimary);
}

.lead-detail-timeline__light[b-j1xp47zh63] {
  color: var(--greyLight);
}

.lead-detail-timeline__activity-note[b-j1xp47zh63] {
  margin-top: 6px;
  padding-left: 10px;
  border-left: 2px solid var(--borderColor);
  color: var(--greyPrimary);
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
}

.lead-detail-timeline__activity-note-label[b-j1xp47zh63] {
  color: var(--greyDark);
  font-weight: 600;
}

@media (max-width: 640px) {
  .lead-detail-timeline__item[b-j1xp47zh63] {
    grid-template-columns: minmax(0, 1fr);
  }

  .lead-detail-timeline__item .timeline-stem[b-j1xp47zh63] {
    display: none;
  }

  .lead-detail-timeline__item--left .lead-detail-timeline__content[b-j1xp47zh63],
  .lead-detail-timeline__item--right .lead-detail-timeline__content[b-j1xp47zh63] {
    grid-column: 1;
  }

  .lead-detail-timeline__loading-row .add-skeleton[b-j1xp47zh63] {
    display: none;
  }

  .lead-detail-timeline__note-row--persona[b-j1xp47zh63] {
    justify-content: flex-start;
  }

  .lead-detail-timeline__note-row--user[b-j1xp47zh63] {
    justify-content: flex-end;
  }

  .lead-detail-timeline__item--left .lead-detail-timeline__event-row[b-j1xp47zh63] {
    justify-content: flex-start;
  }

  .lead-detail-timeline__item--right .lead-detail-timeline__event-row[b-j1xp47zh63] {
    justify-content: flex-end;
  }

  .lead-detail-timeline__note-row .timeline-card-note[b-j1xp47zh63],
  .lead-detail-timeline__event-row .timeline-card[b-j1xp47zh63] {
    max-width: 82%;
    min-width: 0;
  }
}
/* /Pages/Leads/LeadDetailPage/Components/LeadJourneyProfiles/Components/DialogEditProfile/DialogEditProfile.razor.rz.scp.css */
.lead-journey-profiles__edit-trigger[b-fdmr6l7ojr] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  transition: all ease 0.2s;

  &:hover {
    background-color: var(--color-white-secondary);
  }
}

.lead-journey-profiles__dialog[b-fdmr6l7ojr],
.lead-journey-profiles__buyer-preferences[b-fdmr6l7ojr],
.lead-journey-profiles__suggestions[b-fdmr6l7ojr] {
  display: flex;
  flex-direction: column;
}

.lead-journey-profiles__dialog[b-fdmr6l7ojr] {
  gap: 14px;
  padding: 32px;
  max-height: 70vh;
  overflow-y: auto;
}

.lead-journey-profiles__suggestions[b-fdmr6l7ojr] {
  gap: 8px;
  padding: 10px 12px;
  background: var(--whiteSecondary);
  border-radius: 6px;
}

.lead-journey-profiles__suggestion-list[b-fdmr6l7ojr] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}


.lead-journey-profiles__buyer-preferences[b-fdmr6l7ojr] {
  gap: 12px;
}

.lead-journey-profiles__buyer-grid[b-fdmr6l7ojr] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 700px) {
  .lead-journey-profiles__dialog[b-fdmr6l7ojr] {
    padding-inline: 20px;
  }

  .lead-journey-profiles__buyer-grid[b-fdmr6l7ojr] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Leads/LeadDetailPage/Components/LeadJourneyProfiles/Main/LeadJourneyProfiles.razor.rz.scp.css */
.lead-journey-profiles[b-7y9oxv2g6p] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 16px;
  align-items: start;
}

.lead-journey-profiles__card[b-7y9oxv2g6p] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lead-journey-profiles__card--closed[b-7y9oxv2g6p] {
  opacity: 0.65;
}

.lead-journey-profiles__card-header[b-7y9oxv2g6p] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.lead-journey-profiles__card-title-section[b-7y9oxv2g6p],
.lead-journey-profiles__suggestion-author[b-7y9oxv2g6p],
.lead-journey-profiles__author[b-7y9oxv2g6p] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.lead-journey-profiles__card-title[b-7y9oxv2g6p] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lead-journey-profiles__outcome[b-7y9oxv2g6p],
.lead-journey-profiles__checkpoint[b-7y9oxv2g6p],
.lead-journey-profiles__feature-chip[b-7y9oxv2g6p] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

.lead-journey-profiles__outcome[b-7y9oxv2g6p] {
  padding: 1px 7px;
  border-radius: 20px;
}

.lead-journey-profiles__outcome--won[b-7y9oxv2g6p] {
  background: var(--greenLight);
  color: var(--greenPrimary);
}

.lead-journey-profiles__outcome--lost[b-7y9oxv2g6p] {
  background: var(--pinkLight);
  color: var(--brownLight);
}

.lead-journey-profiles__checkpoint[b-7y9oxv2g6p] {
  padding: 1px 7px;
  border: 1px solid var(--borderColor);
  border-radius: 20px;
  background: var(--whiteSecondary);
  color: var(--greyLight);
  font-weight: 500;
}

.lead-journey-profiles__profile[b-7y9oxv2g6p],
.lead-journey-profiles__rows[b-7y9oxv2g6p],
.lead-journey-profiles__features[b-7y9oxv2g6p] {
  display: flex;
  flex-direction: column;
}

.lead-journey-profiles__profile[b-7y9oxv2g6p] {
  gap: 8px;
}

.lead-journey-profiles__rows[b-7y9oxv2g6p] {
  gap: 5px;
}

.lead-journey-profiles__features[b-7y9oxv2g6p] {
  gap: 5px;
}

.lead-journey-profiles__feature-list[b-7y9oxv2g6p] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.lead-journey-profiles__feature-chip[b-7y9oxv2g6p] {
  padding: 3px 9px 3px 7px;
  border-radius: 20px;
  font-size: 11.5px;
}

.lead-journey-profiles__feature-chip--required[b-7y9oxv2g6p] {
  background: var(--greenLight);
  color: var(--greenPrimary);
}

.lead-journey-profiles__feature-chip--preferred[b-7y9oxv2g6p] {
  background: #eff6ff;
  color: #1d4ed8;
}

.lead-journey-profiles__feature-chip--undesirable[b-7y9oxv2g6p] {
  background: #fff7ed;
  color: #c2410c;
}

.lead-journey-profiles__feature-chip--excluded[b-7y9oxv2g6p] {
  background: var(--pinkLight);
  color: var(--redPrimary);
}

.lead-journey-profiles__analysis[b-7y9oxv2g6p] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding: 8px 10px;
  background: var(--whiteSecondary);
  border: 1px solid var(--borderColor);
  border-radius: 4px;
}

.lead-journey-profiles__journey-actions[b-7y9oxv2g6p] {
  display: flex;
  gap: 8px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--borderColor);
}

.lead-journey-profiles__analysis > :last-child[b-7y9oxv2g6p] {
  margin-left: auto;
}

.lead-journey-profiles__spinner[b-7y9oxv2g6p] {
  width: 11px;
  height: 11px;
  border: 2px solid var(--greyPrimary);
  border-top-color: transparent;
  border-radius: 50%;
  flex-shrink: 0;
  animation: lead-journey-profiles-spin-b-7y9oxv2g6p 0.8s linear infinite;
}

@keyframes lead-journey-profiles-spin-b-7y9oxv2g6p {
  to {
    transform: rotate(360deg);
  }
}

.lead-journey-profiles__suggestion-card[b-7y9oxv2g6p] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--borderColor);
}

.lead-journey-profiles__suggestion-header[b-7y9oxv2g6p] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.lead-journey-profiles__suggestion-content[b-7y9oxv2g6p] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px 12px;
  background: var(--violetLight, #f5f0ff);
  border-radius: 4px;
}

.lead-journey-profiles__suggestion-actions[b-7y9oxv2g6p] {
  display: flex;
  gap: 8px;
}

@media (max-width: 700px) {
  .lead-journey-profiles[b-7y9oxv2g6p] {
    grid-template-columns: 1fr;
  }

  .lead-journey-profiles__suggestion-header[b-7y9oxv2g6p],
  .lead-journey-profiles__analysis[b-7y9oxv2g6p] {
    align-items: flex-start;
    flex-direction: column;
  }

  .lead-journey-profiles__analysis > :last-child[b-7y9oxv2g6p] {
    margin-left: 0;
  }
}
/* /Pages/Leads/LeadDetailPage/Main/LeadDetailPage.razor.rz.scp.css */
.lead-detail-page[b-z2t5opc26t] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.lead-detail-page__loading[b-z2t5opc26t] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.lead-detail-page__summary-grid[b-z2t5opc26t] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.lead-detail-page__empty[b-z2t5opc26t] {
  padding: 60px;
  text-align: center;
  border: 1px solid var(--borderColor);
  border-radius: 5px;
}

@media (max-width: 900px) {
  .lead-detail-page__summary-grid[b-z2t5opc26t] {
    grid-template-columns: 1fr;
  }
}

.pwf-root[b-z2t5opc26t] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
}

.journey-analyzing[b-z2t5opc26t] {
  animation: journey-border-pulse-b-z2t5opc26t 1.4s ease-in-out infinite;
}

@keyframes journey-border-pulse-b-z2t5opc26t {
  0%, 100% { border-color: color-mix(in srgb, var(--violetPrimary) 25%, transparent); box-shadow: 0 0 0 0 transparent; }
  50%      { border-color: color-mix(in srgb, var(--violetPrimary) 65%, transparent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--violetPrimary) 10%, transparent); }
}

@media (prefers-reduced-motion: reduce) {
  .journey-analyzing[b-z2t5opc26t] { animation: none; }
}

/* ── Neural firing indicator ──────────────────────────────────────────────── */

.ai-neural[b-z2t5opc26t] {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.ai-neural__svg[b-z2t5opc26t] {
  overflow: visible;
  width: 34px;
  height: 12px;
}

.ai-neural__axon[b-z2t5opc26t] {
  stroke: var(--ai-color, var(--violetPrimary));
  stroke-width: 0.75;
  opacity: 0.18;
}

.ai-neural__signal[b-z2t5opc26t] {
  stroke: var(--ai-color, var(--violetPrimary));
  stroke-width: 1.2;
  stroke-dasharray: 5 40;
  stroke-dashoffset: 35;
  opacity: 0;
  animation: ai-signal-travel-b-z2t5opc26t 2.1s ease-in-out infinite;
}

.ai-neural__node[b-z2t5opc26t] {
  fill: var(--ai-color, var(--violetPrimary));
  opacity: 0.3;
}

.ai-neural__node--1[b-z2t5opc26t] { animation: ai-node-fire-b-z2t5opc26t 2.1s ease-in-out infinite 0s; }
.ai-neural__node--2[b-z2t5opc26t] { animation: ai-node-fire-b-z2t5opc26t 2.1s ease-in-out infinite 0.48s; }
.ai-neural__node--3[b-z2t5opc26t] { animation: ai-node-fire-b-z2t5opc26t 2.1s ease-in-out infinite 0.96s; }

.ai-neural__pulse[b-z2t5opc26t] {
  fill: none;
  stroke: var(--ai-color, var(--violetPrimary));
  stroke-width: 0.8;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}

.ai-neural__pulse--1[b-z2t5opc26t] { animation: ai-pulse-ring-b-z2t5opc26t 2.1s ease-out infinite 0s; }
.ai-neural__pulse--2[b-z2t5opc26t] { animation: ai-pulse-ring-b-z2t5opc26t 2.1s ease-out infinite 0.48s; }
.ai-neural__pulse--3[b-z2t5opc26t] { animation: ai-pulse-ring-b-z2t5opc26t 2.1s ease-out infinite 0.96s; }

@keyframes ai-node-fire-b-z2t5opc26t {
  0%, 100% { opacity: 0.28; filter: none; }
  8%        { opacity: 1;    filter: drop-shadow(0 0 3px var(--ai-color, var(--violetPrimary))); }
  22%       { opacity: 0.45; filter: none; }
}

@keyframes ai-pulse-ring-b-z2t5opc26t {
  0%   { transform: scale(1);   opacity: 0.65; }
  55%  { transform: scale(3);   opacity: 0;    }
  100% { transform: scale(3);   opacity: 0;    }
}

@keyframes ai-signal-travel-b-z2t5opc26t {
  0%   { stroke-dashoffset: 35;  opacity: 0;   }
  6%   { opacity: 1; }
  44%  { opacity: 1; }
  52%  { stroke-dashoffset: -10; opacity: 0;   }
  100% { stroke-dashoffset: -10; opacity: 0;   }
}

@media (prefers-reduced-motion: reduce) {
  .ai-neural__node[b-z2t5opc26t]    { animation: none; opacity: 0.55; }
  .ai-neural__pulse[b-z2t5opc26t]   { animation: none; }
  .ai-neural__signal[b-z2t5opc26t]  { animation: none; }
}

/* ── Matching opportunities inline list (ldm) ── */

.ldm[b-z2t5opc26t] {
  border: 1px solid var(--borderColor);
  border-left: 3px solid var(--bluePrimary);
  border-radius: var(--radiusMd);
  background: var(--whitePrimary);
  overflow: hidden;
}

.ldm-header[b-z2t5opc26t] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  flex-wrap: wrap;
}

.ldm-header-left[b-z2t5opc26t] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.ldm-icon[b-z2t5opc26t] {
  font-size: 18px;
  color: var(--bluePrimary);
  flex-shrink: 0;
}

.ldm-title[b-z2t5opc26t] {
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  color: var(--greyPrimary);
  white-space: nowrap;
}

.ldm-count[b-z2t5opc26t] {
  font-family: var(--fontFunnelDisplay);
  font-weight: 700;
  font-size: 15px;
  color: var(--blackPrimary);
}

.ldm-chip[b-z2t5opc26t] {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: var(--radiusFull);
  font-family: var(--fontInstrumentSans);
  font-size: 11.5px;
  font-weight: 600;
}

.ldm-chip--green[b-z2t5opc26t] { background: var(--greenLight); color: var(--greenPrimary); }
.ldm-chip--blue[b-z2t5opc26t]  { background: var(--blueLight);  color: var(--bluePrimary); }

.ldm-link[b-z2t5opc26t] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--fontInstrumentSans);
  font-size: 12.5px;
  color: var(--bluePrimary);
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: opacity 0.12s;
}

.ldm-link:hover[b-z2t5opc26t] { opacity: 0.75; }

.ldm-list[b-z2t5opc26t] {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--borderColor);
}

.ldm-row[b-z2t5opc26t] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  background: transparent;
  border: none;
  border-top: 1px solid var(--borderColor);
  cursor: pointer;
  text-align: left;
  transition: background 0.1s;
  width: 100%;
}

.ldm-row:first-child[b-z2t5opc26t] { border-top: none; }
.ldm-row:hover[b-z2t5opc26t] { background: var(--whiteSecondary); }

.ldm-score[b-z2t5opc26t] {
  font-family: var(--fontFunnelDisplay);
  font-weight: 700;
  font-size: 11.5px;
  padding: 2px 7px;
  border-radius: var(--radiusFull);
  flex-shrink: 0;
  min-width: 38px;
  text-align: center;
}

.ldm-score--high[b-z2t5opc26t] { background: var(--greenLight); color: var(--greenPrimary); }
.ldm-score--mid[b-z2t5opc26t]  { background: var(--blueLight);  color: var(--bluePrimary); }
.ldm-score--low[b-z2t5opc26t]  { background: #fef3c7; color: #92400e; }

.ldm-type-badge[b-z2t5opc26t] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 7px;
  border-radius: var(--radiusFull);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  font-weight: 600;
  flex-shrink: 0;
}

.ldm-type--amber[b-z2t5opc26t] { background: #fef3c7; color: #92400e; }
.ldm-type--teal[b-z2t5opc26t]  { background: #ccfbf1; color: #0f766e; }

.ldm-row-name[b-z2t5opc26t] {
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  color: var(--blackPrimary);
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ldm-row-name--muted[b-z2t5opc26t] { color: var(--greyPrimary); font-style: italic; }

.ldm-status-badge[b-z2t5opc26t] {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: var(--radiusFull);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  font-weight: 600;
  flex-shrink: 0;
}

.ldm-status--green[b-z2t5opc26t]  { background: var(--greenLight);    color: var(--greenPrimary); }
.ldm-status--blue[b-z2t5opc26t]   { background: var(--blueLight);     color: var(--bluePrimary); }
.ldm-status--grey[b-z2t5opc26t]   { background: var(--whiteSecondary); color: var(--greyPrimary); }
.ldm-status--red[b-z2t5opc26t]    { background: #fef2f2; color: #b91c1c; }
.ldm-status--amber[b-z2t5opc26t]  { background: #fef3c7; color: #92400e; }
.ldm-status--purple[b-z2t5opc26t] { background: #fdf4ff; color: #7e22ce; }
.ldm-status--sky[b-z2t5opc26t]    { background: #f0f9ff; color: #0369a1; }

.ldm-row--evaluated .ldm-row-name[b-z2t5opc26t] {
  color: var(--greyPrimary);
}

.ldm-evaluated-toggle[b-z2t5opc26t] {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 8px 14px;
  background: transparent;
  border: none;
  border-top: 1px solid var(--borderColor);
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 600;
  color: var(--greyPrimary);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
  text-align: left;
}

.ldm-evaluated-toggle:hover[b-z2t5opc26t] {
  background: var(--whiteSecondary);
  color: var(--blackPrimary);
}

.ldm-evaluated-toggle-icon[b-z2t5opc26t] {
  font-size: 16px;
}

.ldm-list--evaluated[b-z2t5opc26t] {
  border-top: none;
  background: var(--whiteSecondary);
  border-radius: 0 0 var(--radiusSm) var(--radiusSm);
}

.ldm-row-arrow[b-z2t5opc26t] {
  font-size: 18px;
  color: var(--greyUltraLight);
  flex-shrink: 0;
  transition: color 0.1s, transform 0.1s;
}

.ldm-row:hover .ldm-row-arrow[b-z2t5opc26t] {
  color: var(--bluePrimary);
  transform: translateX(2px);
}

/* ── Matching opportunity modal ── */

.ldm-modal[b-z2t5opc26t] {
  background: var(--whitePrimary);
  border-radius: var(--radiusMd);
  padding: 40px 48px;
  width: calc(100vw - 80px);
  max-width: 1200px;
  min-height: 60vh;
  max-height: 92vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-shadow: 0 16px 56px rgba(0, 0, 0, 0.22);
  position: relative;
}

.ldm-modal-close[b-z2t5opc26t] {
  position: absolute;
  top: 14px;
  right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: var(--radiusSm);
  border: 1px solid var(--borderColor);
  background: transparent;
  color: var(--greyPrimary);
  cursor: pointer;
  transition: border-color 0.12s, color 0.12s;
}

.ldm-modal-close:hover[b-z2t5opc26t] {
  border-color: var(--borderColorHover);
  color: var(--blackPrimary);
}

.ldm-modal-footer[b-z2t5opc26t] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.ldm-modal-inbox-link[b-z2t5opc26t] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--fontInstrumentSans);
  font-size: 12.5px;
  color: var(--bluePrimary);
  text-decoration: none;
  transition: opacity 0.12s;
}

.ldm-modal-inbox-link:hover[b-z2t5opc26t] { opacity: 0.75; }

/* /Pages/Leads/LeadsPage/Components/LeadFilterBuilder/LeadFilterBuilder.razor.rz.scp.css */
.lead-filter-builder[b-5giev0szwh] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lead-filter-builder__row[b-5giev0szwh] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.lead-filter-builder__button[b-5giev0szwh] {
  margin-top: 2px;
}

@media (max-width: 600px) {
  .lead-filter-builder__row[b-5giev0szwh] {
    align-items: stretch;
    gap: 10px;
  }

  .lead-filter-builder__row > *[b-5giev0szwh] {
    max-width: 100%;
  }

  .lead-filter-builder__button[b-5giev0szwh] (.add-button),
  .lead-filter-builder__button[b-5giev0szwh] (.add-button--inverted),
  .lead-filter-builder__button[b-5giev0szwh] (.add-button--disabled) {
    width: 100% !important;
  }
}
/* /Pages/Leads/LeadsPage/Components/LeadsPageHeader/LeadsPageHeader.razor.rz.scp.css */
.leads-page-header__buttons[b-8xjdeyrnge] {
  display: flex;
  gap: 8px;
  align-items: center;
}

.leads-page-header__create-lead-form[b-8xjdeyrnge] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.phone-input-wrapper[b-8xjdeyrnge] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.phone-field[b-8xjdeyrnge] {
  display: flex;
  align-items: center;
  height: 40px;
  border: 1px solid var(--color-grey-light);
  border-radius: 5px;
  overflow: hidden;
  transition: border-color 0.2s ease;
}

.phone-field:focus-within[b-8xjdeyrnge] {
  border-color: var(--color-blue-primary);
}

.phone-field--error[b-8xjdeyrnge] {
  border-color: var(--color-red-primary);
}

.phone-field__prefix-input[b-8xjdeyrnge] {
  width: 58px;
  height: 100%;
  border: none;
  border-right: 1px solid var(--color-grey-light);
  outline: none;
  padding: 0 8px;
  font-size: 13px;
  color: var(--color-grey-primary);
  background-color: var(--color-white-secondary);
  text-align: center;
  flex-shrink: 0;
}

.phone-field__input[b-8xjdeyrnge] {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 10px;
  font-size: 14px;
  background: transparent;
  min-width: 0;
}

@media (max-width: 600px) {
  .page-header[b-8xjdeyrnge] {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .leads-page-header__buttons[b-8xjdeyrnge] {
    width: 100%;
  }

  .leads-page-header__buttons > *[b-8xjdeyrnge] {
    flex: 1 1 0;
    min-width: 0;
  }

  .leads-page-header__buttons[b-8xjdeyrnge] (.add-button),
  .leads-page-header__buttons[b-8xjdeyrnge] (.add-button--inverted),
  .leads-page-header__buttons[b-8xjdeyrnge] (.add-button--disabled) {
    width: 100% !important;
  }
}
/* /Pages/Leads/LeadsPage/Components/LeadsPageTable/LeadsPageTable.razor.rz.scp.css */
.leads-page-table[b-8k5qgqzxrz] {
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  overflow: hidden;
  background: var(--whitePrimary);
}

.leads-page-table__scroll[b-8k5qgqzxrz] {
  overflow-x: auto;
}

.leads-page-table .data-table[b-8k5qgqzxrz] {
  table-layout: fixed;
}

.leads-page-table .data-table thead th[b-8k5qgqzxrz] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--whiteSecondary);
}

.leads-page-table__col-index[b-8k5qgqzxrz] {
  width: 48px;
}

.leads-page-table__col-title[b-8k5qgqzxrz] {
  width: 400px;
}

.leads-page-table__head-content[b-8k5qgqzxrz] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.leads-page-table__cell-index[b-8k5qgqzxrz] {
  color: var(--greyLight);
}

.leads-page-table__title-cell[b-8k5qgqzxrz] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.leads-page-table__lead-title[b-8k5qgqzxrz] {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.leads-page-table__skeleton-wrap[b-8k5qgqzxrz] {
  display: flex;
  align-items: center;
  width: 100%;
}

.leads-page-table__status[b-8k5qgqzxrz] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.leads-page-table__status-stack[b-8k5qgqzxrz] {
  display: inline-flex;
  flex-direction: column;
  gap: 1px;
}

.leads-page-table__status-date[b-8k5qgqzxrz] {
  padding-left: 20px;
}

.leads-page-table__next-activity[b-8k5qgqzxrz] {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
}


.leads-page-table__next-activity-row[b-8k5qgqzxrz] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.leads-page-table__source-chip[b-8k5qgqzxrz] {
  background: var(--blueLight);
  color: var(--bluePrimary);
  font-size: var(--fontSizeSmall);
}

.leads-page-table__row--unread-notification td[b-8k5qgqzxrz] {
  background: color-mix(in srgb, var(--bluePrimary) 5%, var(--whitePrimary));
}

.lead-notification-marker[b-8k5qgqzxrz] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  color: var(--bluePrimary);
}

.lead-notification-marker .material-symbols-outlined[b-8k5qgqzxrz] {
  font-size: 18px;
  line-height: 1;
  transform-origin: 50% 4px;
  animation: lead-notification-ring-b-8k5qgqzxrz 1.25s ease-in-out infinite;
}

.lead-notification-marker[b-8k5qgqzxrz]::after {
  position: absolute;
  inset: 2px;
  content: "";
  border: 1px solid color-mix(in srgb, var(--bluePrimary) 45%, transparent);
  border-radius: 50%;
  animation: lead-notification-pulse-b-8k5qgqzxrz 1.8s ease-out infinite;
}

.lead-notification-marker__count[b-8k5qgqzxrz] {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-radius: 999px;
  background: var(--bluePrimary);
  color: var(--whitePrimary);
  font-size: 9px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
}

@keyframes lead-notification-pulse-b-8k5qgqzxrz {
  0% { transform: scale(0.72); opacity: 0.65; }
  70% { transform: scale(1.32); opacity: 0; }
  100% { transform: scale(1.32); opacity: 0; }
}

@keyframes lead-notification-ring-b-8k5qgqzxrz {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(15deg); }
  16% { transform: rotate(-15deg); }
  24% { transform: rotate(12deg); }
  32% { transform: rotate(-10deg); }
  40% { transform: rotate(6deg); }
  48% { transform: rotate(-4deg); }
  56% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .tr-analyzing td[b-8k5qgqzxrz] { background: none; animation: none; }
  .lead-notification-marker .material-symbols-outlined[b-8k5qgqzxrz] { animation: none; }
  .lead-notification-marker[b-8k5qgqzxrz]::after { animation: none; opacity: 0.5; }
}

/* ── Neural firing indicator ──────────────────────────────────────────────── */

.ai-neural[b-8k5qgqzxrz] {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.ai-neural__svg[b-8k5qgqzxrz] {
  overflow: visible;
  width: 34px;
  height: 12px;
}

/* axon: faint connecting line */
.ai-neural__axon[b-8k5qgqzxrz] {
  stroke: var(--ai-color, var(--violetPrimary));
  stroke-width: 0.75;
  opacity: 0.18;
}

/* signal: short dash that travels left → right */
.ai-neural__signal[b-8k5qgqzxrz] {
  stroke: var(--ai-color, var(--violetPrimary));
  stroke-width: 1.2;
  stroke-dasharray: 5 40;
  stroke-dashoffset: 35;
  opacity: 0;
  animation: ai-signal-travel-b-8k5qgqzxrz 2.1s ease-in-out infinite;
}

/* nodes: filled circles, dim at rest */
.ai-neural__node[b-8k5qgqzxrz] {
  fill: var(--ai-color, var(--violetPrimary));
  opacity: 0.3;
}

.ai-neural__node--1[b-8k5qgqzxrz] { animation: ai-node-fire-b-8k5qgqzxrz 2.1s ease-in-out infinite 0s; }
.ai-neural__node--2[b-8k5qgqzxrz] { animation: ai-node-fire-b-8k5qgqzxrz 2.1s ease-in-out infinite 0.48s; }
.ai-neural__node--3[b-8k5qgqzxrz] { animation: ai-node-fire-b-8k5qgqzxrz 2.1s ease-in-out infinite 0.96s; }

/* pulse rings: expand and fade on each fire */
.ai-neural__pulse[b-8k5qgqzxrz] {
  fill: none;
  stroke: var(--ai-color, var(--violetPrimary));
  stroke-width: 0.8;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
}

.ai-neural__pulse--1[b-8k5qgqzxrz] { animation: ai-pulse-ring-b-8k5qgqzxrz 2.1s ease-out infinite 0s; }
.ai-neural__pulse--2[b-8k5qgqzxrz] { animation: ai-pulse-ring-b-8k5qgqzxrz 2.1s ease-out infinite 0.48s; }
.ai-neural__pulse--3[b-8k5qgqzxrz] { animation: ai-pulse-ring-b-8k5qgqzxrz 2.1s ease-out infinite 0.96s; }

@keyframes ai-node-fire-b-8k5qgqzxrz {
  0%, 100% { opacity: 0.28; filter: none; }
  8%        { opacity: 1;    filter: drop-shadow(0 0 3px var(--ai-color, var(--violetPrimary))); }
  22%       { opacity: 0.45; filter: none; }
}

@keyframes ai-pulse-ring-b-8k5qgqzxrz {
  0%   { transform: scale(1);   opacity: 0.65; }
  55%  { transform: scale(3);   opacity: 0;    }
  100% { transform: scale(3);   opacity: 0;    }
}

@keyframes ai-signal-travel-b-8k5qgqzxrz {
  0%   { stroke-dashoffset: 35;  opacity: 0;   }
  6%   { opacity: 1; }
  44%  { opacity: 1; }
  52%  { stroke-dashoffset: -10; opacity: 0;   }
  100% { stroke-dashoffset: -10; opacity: 0;   }
}

@media (prefers-reduced-motion: reduce) {
  .ai-neural__node[b-8k5qgqzxrz]    { animation: none; opacity: 0.55; }
  .ai-neural__pulse[b-8k5qgqzxrz]   { animation: none; }
  .ai-neural__signal[b-8k5qgqzxrz]  { animation: none; }
}

@media (max-width: 760px) {
  .leads-page-table[b-8k5qgqzxrz] {
    border: none;
    background: transparent;
    overflow: visible;
  }

  .leads-page-table__scroll[b-8k5qgqzxrz] {
    overflow: visible;
  }

  .leads-page-table .data-table[b-8k5qgqzxrz],
  .leads-page-table .data-table tbody[b-8k5qgqzxrz],
  .leads-page-table .data-table tr[b-8k5qgqzxrz],
  .leads-page-table .data-table td[b-8k5qgqzxrz] {
    display: block;
    width: 100%;
  }

  .leads-page-table .data-table[b-8k5qgqzxrz] {
    border-collapse: separate;
    border-spacing: 0 10px;
    table-layout: auto;
  }

  .leads-page-table .data-table thead[b-8k5qgqzxrz] {
    display: none;
  }

  .leads-page-table .data-table tbody tr[b-8k5qgqzxrz] {
    overflow: hidden;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusSm);
    background: var(--whitePrimary);
  }

  .leads-page-table .data-table tbody td[b-8k5qgqzxrz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--borderColor);
  }

  .leads-page-table .data-table tbody tr:last-child td[b-8k5qgqzxrz] {
    border-bottom: 1px solid var(--borderColor);
  }

  .leads-page-table .data-table tbody tr td:last-child[b-8k5qgqzxrz] {
    border-bottom: none;
  }

  .leads-page-table .data-table tbody tr.row-clickable:hover td[b-8k5qgqzxrz] {
    background: inherit;
  }

  .leads-page-table .data-table tbody tr.row-clickable:active td[b-8k5qgqzxrz] {
    background: var(--color-white-secondary);
  }

  .leads-page-table .data-table tbody td[b-8k5qgqzxrz]::before {
    content: attr(data-label);
    flex: 0 0 110px;
    color: var(--greyLight);
    font-family: var(--fontInstrumentSans);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    text-transform: uppercase;
  }

  .leads-page-table__cell-index[b-8k5qgqzxrz] {
    display: none !important;
  }

  .leads-page-table__cell-title[b-8k5qgqzxrz] {
    align-items: center !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    background: var(--whiteSecondary);
  }

  .leads-page-table__title-cell[b-8k5qgqzxrz] {
    align-items: flex-end;
  }

  .leads-page-table__lead-title[b-8k5qgqzxrz] {
    justify-content: flex-end;
    flex-wrap: wrap;
    text-align: right;
  }

  .leads-page-table__status-stack[b-8k5qgqzxrz],
  .leads-page-table__next-activity[b-8k5qgqzxrz] {
    align-items: flex-end;
    text-align: right;
  }

  .leads-page-table__status-date[b-8k5qgqzxrz] {
    padding-left: 0;
  }

  .leads-page-table__skeleton-row td[b-8k5qgqzxrz] {
    min-height: 43px;
  }

  .leads-page-table__skeleton-row td[b-8k5qgqzxrz]::before {
    content: none !important;
  }

  .leads-page-table__skeleton-wrap[b-8k5qgqzxrz] {
    justify-content: flex-end;
  }
}

@media (max-width: 420px) {
  .leads-page-table .data-table tbody td[b-8k5qgqzxrz] {
    gap: 10px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .leads-page-table .data-table tbody td[b-8k5qgqzxrz]::before {
    flex-basis: 92px;
  }
}
/* /Pages/Leads/LeadsPage/Main/LeadsPage.razor.rz.scp.css */
.leads-page[b-n8c1fxbhnf] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.leads-page__filters[b-n8c1fxbhnf] {
  background: var(--color-white-primary);
  border: 1px solid var(--color-grey-light);
  border-radius: var(--radiusSm);
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.leads-page__search[b-n8c1fxbhnf] {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 16px 20px;
  border: 1px solid var(--color-grey-light);
  border-radius: var(--radiusSm);
  background: var(--color-white-primary);
}

.leads-page__search-actions[b-n8c1fxbhnf] {
  display: flex;
  gap: 8px;
  align-items: center;
}

.leads-page__empty[b-n8c1fxbhnf] {
  padding: 72px 40px;
  text-align: center;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.leads-page__empty-icon[b-n8c1fxbhnf] {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--whiteSecondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.leads-page__empty-icon-symbol[b-n8c1fxbhnf] {
  font-size: 26px;
  color: var(--greyLight);
}

.leads-page__empty-text[b-n8c1fxbhnf] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}

.leads-page__pagination[b-n8c1fxbhnf] {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
  padding: 4px 0;
}

@media (max-width: 600px) {
  .leads-page[b-n8c1fxbhnf] {
    gap: 14px;
  }

  .leads-page__filters[b-n8c1fxbhnf],
  .leads-page__search[b-n8c1fxbhnf] {
    padding: 14px;
  }

  .leads-page__search[b-n8c1fxbhnf] {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .leads-page__search-actions[b-n8c1fxbhnf] {
    width: 100%;
  }

  .leads-page__search-actions[b-n8c1fxbhnf] (.add-button),
  .leads-page__search-actions[b-n8c1fxbhnf] (.add-button--inverted),
  .leads-page__search-actions[b-n8c1fxbhnf] (.add-button--disabled) {
    flex: 1 1 0;
    min-width: 0;
  }

  .leads-page__empty[b-n8c1fxbhnf] {
    padding: 48px 20px;
  }

  .leads-page__pagination[b-n8c1fxbhnf] {
    justify-content: space-between;
    gap: 8px;
  }
}

@media (max-width: 420px) {
  .leads-page__pagination[b-n8c1fxbhnf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .leads-page__pagination > :nth-child(2)[b-n8c1fxbhnf] {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
  }
}
/* /Pages/Leads/MatchingOpportunitiesPage/MatchingOpportunitiesPage.razor.rz.scp.css */
.mo-page[b-qc5bxzf8pu] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 860px;
}

/* ── Header ── */
.mo-header[b-qc5bxzf8pu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.mo-header-left[b-qc5bxzf8pu] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.mo-header-icon[b-qc5bxzf8pu] {
    width: 44px;
    height: 44px;
    border-radius: var(--radiusMd);
    background: var(--blueLight);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--bluePrimary);
    font-size: 22px;
}

.mo-title[b-qc5bxzf8pu] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.3px;
    color: var(--blackPrimary);
    margin: 0;
}

.mo-subtitle[b-qc5bxzf8pu] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    margin: 2px 0 0;
}

.mo-refresh[b-qc5bxzf8pu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: var(--whitePrimary);
    color: var(--greyPrimary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    flex-shrink: 0;
}

.mo-refresh:hover:not(:disabled)[b-qc5bxzf8pu] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
}

.mo-refresh:disabled[b-qc5bxzf8pu] {
    opacity: 0.5;
    cursor: default;
}

.mo-spin[b-qc5bxzf8pu] {
    animation: mo-rotate-b-qc5bxzf8pu 1s linear infinite;
}

@keyframes mo-rotate-b-qc5bxzf8pu {
    to { transform: rotate(360deg); }
}

/* ── KPI bar ── */
.mo-kpis[b-qc5bxzf8pu] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
    flex-wrap: wrap;
}

.mo-kpi[b-qc5bxzf8pu] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: var(--radiusSm);
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background 0.12s;
}

.mo-kpi:hover[b-qc5bxzf8pu] {
    background: var(--whiteSecondary);
}

.mo-kpi--active[b-qc5bxzf8pu] {
    background: var(--whiteSecondary);
}

.mo-kpi-dot[b-qc5bxzf8pu] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.mo-kpi-dot--green[b-qc5bxzf8pu] { background: var(--greenPrimary); }
.mo-kpi-dot--blue[b-qc5bxzf8pu]  { background: var(--bluePrimary); }
.mo-kpi-dot--amber[b-qc5bxzf8pu] { background: #f59e0b; }
.mo-kpi-dot--teal[b-qc5bxzf8pu]  { background: #0d9488; }

.mo-kpi-value[b-qc5bxzf8pu] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 16px;
    color: var(--blackPrimary);
}

.mo-kpi-label[b-qc5bxzf8pu] {
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyPrimary);
}

.mo-kpi-divider[b-qc5bxzf8pu] {
    width: 1px;
    height: 24px;
    background: var(--borderColor);
    margin: 0 4px;
    flex-shrink: 0;
}

/* ── States ── */
.mo-state[b-qc5bxzf8pu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px;
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
    color: var(--greyPrimary);
}

.mo-state--error[b-qc5bxzf8pu] { color: var(--redPrimary); }

.mo-empty[b-qc5bxzf8pu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 64px 32px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
    text-align: center;
}

.mo-empty-icon[b-qc5bxzf8pu] {
    font-size: 42px;
    color: var(--greyUltraLight);
    margin-bottom: 14px;
}

.mo-empty-title[b-qc5bxzf8pu] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 700;
    font-size: 16px;
    color: var(--blackPrimary);
    margin: 0 0 6px;
}

.mo-empty-sub[b-qc5bxzf8pu] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    margin: 0;
    max-width: 380px;
    line-height: 1.6;
}

/* ── Card list ── */
.mo-list[b-qc5bxzf8pu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    animation: mo-fadeUp-b-qc5bxzf8pu 0.25s ease both;
}

@keyframes mo-fadeUp-b-qc5bxzf8pu {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Card wrapper ── */
.mo-card[b-qc5bxzf8pu] {
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.mo-card:hover[b-qc5bxzf8pu] {
    border-color: var(--borderColorHover);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.mo-card--suggested[b-qc5bxzf8pu] {
    border-left: 3px solid var(--greenPrimary);
}

.mo-card--enqueued[b-qc5bxzf8pu] {
    border-left: 3px solid var(--bluePrimary);
}

.mo-card--control-open[b-qc5bxzf8pu] {
    border-color: var(--bluePrimary);
}

/* ── Ops filter pills ── */
.mo-ops-filters[b-qc5bxzf8pu] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.mo-ops-label[b-qc5bxzf8pu] {
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyUltraLight);
    flex-shrink: 0;
}

.mo-ops-pill[b-qc5bxzf8pu] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: var(--radiusFull);
    border: 1px solid var(--borderColor);
    background: var(--whitePrimary);
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyPrimary);
    cursor: pointer;
    transition: border-color 0.12s, color 0.12s, background 0.12s;
}

.mo-ops-pill:hover[b-qc5bxzf8pu] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
}

.mo-ops-pill--active[b-qc5bxzf8pu] {
    border-color: var(--bluePrimary);
    background: var(--blueLight);
    color: var(--bluePrimary);
    font-weight: 600;
}

/* ── Load more ── */
.mo-load-more[b-qc5bxzf8pu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
    font-family: var(--fontInstrumentSans);
    font-size: 13.5px;
    color: var(--greyPrimary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    width: 100%;
}

.mo-load-more:hover:not(:disabled)[b-qc5bxzf8pu] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
}

.mo-load-more:disabled[b-qc5bxzf8pu] {
    opacity: 0.6;
    cursor: default;
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .mo-kpis[b-qc5bxzf8pu] {
        gap: 2px;
    }

    .mo-kpi[b-qc5bxzf8pu] {
        padding: 5px 8px;
    }
}
/* /Pages/Login/LoginPage.razor.rz.scp.css */
.login-background[b-r2mhbr622u] {
  background-image: url("/media/images/login-background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 30px;
}

.login-auth[b-r2mhbr622u] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  animation: loginFadeIn-b-r2mhbr622u 0.5s ease;
}

@keyframes loginFadeIn-b-r2mhbr622u {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.login-shake[b-r2mhbr622u] {
  animation: login-shake-b-r2mhbr622u 0.45s ease;
}

@keyframes login-shake-b-r2mhbr622u {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(-8px);
  }
  30% {
    transform: translateX(8px);
  }
  45% {
    transform: translateX(-6px);
  }
  60% {
    transform: translateX(6px);
  }
  75% {
    transform: translateX(-3px);
  }
  90% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}


.login-form[b-r2mhbr622u] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;

  & > .login-title {
    text-align: center;
  }

  & > .login-footer[b-r2mhbr622u] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
  }

  & > .login-reset-password[b-r2mhbr622u] {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;

    & > .login-reset-password__title {
      display: flex;
      align-items: center;
      gap: 10px;
    }
  }

  & > .login-form__conection[b-r2mhbr622u] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/* /Pages/MarketingCampaigns/MarketingCampaignDetailPage.razor.rz.scp.css */
/* ── Root ───────────────────────────────────────────────── */
.cd-root[b-tovzg367c1] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    animation: cdFadeUp-b-tovzg367c1 0.25s ease both;
}

@keyframes cdFadeUp-b-tovzg367c1 {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Loading / Not Found ─────────────────────────────────── */
.cd-loading[b-tovzg367c1] {
    display: flex;
    justify-content: center;
    padding: 60px;
}

.cd-not-found[b-tovzg367c1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 80px 20px;
    text-align: center;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    background: var(--whitePrimary);
}

.cd-not-found-icon[b-tovzg367c1] {
    font-size: 48px;
    color: var(--greyUltraLight);
}

.cd-not-found-text[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 14px;
    color: var(--greyPrimary);
}

/* ── Hero ───────────────────────────────────────────────── */
.cd-hero[b-tovzg367c1] {
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-top: 3px solid var(--bluePrimary);
    border-radius: var(--radiusMd);
    box-shadow: var(--shadowXs);
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cd-hero-top[b-tovzg367c1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cd-back-btn[b-tovzg367c1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--borderColor);
    background: var(--whitePrimary);
    color: var(--greyPrimary);
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    margin-top: 2px;
}

.cd-back-btn:hover[b-tovzg367c1] {
    background: var(--whiteSecondary);
    border-color: var(--borderColorHover);
    color: var(--greyDark);
}

.cd-back-btn .material-symbols-outlined[b-tovzg367c1] {
    font-size: 18px;
}

.cd-hero-title-group[b-tovzg367c1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cd-hero-title[b-tovzg367c1] {
    font-family: var(--fontFunnelDisplay);
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--greyDark);
    margin: 0;
    letter-spacing: -0.3px;
    line-height: 1.2;
}

.cd-hero-chips[b-tovzg367c1] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.cd-hero-actions[b-tovzg367c1] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 44px;
    border-top: 1px solid var(--borderColor);
    padding-top: 12px;
}

/* ── Hero action buttons ─────────────────────────────────── */
.cd-action-btn[b-tovzg367c1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: var(--radiusSm);
    border: 1px solid var(--borderColor);
    background: var(--whitePrimary);
    color: var(--greyDark);
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    white-space: nowrap;
    height: 34px;
}

.cd-action-btn:hover:not(:disabled)[b-tovzg367c1] {
    background: var(--whiteSecondary);
    border-color: var(--borderColorHover);
}

.cd-action-btn:disabled[b-tovzg367c1] {
    opacity: 0.45;
    cursor: not-allowed;
}

.cd-action-btn .material-symbols-outlined[b-tovzg367c1] {
    font-size: 15px;
}

.cd-action-btn--green[b-tovzg367c1] {
    border-color: rgba(76, 175, 80, 0.35);
    background: var(--greenLight);
    color: var(--greenPrimary);
}

.cd-action-btn--green:hover:not(:disabled)[b-tovzg367c1] {
    background: #cff2cd;
    border-color: rgba(76, 175, 80, 0.55);
}

.cd-action-btn--orange[b-tovzg367c1] {
    border-color: rgba(194, 65, 12, 0.3);
    background: #fff7ed;
    color: #c2410c;
}

.cd-action-btn--orange:hover:not(:disabled)[b-tovzg367c1] {
    background: #ffedd5;
    border-color: rgba(194, 65, 12, 0.5);
}

.cd-action-btn--blue[b-tovzg367c1] {
    border-color: rgba(0, 119, 209, 0.3);
    background: var(--blueLight);
    color: var(--bluePrimary);
}

.cd-action-btn--blue:hover:not(:disabled)[b-tovzg367c1] {
    background: #c7e3fb;
    border-color: rgba(0, 119, 209, 0.5);
}

/* ── KPI Strip ─────────────────────────────────────────── */
.cd-kpi-strip[b-tovzg367c1] {
    display: flex;
    align-items: stretch;
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    box-shadow: var(--shadowXs);
    overflow: hidden;
}

.cd-kpi[b-tovzg367c1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 18px 20px;
    min-width: 0;
}

.cd-kpi-divider[b-tovzg367c1] {
    width: 1px;
    background: var(--borderColor);
    align-self: stretch;
    margin: 12px 0;
}

.cd-kpi-label[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    font-weight: 600;
    color: var(--greyPrimary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-kpi-value[b-tovzg367c1] {
    font-family: var(--fontFunnelDisplay);
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--greyDark);
    letter-spacing: -0.5px;
    line-height: 1.1;
}

.cd-kpi-value--green[b-tovzg367c1] {
    color: var(--greenPrimary);
}

/* ── Info Grid ─────────────────────────────────────────── */
.cd-info-grid[b-tovzg367c1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* ── Generic Card ──────────────────────────────────────── */
.cd-card[b-tovzg367c1] {
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    box-shadow: var(--shadowXs);
    padding: 22px 24px;
}

.cd-card--no-pad[b-tovzg367c1] {
    padding: 0;
}

.cd-card--left-blue[b-tovzg367c1] {
    border-left: 3px solid var(--bluePrimary);
}

.cd-card--left-coral[b-tovzg367c1] {
    border-left: 3px solid var(--violetPrimary);
}

.cd-card-header[b-tovzg367c1] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.cd-card-header-row[b-tovzg367c1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.cd-card-title[b-tovzg367c1] {
    font-family: var(--fontFunnelDisplay);
    font-size: 13px;
    font-weight: 700;
    color: var(--greyDark);
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.cd-card-subtitle[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyPrimary);
    display: block;
    margin-top: 3px;
}

.cd-card-icon[b-tovzg367c1] {
    font-size: 16px !important;
    color: var(--greyLight);
}

/* ── Info rows container ────────────────────────────────── */
.cd-info-rows[b-tovzg367c1] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Section header (date filter bar) ──────────────────── */
.cd-section-bar[b-tovzg367c1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    background: var(--whitePrimary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    box-shadow: var(--shadowXs);
    padding: 16px 24px;
}

.cd-section-bar-left[b-tovzg367c1] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cd-section-bar-title-row[b-tovzg367c1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cd-section-bar-title[b-tovzg367c1] {
    font-family: var(--fontFunnelDisplay);
    font-size: 13px;
    font-weight: 700;
    color: var(--greyDark);
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.cd-section-bar-subtitle[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    color: var(--greyPrimary);
}

.cd-section-bar-icon[b-tovzg367c1] {
    font-size: 16px !important;
    color: var(--greyLight);
}

.cd-date-filter[b-tovzg367c1] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.cd-date-field[b-tovzg367c1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cd-date-label[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    color: var(--greyPrimary);
}

.cd-date-input[b-tovzg367c1] {
    min-width: 150px;
    height: 36px;
}

.cd-apply-btn[b-tovzg367c1] {
    height: 36px;
    font-family: var(--fontInstrumentSans);
    text-transform: none;
}

/* ── Chart loading ─────────────────────────────────────── */
.cd-chart-loading[b-tovzg367c1] {
    display: flex;
    justify-content: center;
    padding: 36px 0;
}

/* ── Empty state ────────────────────────────────────────── */
.cd-empty[b-tovzg367c1] {
    padding: 30px 0;
    text-align: center;
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
}

/* ── Metric pills ───────────────────────────────────────── */
.cd-metric-pills[b-tovzg367c1] {
    display: flex;
    gap: 6px;
}

.cd-metric-pill[b-tovzg367c1] {
    padding: 6px 14px;
    border-radius: var(--radiusFull);
    border: 1px solid var(--borderColor);
    background: var(--whitePrimary);
    color: var(--greyDark);
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.cd-metric-pill:hover[b-tovzg367c1] {
    border-color: var(--bluePrimary);
    color: var(--bluePrimary);
}

.cd-metric-pill--active[b-tovzg367c1] {
    background: var(--bluePrimary);
    border-color: var(--bluePrimary);
    color: white;
    font-weight: 600;
}

/* ── Last-day stat cards ────────────────────────────────── */
.cd-last-day-stats[b-tovzg367c1] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 16px;
}

.cd-last-stat[b-tovzg367c1] {
    padding: 14px 16px;
    border-radius: var(--radiusMd);
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cd-last-stat-label[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--greyPrimary);
}

.cd-last-stat-value[b-tovzg367c1] {
    font-family: var(--fontFunnelDisplay);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.3px;
    line-height: 1.1;
}

.cd-last-stat--green[b-tovzg367c1] { background: rgba(76, 175, 80, 0.07); border: 1px solid rgba(76, 175, 80, 0.14); }
.cd-last-stat--green .cd-last-stat-value[b-tovzg367c1] { color: var(--greenPrimary); }

.cd-last-stat--blue[b-tovzg367c1] { background: rgba(0, 119, 209, 0.07); border: 1px solid rgba(0, 119, 209, 0.14); }
.cd-last-stat--blue .cd-last-stat-value[b-tovzg367c1] { color: var(--bluePrimary); }

.cd-last-stat--orange[b-tovzg367c1] { background: rgba(217, 119, 6, 0.07); border: 1px solid rgba(217, 119, 6, 0.14); }
.cd-last-stat--orange .cd-last-stat-value[b-tovzg367c1] { color: #d97706; }

.cd-last-stat--purple[b-tovzg367c1] { background: rgba(124, 58, 237, 0.07); border: 1px solid rgba(124, 58, 237, 0.12); }
.cd-last-stat--purple .cd-last-stat-value[b-tovzg367c1] { color: #7c3aed; }

.cd-last-stat--pink[b-tovzg367c1] { background: rgba(236, 72, 153, 0.07); border: 1px solid rgba(236, 72, 153, 0.12); }
.cd-last-stat--pink .cd-last-stat-value[b-tovzg367c1] { color: #ec4899; }

/* ── Metrics data table ─────────────────────────────────── */
.cd-metrics-table[b-tovzg367c1] {
    margin-top: 16px;
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    overflow: hidden;
}

.cd-metrics-table-head[b-tovzg367c1] {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    padding: 10px 16px;
    background: var(--whiteSecondary);
}

.cd-metrics-th[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
    color: var(--greyPrimary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.cd-metrics-table-row[b-tovzg367c1] {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    padding: 11px 16px;
    border-top: 1px solid var(--borderColor);
    transition: background 0.1s ease;
}

.cd-metrics-table-row:hover[b-tovzg367c1] {
    background: var(--whiteSecondary);
}

.cd-metrics-cell[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyDark);
}

.cd-metrics-cell--green[b-tovzg367c1] { color: var(--greenPrimary); }
.cd-metrics-cell--purple[b-tovzg367c1] { color: #7c3aed; }
.cd-metrics-cell--pink[b-tovzg367c1] { color: #ec4899; }

/* ── Diagnostics ────────────────────────────────────────── */
.cd-diagnostics[b-tovzg367c1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cd-diag-table[b-tovzg367c1] {
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    overflow: hidden;
}

.cd-diag-table-head[b-tovzg367c1] {
    display: grid;
    gap: 10px;
    grid-template-columns: 1.6fr 0.7fr 1fr 0.7fr 1.8fr;
    padding: 10px 16px;
    background: var(--whiteSecondary);
    align-items: center;
}

.cd-diag-table-row[b-tovzg367c1] {
    display: grid;
    gap: 10px;
    grid-template-columns: 1.6fr 0.7fr 1fr 0.7fr 1.8fr;
    padding: 11px 16px;
    border-top: 1px solid var(--borderColor);
    align-items: center;
    transition: background 0.1s ease;
}

.cd-diag-table-row:hover[b-tovzg367c1] {
    background: var(--whiteTertiary);
}

.cd-diag-table-head--comparison[b-tovzg367c1],
.cd-diag-table-row--comparison[b-tovzg367c1] {
    grid-template-columns: 1.6fr 0.7fr 1fr 1fr 0.7fr 1.8fr;
}

.cd-diag-th[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
    color: var(--greyPrimary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.cd-diag-cell[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyDark);
}

.cd-diag-cell--muted[b-tovzg367c1] {
    color: var(--greyPrimary);
}

.cd-diag-lift[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    font-weight: 600;
}

/* ── Comparison windows ─────────────────────────────────── */
.cd-windows-grid[b-tovzg367c1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.cd-windows-grid--two[b-tovzg367c1] {
    grid-template-columns: 1fr 1fr;
}

.cd-window[b-tovzg367c1] {
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusMd);
    overflow: hidden;
}

.cd-window-header[b-tovzg367c1] {
    padding: 10px 14px;
    background: var(--whiteSecondary);
    font-family: var(--fontInstrumentSans);
    font-size: 12px;
    font-weight: 600;
    color: var(--greyDark);
    border-bottom: 1px solid var(--borderColor);
}

.cd-window-body[b-tovzg367c1] {
    padding: 14px;
}

/* ── MRR ────────────────────────────────────────────────── */
.cd-mrr-list[b-tovzg367c1] {
    display: flex;
    flex-direction: column;
}

.cd-mrr-row[b-tovzg367c1] {
    display: grid;
    grid-template-columns: minmax(140px, 220px) 1fr;
    gap: 14px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--borderColor);
}

.cd-mrr-row:last-child[b-tovzg367c1] {
    border-bottom: none;
}

.cd-mrr-name[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyDark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-alloc-bar-wrap[b-tovzg367c1] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cd-alloc-bar[b-tovzg367c1] {
    flex: 1;
    height: 6px;
    background: var(--whiteSecondary);
    border-radius: 999px;
    overflow: hidden;
}

.cd-alloc-bar-fill[b-tovzg367c1] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.35s ease;
}

.cd-alloc-bar-fill--blue[b-tovzg367c1] {
    background: linear-gradient(90deg, var(--bluePrimary) 0%, #66a8e6 100%);
}

.cd-alloc-bar-fill--coral[b-tovzg367c1] {
    background: linear-gradient(90deg, #f08a78 0%, #f6b39b 100%);
}

.cd-mrr-pct[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    font-weight: 700;
    color: var(--greyDark);
    min-width: 42px;
    text-align: right;
}

/* ── Leads / Candidatos card ────────────────────────────── */
.cd-leads-header[b-tovzg367c1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--borderColor);
}

.cd-leads-title[b-tovzg367c1] {
    font-family: var(--fontFunnelDisplay);
    font-size: 13px;
    font-weight: 700;
    color: var(--greyDark);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.cd-page-badge[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 11px;
    font-weight: 600;
    color: var(--greyLight);
    background: var(--whiteSecondary);
    border: 1px solid var(--borderColor);
    border-radius: var(--radiusFull);
    padding: 1px 8px;
}

.cd-leads-body[b-tovzg367c1] {
    padding: 16px;
}

.cd-leads-search[b-tovzg367c1] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
    padding: 12px 16px;
    border-bottom: 1px solid var(--borderColor);
}

.cd-leads-search-actions[b-tovzg367c1] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* ── Pagination ─────────────────────────────────────────── */
.cd-pagination[b-tovzg367c1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--borderColor);
}

.cd-page-label[b-tovzg367c1] {
    font-family: var(--fontInstrumentSans);
    font-size: 13px;
    color: var(--greyPrimary);
    min-width: 60px;
    text-align: center;
}

/* ── Comparison dropdown ────────────────────────────────── */
.cd-comparison-field[b-tovzg367c1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 220px;
}

.cd-comparison-select[b-tovzg367c1] {
    height: 36px;
}

/* ── Edit dialog ────────────────────────────────────────── */
.cd-dialog-wrap[b-tovzg367c1] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1300;
    width: 520px;
    max-width: 95vw;
    max-height: 85vh;
    overflow-y: auto;
}

.cd-dialog[b-tovzg367c1] {
    background: var(--whitePrimary);
    border-radius: var(--radiusSm);
    box-shadow: var(--shadowModal);
    padding: 32px;
}

.cd-dialog-title[b-tovzg367c1] {
    font-family: var(--fontFunnelDisplay);
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: var(--greyDark);
}

.cd-dialog-actions[b-tovzg367c1] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 20px;
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 900px) {
    .cd-info-grid[b-tovzg367c1] {
        grid-template-columns: 1fr;
    }

    .cd-kpi-strip[b-tovzg367c1] {
        flex-wrap: wrap;
    }

    .cd-kpi[b-tovzg367c1] {
        min-width: calc(33.3% - 1px);
        border-bottom: 1px solid var(--borderColor);
    }

    .cd-kpi-divider[b-tovzg367c1] {
        display: none;
    }

    .cd-last-day-stats[b-tovzg367c1] {
        grid-template-columns: repeat(3, 1fr);
    }

    .cd-leads-search[b-tovzg367c1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .cd-hero[b-tovzg367c1] {
        padding: 18px 16px;
    }

    .cd-hero-title[b-tovzg367c1] {
        font-size: 1.2rem;
    }

    .cd-hero-actions[b-tovzg367c1] {
        padding-left: 0;
    }

    .cd-kpi[b-tovzg367c1] {
        min-width: calc(50% - 1px);
    }

    .cd-last-day-stats[b-tovzg367c1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .cd-windows-grid--two[b-tovzg367c1] {
        grid-template-columns: 1fr;
    }

    .cd-metrics-table-head[b-tovzg367c1],
    .cd-metrics-table-row[b-tovzg367c1] {
        grid-template-columns: 1fr 1fr 1fr;
        font-size: 11px;
    }
}
/* /Pages/Nutricao/Components/DialogNutricaoLostDeal/DialogNutricaoLostDeal.razor.rz.scp.css */
.nutricao-action-modal[b-y22i5e783m] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 32px;
}

.nutricao-action-modal__heading[b-y22i5e783m] {
  align-items: center;
  display: flex;
  gap: 10px;
}
/* /Pages/Nutricao/Components/DialogNutricaoReactivate/DialogNutricaoReactivate.razor.rz.scp.css */
.nutricao-action-modal[b-g1frarqgzx] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 32px;
}

.nutricao-action-modal__heading[b-g1frarqgzx] {
  align-items: center;
  display: flex;
  gap: 10px;
}

.nutricao-card-action[b-g1frarqgzx] {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--radiusSm);
  cursor: pointer;
  display: flex;
  gap: 4px;
  height: 28px;
  padding: 0 9px;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}


.nutricao-card-action--lost[b-g1frarqgzx] {
  background: var(--redLight);
  border-color: #f5c2c2;
  padding: 0 7px;
}
/* /Pages/Nutricao/Components/NutricaoJourneyCard/NutricaoJourneyCard.razor.rz.scp.css */
.nutricao-journey-card[b-5sa07hnzuc] {
  position: relative;
  background: var(--color-white-primary);
  border: 1px solid var(--color-grey-dark);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  cursor: pointer;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.nutricao-journey-card--has-notification[b-5sa07hnzuc] {
  border-color: color-mix(in srgb, var(--bluePrimary) 45%, var(--color-grey-dark));
}

.nutricao-journey-card--rotting[b-5sa07hnzuc] {
  background:
    radial-gradient(circle at 100% 0, rgba(216, 98, 29, 0.12), transparent 36px),
    linear-gradient(90deg, #fff0d8 0, var(--color-white-primary) 30%);
  border-color: #c46a08;
  box-shadow: 0 0 0 1px rgba(196, 106, 8, 0.16), 0 8px 18px rgba(138, 79, 0, 0.08);
}

.nutricao-journey-card--rotting[b-5sa07hnzuc]::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  content: "";
  background: linear-gradient(180deg, #f0a32b 0, #c46a08 100%);
}

.nutricao-journey-card:hover[b-5sa07hnzuc] {
  border-color: var(--color-grey-primary);
  box-shadow: var(--shadowSm);
}

.nutricao-journey-card--buyer .nutricao-journey-card__accent[b-5sa07hnzuc] {
  background: var(--color-blue-primary);
}

.nutricao-journey-card--seller .nutricao-journey-card__accent[b-5sa07hnzuc] {
  background: var(--color-green);
}

.nutricao-journey-card--landlord .nutricao-journey-card__accent[b-5sa07hnzuc] {
  background: #7c3aed;
}

.nutricao-journey-card__body[b-5sa07hnzuc] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 13px 14px 13px 17px;
}

.nutricao-journey-card__notification[b-5sa07hnzuc] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: var(--bluePrimary);
}

.nutricao-journey-card__notification .material-symbols-outlined[b-5sa07hnzuc] {
  font-size: 18px;
  transform-origin: 50% 4px;
  animation: nutricao-notification-ring-b-5sa07hnzuc 1.25s ease-in-out infinite;
}

.nutricao-journey-card__notification[b-5sa07hnzuc]::after {
  position: absolute;
  inset: 2px;
  content: "";
  border: 1px solid color-mix(in srgb, var(--bluePrimary) 45%, transparent);
  border-radius: 50%;
  animation: nutricao-notification-pulse-b-5sa07hnzuc 1.8s ease-out infinite;
}

.nutricao-journey-card__notification-count[b-5sa07hnzuc] {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-radius: 999px;
  background: var(--bluePrimary);
  color: var(--color-white-primary);
  font-size: 9px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
}

.nutricao-journey-card__top-row[b-5sa07hnzuc],
.nutricao-journey-card__footer[b-5sa07hnzuc] {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: space-between;
}

.nutricao-journey-card__top-row[b-5sa07hnzuc] {
  flex-wrap: wrap;
}

.nutricao-journey-card__rotting-tag[b-5sa07hnzuc] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: #ffd08a;
  box-shadow: inset 0 0 0 1px rgba(122, 54, 0, 0.12);
  color: #7a3600;
  font-family: var(--fontNotoSans);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.nutricao-journey-card__rotting-tag .material-symbols-outlined[b-5sa07hnzuc] {
  font-size: 12px;
  line-height: 1;
}

.nutricao-journey-card__title[b-5sa07hnzuc],
.nutricao-journey-card__lead-name[b-5sa07hnzuc] {
  min-width: 0;
}

.nutricao-journey-card__lead-name[b-5sa07hnzuc] {
  min-height: 18px;
}

.nutricao-journey-card__checkpoint[b-5sa07hnzuc] {
  align-items: center;
  display: flex;
  gap: 5px;
  margin-bottom: 2px;
}

.nutricao-journey-card__consultant[b-5sa07hnzuc] {
  align-items: center;
  display: flex;
  gap: 6px;
  min-width: 0;
}


.nutricao-journey-card__actions[b-5sa07hnzuc] {
  display: flex;
  align-items: center;
  gap: 5px;
}

.nutricao-card-action[b-5sa07hnzuc] {
  align-items: center;
  border: 1px solid transparent;
  border-radius: var(--radiusSm);
  cursor: pointer;
  display: flex;
  gap: 4px;
  height: 28px;
  padding: 0 9px;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}

.nutricao-card-action--reactivate[b-5sa07hnzuc] {
  background: var(--color-blue-light);
  border-color: #c5deff;
}

.nutricao-card-action--lost[b-5sa07hnzuc] {
  background: var(--color-red-light);
  border-color: #f5c2c2;
  padding: 0 7px;
}

@keyframes nutricao-notification-pulse-b-5sa07hnzuc {
  0% { transform: scale(0.72); opacity: 0.65; }
  70% { transform: scale(1.32); opacity: 0; }
  100% { transform: scale(1.32); opacity: 0; }
}

@keyframes nutricao-notification-ring-b-5sa07hnzuc {
  0% { transform: rotate(0deg); }
  8% { transform: rotate(15deg); }
  16% { transform: rotate(-15deg); }
  24% { transform: rotate(12deg); }
  32% { transform: rotate(-10deg); }
  40% { transform: rotate(6deg); }
  48% { transform: rotate(-4deg); }
  56% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .nutricao-journey-card__notification .material-symbols-outlined[b-5sa07hnzuc] { animation: none; }
  .nutricao-journey-card__notification[b-5sa07hnzuc]::after { animation: none; opacity: 0.5; }
}
/* /Pages/Nutricao/Components/NutricaoPageHeader/NutricaoPageHeader.razor.rz.scp.css */
.nutricao-page-header[b-sze17jkiws] {
  align-items: flex-start;
  background: linear-gradient(135deg, var(--pinkLight) 0%, #fff8ed 60%, var(--whitePrimary) 100%);
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 28px 32px 24px;
}

.nutricao-page-header__title-group[b-sze17jkiws] {
  align-items: center;
  display: flex;
  gap: 14px;
}

.nutricao-page-header__copy[b-sze17jkiws] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.nutricao-page-header__stats[b-sze17jkiws] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.nutricao-page-header__stat[b-sze17jkiws] {
  align-items: center;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusFull);
  display: flex;
  gap: 6px;
  padding: 6px 12px;
}

.nutricao-page-header__stat--buyer[b-sze17jkiws] {
  background: var(--blueLight);
  border-color: #c5deff;
}

.nutricao-page-header__stat--seller[b-sze17jkiws] {
  background: var(--greenLight);
  border-color: #b3e8ae;
}

.nutricao-page-header__stat--landlord[b-sze17jkiws] {
  background: #ede9fe;
  border-color: #c8c0f0;
}

@media (max-width: 760px) {
  .nutricao-page-header[b-sze17jkiws] {
    align-items: stretch;
    flex-direction: column;
    padding: 24px;
  }

  .nutricao-page-header__stats[b-sze17jkiws] {
    justify-content: flex-start;
  }
}


.nutricao-page-header__icon[b-sze17jkiws] {
  align-items: center;
  background: var(--brownLight);
  border-radius: var(--radiusMd);
  box-shadow: 0 2px 8px rgba(184, 106, 0, 0.25);
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}
/* /Pages/Nutricao/Main/NutricaoPage.razor.rz.scp.css */
.nutricao-page[b-dtm5c2rlxc] {
  display: flex;
  flex-direction: column;
  margin: -28px -32px;
  min-height: calc(100vh - 56px);
}

.nutricao-page__content[b-dtm5c2rlxc] {
  flex: 1;
  padding: 24px 32px;
}

.nutricao-page__grid[b-dtm5c2rlxc],
.nutricao-page__loading-grid[b-dtm5c2rlxc] {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.nutricao-page__empty[b-dtm5c2rlxc] {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 14px;
  justify-content: center;
  padding: 80px 0;
  text-align: center;
}

.nutricao-page__loading[b-dtm5c2rlxc] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.nutricao-page__loading-grid[b-dtm5c2rlxc] {
  padding: 0 32px 32px;
}

.nutricao-page__loading-card[b-dtm5c2rlxc] {
  background: var(--whitePrimary);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}

@media (max-width: 760px) {
  .nutricao-page[b-dtm5c2rlxc] {
    margin: -20px -20px;
  }

  .nutricao-page__content[b-dtm5c2rlxc],
  .nutricao-page__loading-grid[b-dtm5c2rlxc] {
    padding: 20px;
  }

  .nutricao-page__grid[b-dtm5c2rlxc],
  .nutricao-page__loading-grid[b-dtm5c2rlxc] {
    grid-template-columns: 1fr;
  }
}


.nutricao-page__empty-icon[b-dtm5c2rlxc] {
  align-items: center;
  background: var(--pinkLight);
  border: 2px solid var(--brownLight);
  border-radius: 50%;
  display: flex;
  height: 64px;
  justify-content: center;
  width: 64px;
}
/* /Pages/RecruitmentLeads/RecruitmentLeadDetailPage/Components/RecruitmentLeadActionsSection/RecruitmentLeadActionsSection.razor.rz.scp.css */
.rl-actions[b-u0id4ge17p] {
  display: flex;
  gap: 10px;
}

.rl-actions[b-u0id4ge17p] {
  flex-wrap: wrap;
  align-items: center;
}

.rl-actions__closure-actions[b-u0id4ge17p] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rl-actions__outcome-btn[b-u0id4ge17p] {
  height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: var(--radiusSm);
  padding: 0 12px;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.rl-actions__outcome-btn .material-symbols-outlined[b-u0id4ge17p] {
  font-size: 14px;
}

.rl-actions__outcome-btn--won[b-u0id4ge17p] {
  background: var(--greenLight);
  color: var(--greenPrimary);
  border: 1px solid var(--greenPrimary);
}

.rl-actions__outcome-btn--lost[b-u0id4ge17p] {
  background: var(--redLight);
  color: var(--redPrimary);
  border: 1px solid var(--redPrimary);
}

@media (max-width: 640px) {
  .rl-actions__closure-actions[b-u0id4ge17p] {
    align-items: stretch;
    flex-direction: column;
  }

  .rl-actions__outcome-btn[b-u0id4ge17p] {
    justify-content: center;
  }
}
/* /Pages/RecruitmentLeads/RecruitmentLeadDetailPage/Components/RecruitmentLeadDetailHeader/RecruitmentLeadDetailHeader.razor.rz.scp.css */
.rl-detail-header[b-z95h71iy6v] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 16px;
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--whiteSecondary);
  transition: box-shadow 0.2s ease, padding 0.2s ease;
}

.rl-detail-header__top[b-z95h71iy6v] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rl-detail-header__title[b-z95h71iy6v] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.rl-detail-header__actions[b-z95h71iy6v] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
/* /Pages/RecruitmentLeads/RecruitmentLeadDetailPage/Components/RecruitmentLeadDetailInfoGrid/RecruitmentLeadDetailInfoGrid.razor.rz.scp.css */
.rl-detail-info-grid[b-z34a2bnxt5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.rl-detail-info-grid__rows[b-z34a2bnxt5] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 900px) {
  .rl-detail-info-grid[b-z34a2bnxt5] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/RecruitmentLeads/RecruitmentLeadDetailPage/Components/RecruitmentLeadTimelineSection/RecruitmentLeadTimelineSection.razor.rz.scp.css */
.rl-timeline[b-n0vvffzuzf],
.rl-timeline__loading[b-n0vvffzuzf] {
  display: flex;
  flex-direction: column;
}

.rl-timeline__empty[b-n0vvffzuzf] {
  padding: 24px 0;
  text-align: center;
}

.rl-timeline__item[b-n0vvffzuzf] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr);
  column-gap: 14px;
}

.rl-timeline__loading-row[b-n0vvffzuzf] {
  display: flex;
  gap: 14px;
}

.rl-timeline__stem[b-n0vvffzuzf] {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rl-timeline__dot[b-n0vvffzuzf] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 4px;
  flex-shrink: 0;
}

.rl-timeline__dot--created[b-n0vvffzuzf] {
  background: var(--bluePrimary);
}

.rl-timeline__dot--checkpoint[b-n0vvffzuzf] {
  background: var(--violetPrimary);
}

.rl-timeline__dot--note[b-n0vvffzuzf] {
  background: var(--yellowDark);
}

.rl-timeline__dot--closure[b-n0vvffzuzf] {
  background: var(--greenPrimary);
}

.rl-timeline__line[b-n0vvffzuzf] {
  width: 1px;
  flex: 1;
  min-height: 22px;
  background: var(--borderColor);
  margin-top: 6px;
}

.rl-timeline__content[b-n0vvffzuzf] {
  padding-bottom: 14px;
  min-width: 0;
}

.rl-timeline__item--left .rl-timeline__content[b-n0vvffzuzf] {
  grid-column: 1;
}

.rl-timeline__item--right .rl-timeline__content[b-n0vvffzuzf] {
  grid-column: 3;
}

.rl-timeline__content--last[b-n0vvffzuzf] {
  padding-bottom: 0;
}

.rl-timeline__card[b-n0vvffzuzf] {
  width: fit-content;
  max-width: min(100%, 720px);
  min-width: 220px;
  padding: 12px 14px;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}

.rl-timeline__card--note[b-n0vvffzuzf] {
  background: color-mix(in srgb, var(--bluePrimary) 5%, var(--whitePrimary));
  border-left: 1px solid var(--borderColor);
  border-right: 3px solid var(--bluePrimary);
}

.rl-timeline__card--checkpoint[b-n0vvffzuzf] {
  border-left: 3px solid var(--violetPrimary);
}

.rl-timeline__card--created[b-n0vvffzuzf] {
  border-left: 3px solid var(--bluePrimary);
}

.rl-timeline__card--won[b-n0vvffzuzf] {
  border-left: 3px solid var(--greenPrimary);
}

.rl-timeline__card--lost[b-n0vvffzuzf] {
  border-left: 3px solid var(--redPrimary);
}

.rl-timeline__meta[b-n0vvffzuzf] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  color: var(--greyPrimary);
}

.rl-timeline__row[b-n0vvffzuzf] {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.rl-timeline__item--right .rl-timeline__row[b-n0vvffzuzf] {
  justify-content: flex-start;
}

.rl-timeline__item--left .rl-timeline__meta[b-n0vvffzuzf] {
  justify-content: flex-end;
}

.rl-timeline__label[b-n0vvffzuzf] {
  font-weight: 700;
}

.rl-timeline__label--note[b-n0vvffzuzf] {
  color: var(--yellowDark);
}

.rl-timeline__label--checkpoint[b-n0vvffzuzf] {
  color: var(--violetPrimary);
}

.rl-timeline__label--created[b-n0vvffzuzf] {
  color: var(--bluePrimary);
}

.rl-timeline__label--closure[b-n0vvffzuzf] {
  color: var(--greyDark);
}

.rl-timeline__title[b-n0vvffzuzf],
.rl-timeline__body[b-n0vvffzuzf],
.rl-timeline__sub[b-n0vvffzuzf] {
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  color: var(--greyDark);
  line-height: 1.5;
}

.rl-timeline__title[b-n0vvffzuzf] {
  font-weight: 600;
}

.rl-timeline__body[b-n0vvffzuzf],
.rl-timeline__sub[b-n0vvffzuzf] {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.rl-timeline__closure[b-n0vvffzuzf] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rl-timeline__loading[b-n0vvffzuzf] {
  gap: 10px;
}

.rl-timeline__loading-content[b-n0vvffzuzf] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

@media (max-width: 640px) {
  .rl-timeline__item[b-n0vvffzuzf] {
    grid-template-columns: minmax(0, 1fr);
  }

  .rl-timeline__stem[b-n0vvffzuzf] {
    display: none;
  }

  .rl-timeline__item--left .rl-timeline__content[b-n0vvffzuzf],
  .rl-timeline__item--right .rl-timeline__content[b-n0vvffzuzf] {
    grid-column: 1;
  }

  .rl-timeline__loading-row .add-skeleton[b-n0vvffzuzf] {
    display: none;
  }

  .rl-timeline__row[b-n0vvffzuzf] {
    justify-content: flex-start;
  }

  .rl-timeline__item--right .rl-timeline__row[b-n0vvffzuzf] {
    justify-content: flex-end;
  }

  .rl-timeline__item--left .rl-timeline__meta[b-n0vvffzuzf] {
    justify-content: flex-start;
  }

  .rl-timeline__card[b-n0vvffzuzf] {
    max-width: 82%;
    min-width: 0;
  }
}
/* /Pages/RecruitmentLeads/RecruitmentLeadDetailPage/Main/RecruitmentLeadDetailPage.razor.rz.scp.css */
.rl-detail-page[b-mi0pshc6uq] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.rl-detail-page__empty[b-mi0pshc6uq] {
  min-height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 60px;
  text-align: center;
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  background: var(--whitePrimary);
}
/* /Pages/Reports/AIUsageReportPage/AIUsageReportPage.razor.rz.scp.css */
.air[b-lqfjvfb9oy] {
  background: var(--whiteSecondary);
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 100%;
  padding: 24px;
}

/* ── Hero ────────────────────────────────────────── */
.air__hero[b-lqfjvfb9oy] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  padding: 20px 24px;
}

.air__hero-left[b-lqfjvfb9oy] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 14px;
}

.air__hero-icon[b-lqfjvfb9oy] {
  align-items: center;
  background: var(--blueLight);
  border-radius: var(--radiusSm);
  color: var(--bluePrimary);
  display: flex;
  font-size: 22px;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.air__title[b-lqfjvfb9oy] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.air__subtitle[b-lqfjvfb9oy] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  margin: 3px 0 0;
}

/* ── Filters ─────────────────────────────────────── */
.air__filters[b-lqfjvfb9oy] {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.air__field[b-lqfjvfb9oy] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.air__field-label[b-lqfjvfb9oy] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
}

.air__input[b-lqfjvfb9oy] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  color: var(--textPrimary);
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  height: 38px;
  min-width: 138px;
  outline: none;
  padding: 0 10px;
  transition: border-color 0.15s;
}

.air__input:focus[b-lqfjvfb9oy] {
  border-color: var(--bluePrimary);
}

.air__presets[b-lqfjvfb9oy] {
  align-items: center;
  display: flex;
  gap: 6px;
}

.air__preset[b-lqfjvfb9oy] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  color: var(--textSecondary);
  cursor: pointer;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 600;
  height: 38px;
  padding: 0 12px;
  transition: border-color 0.15s, color 0.15s;
}

.air__preset:hover[b-lqfjvfb9oy] {
  border-color: var(--bluePrimary);
  color: var(--bluePrimary);
}

.air__apply[b-lqfjvfb9oy] {
  align-items: center;
  background: var(--bluePrimary);
  border: 1px solid var(--bluePrimary);
  border-radius: var(--radiusSm);
  color: var(--white);
  cursor: pointer;
  display: flex;
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  height: 38px;
  padding: 0 16px;
  transition: background 0.15s;
}

.air__apply:hover[b-lqfjvfb9oy] {
  background: var(--blueHover);
}

/* ── State ───────────────────────────────────────── */
.air__state[b-lqfjvfb9oy] {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  color: var(--textSecondary);
  display: flex;
  font-family: var(--fontInstrumentSans);
  font-size: 14px;
  gap: 10px;
  padding: 36px 24px;
}

.air__state--error[b-lqfjvfb9oy] {
  background: var(--redLight);
  border-color: var(--redPrimary);
  color: var(--redPrimary);
}

.air__spinner[b-lqfjvfb9oy] {
  animation: air-spin-b-lqfjvfb9oy 0.7s linear infinite;
  border: 2px solid var(--borderColor);
  border-radius: 50%;
  border-top-color: var(--bluePrimary);
  flex-shrink: 0;
  height: 18px;
  width: 18px;
}

@keyframes air-spin-b-lqfjvfb9oy {
  to { transform: rotate(360deg); }
}

/* ── KPIs ─────────────────────────────────────────── */
.air__kpis[b-lqfjvfb9oy] {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, 1fr);
}

.air__kpi[b-lqfjvfb9oy] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-left: 4px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
}

.air__kpi--accent[b-lqfjvfb9oy] {
  border-left-color: var(--bluePrimary);
}

.air__kpi--warn[b-lqfjvfb9oy] {
  border-left-color: var(--redPrimary);
}

.air__kpi-label[b-lqfjvfb9oy] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.air__kpi-value[b-lqfjvfb9oy] {
  color: var(--textPrimary);
  display: block;
  font-family: var(--fontFunnelDisplay);
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.air__kpi--accent .air__kpi-value[b-lqfjvfb9oy] {
  color: var(--bluePrimary);
}

.air__kpi--warn .air__kpi-value[b-lqfjvfb9oy] {
  color: var(--redPrimary);
}

.air__kpi-sub[b-lqfjvfb9oy] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
}

/* ── Panel ───────────────────────────────────────── */
.air__panel[b-lqfjvfb9oy] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  overflow: hidden;
}

.air__panel--warn[b-lqfjvfb9oy] {
  border-top: 3px solid var(--redPrimary);
}

.air__panel-header[b-lqfjvfb9oy] {
  align-items: center;
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  justify-content: space-between;
  padding: 13px 18px;
}

.air__panel-title[b-lqfjvfb9oy] {
  align-items: center;
  display: flex;
  gap: 8px;
}

.air__panel-title h2[b-lqfjvfb9oy] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 15px;
  font-weight: 700;
  margin: 0;
}

.air__panel-icon[b-lqfjvfb9oy] {
  color: var(--textSecondary);
  font-size: 18px;
}

.air__panel-icon--warn[b-lqfjvfb9oy] {
  color: var(--redPrimary);
}

.air__badge[b-lqfjvfb9oy] {
  background: var(--redLight);
  border-radius: var(--radiusFull);
  color: var(--redPrimary);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
}

/* ── Chart ───────────────────────────────────────── */
.air__chart-area[b-lqfjvfb9oy] {
  height: 260px;
  padding: 12px 12px 0;
}

.air__chart-area svg[b-lqfjvfb9oy] {
  display: block;
  height: 100%;
  width: 100%;
}

.air__empty[b-lqfjvfb9oy] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  margin: 0;
  padding: 28px 18px;
}

/* ── Daily Strip ─────────────────────────────────── */
.air__daily-strip[b-lqfjvfb9oy] {
  border-top: 1px solid var(--borderColor);
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  padding: 12px 14px;
}

.air__daily-pill[b-lqfjvfb9oy] {
  background: var(--whiteSecondary);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 10px;
}

.air__daily-date[b-lqfjvfb9oy] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
}

.air__daily-cost[b-lqfjvfb9oy] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 13px;
  font-weight: 700;
}

.air__daily-meta[b-lqfjvfb9oy] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
}

/* ── Two-column split ────────────────────────────── */
.air__split[b-lqfjvfb9oy] {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.5fr);
}

/* ── Pie chart ────────────────────────────────────── */
.air__flow-chart[b-lqfjvfb9oy] {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}

.air__pie-wrap[b-lqfjvfb9oy] {
  aspect-ratio: 1;
  position: relative;
  width: min(100%, 360px);
}

.air__pie-svg[b-lqfjvfb9oy] {
  aspect-ratio: 1;
  display: block;
  height: 100%;
  width: 100%;
}

.air__pie-slice[b-lqfjvfb9oy] {
  cursor: pointer;
  stroke: var(--white);
  stroke-width: 0.7;
  transition: filter 0.16s ease, opacity 0.16s ease, stroke-width 0.16s ease;
}

.air__pie-svg--has-highlight .air__pie-slice:not(.air__pie-slice--highlight)[b-lqfjvfb9oy] {
  opacity: 0.28;
}

.air__pie-slice--highlight[b-lqfjvfb9oy] {
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.22));
  stroke: var(--textPrimary);
  stroke-width: 1.7;
}

.air__pie-total[b-lqfjvfb9oy] {
  align-items: center;
  color: var(--textSecondary);
  display: flex;
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  gap: 8px;
}

.air__pie-total strong[b-lqfjvfb9oy] {
  color: var(--textPrimary);
}

/* ── Heatmap ──────────────────────────────────────── */
.air__heatmap[b-lqfjvfb9oy] {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(6, 1fr);
  padding: 14px;
}

.air__hm-cell[b-lqfjvfb9oy] {
  border-radius: var(--radiusSm);
  cursor: default;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 54px;
  padding: 7px 8px;
  transition: filter 0.15s;
}

.air__hm-cell:hover[b-lqfjvfb9oy] {
  filter: brightness(0.9);
}

.air__hm-hour[b-lqfjvfb9oy] {
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  font-weight: 700;
}

.air__hm-val[b-lqfjvfb9oy] {
  font-family: var(--fontFunnelDisplay);
  font-size: 10px;
  font-weight: 700;
  margin-top: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.air__hm-legend[b-lqfjvfb9oy] {
  align-items: center;
  border-top: 1px solid var(--borderColor);
  color: var(--textSecondary);
  display: flex;
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  gap: 8px;
  padding: 10px 14px;
}

.air__hm-scale[b-lqfjvfb9oy] {
  border-radius: var(--radiusFull);
  flex: 1;
  height: 7px;
  overflow: hidden;
}

.air__hm-scale-fill[b-lqfjvfb9oy] {
  background: linear-gradient(to right, var(--whiteTertiary), #B3D9F7, #5CACEE, #0077D1);
  height: 100%;
}

/* ── Tables ──────────────────────────────────────── */
.air__table-wrap[b-lqfjvfb9oy] {
  overflow-x: auto;
}

.air__table[b-lqfjvfb9oy] {
  border-collapse: collapse;
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  min-width: 540px;
  width: 100%;
}

.air__table th[b-lqfjvfb9oy],
.air__table td[b-lqfjvfb9oy] {
  border-bottom: 1px solid var(--borderColor);
  color: var(--textPrimary);
  padding: 10px 14px;
  text-align: left;
  white-space: nowrap;
}

.air__table th[b-lqfjvfb9oy] {
  background: var(--whiteSecondary);
  color: var(--textSecondary);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.air__table tbody tr:hover td[b-lqfjvfb9oy] {
  background: var(--blueLight);
}

.air__flow-row[b-lqfjvfb9oy] {
  transition: background-color 0.12s;
}

.air__flow-row--highlight td[b-lqfjvfb9oy] {
  background: var(--blueLight);
}

.air__flow-cell[b-lqfjvfb9oy] {
  align-items: center;
  display: flex;
  gap: 7px;
}

.air__flow-dot[b-lqfjvfb9oy] {
  border-radius: 50%;
  flex-shrink: 0;
  height: 9px;
  width: 9px;
}

.air__col-r[b-lqfjvfb9oy] {
  font-variant-numeric: tabular-nums;
  text-align: right !important;
}

.air__muted[b-lqfjvfb9oy] {
  color: var(--textSecondary) !important;
}

.air__mono[b-lqfjvfb9oy] {
  font-family: monospace;
  font-size: 12px;
}

.air__cost[b-lqfjvfb9oy] {
  color: var(--bluePrimary) !important;
  font-weight: 700;
}

/* ── User Legend ─────────────────────────────────── */
.air__user-legend[b-lqfjvfb9oy] {
  border-top: 1px solid var(--borderColor);
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  padding: 10px 16px;
}

.air__user-legend-item[b-lqfjvfb9oy] {
  align-items: center;
  color: var(--textPrimary);
  display: flex;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  gap: 6px;
}

.air__user-legend-dot[b-lqfjvfb9oy] {
  border-radius: 50%;
  flex-shrink: 0;
  height: 10px;
  width: 10px;
}

/* ── Responsive ──────────────────────────────────── */
@media (max-width: 1100px) {
  .air__split[b-lqfjvfb9oy] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 880px) {
  .air__hero[b-lqfjvfb9oy] {
    flex-direction: column;
    gap: 20px;
  }

  .air__kpis[b-lqfjvfb9oy] {
    grid-template-columns: repeat(2, 1fr);
  }

  .air__kpis .air__kpi:first-child[b-lqfjvfb9oy] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 540px) {
  .air__kpis[b-lqfjvfb9oy] {
    grid-template-columns: 1fr;
  }

  .air__kpis .air__kpi:first-child[b-lqfjvfb9oy] {
    grid-column: unset;
  }

  .air__heatmap[b-lqfjvfb9oy] {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* /Pages/Reports/IdealistaPropertyDemandDetailPage/IdealistaPropertyDemandDetailPage.razor.rz.scp.css */
.ipd[b-4lznjkx4sx] {
  background: var(--whiteSecondary);
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 100%;
  padding: 24px;
}

.ipd__breadcrumb a[b-4lznjkx4sx] {
  align-items: center;
  color: var(--bluePrimary);
  display: inline-flex;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  text-decoration: none;
}

.ipd__breadcrumb a:hover[b-4lznjkx4sx] { text-decoration: underline; }
.ipd__breadcrumb .material-symbols-outlined[b-4lznjkx4sx] { font-size: 18px; }

.ipd__hero[b-4lznjkx4sx] {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 22px 24px;
}

.ipd__hero-main[b-4lznjkx4sx],
.ipd__hero-actions[b-4lznjkx4sx],
.ipd__context[b-4lznjkx4sx],
.ipd__context > span[b-4lznjkx4sx],
.ipd__status[b-4lznjkx4sx],
.ipd__refresh[b-4lznjkx4sx],
.ipd__state[b-4lznjkx4sx],
.ipd__button[b-4lznjkx4sx],
.ipd__latest[b-4lznjkx4sx],
.ipd__explanation[b-4lznjkx4sx] {
  align-items: center;
  display: flex;
}

.ipd__hero-main[b-4lznjkx4sx] { gap: 14px; }

.ipd__hero-icon[b-4lznjkx4sx] {
  align-items: center;
  background: var(--color-info-bg);
  border-radius: var(--radiusSm);
  color: var(--bluePrimary);
  display: flex;
  flex: 0 0 48px;
  height: 48px;
  justify-content: center;
}

.ipd__eyebrow[b-4lznjkx4sx],
.ipd__metric-label[b-4lznjkx4sx] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ipd__hero h1[b-4lznjkx4sx] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 28px;
  line-height: 1;
  margin: 3px 0 4px;
}

.ipd__hero p[b-4lznjkx4sx],
.ipd__panel-header p[b-4lznjkx4sx] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  margin: 0;
}

.ipd__hero-actions[b-4lznjkx4sx] {
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.ipd__status[b-4lznjkx4sx] {
  border-radius: var(--radiusFull);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  font-weight: 700;
  gap: 4px;
  padding: 5px 9px;
}

.ipd__status .material-symbols-outlined[b-4lznjkx4sx] { font-size: 15px; }
.ipd__status--temperature-hot[b-4lznjkx4sx] { background: var(--color-error-bg); color: var(--color-red); }
.ipd__status--temperature-warm[b-4lznjkx4sx] { background: var(--color-warning-bg); color: var(--color-warning); }
.ipd__status--temperature-norecentdemand[b-4lznjkx4sx],
.ipd__status--trend-dormant[b-4lznjkx4sx],
.ipd__status--trend-insufficientevidence[b-4lznjkx4sx] { background: var(--whiteSecondary); color: var(--textSecondary); }
.ipd__status--trend-rising[b-4lznjkx4sx] { background: var(--color-success-bg); color: var(--color-success-text); }
.ipd__status--trend-falling[b-4lznjkx4sx] { background: var(--color-error-bg); color: var(--color-error-text); }
.ipd__status--trend-stable[b-4lznjkx4sx] { background: var(--color-info-bg); color: var(--color-info-text); }

.ipd__refresh[b-4lznjkx4sx],
.ipd__button[b-4lznjkx4sx] {
  background: var(--bluePrimary);
  border: 1px solid var(--bluePrimary);
  border-radius: var(--radiusFull);
  color: var(--white);
  cursor: pointer;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  height: 34px;
  justify-content: center;
  padding: 0 13px;
  text-decoration: none;
}

.ipd__refresh:hover[b-4lznjkx4sx],
.ipd__button:hover[b-4lznjkx4sx] { background: var(--blueHover); }
.ipd__refresh .material-symbols-outlined[b-4lznjkx4sx] { font-size: 17px; }

.ipd__context[b-4lznjkx4sx] {
  color: var(--textSecondary);
  flex-wrap: wrap;
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  gap: 8px 22px;
  padding: 0 4px;
}

.ipd__context > span[b-4lznjkx4sx] { gap: 5px; }
.ipd__context .material-symbols-outlined[b-4lznjkx4sx] { color: var(--bluePrimary); font-size: 16px; }

.ipd__metrics[b-4lznjkx4sx] {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ipd__metric[b-4lznjkx4sx] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-left: 4px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 16px;
}

.ipd__metric--current[b-4lznjkx4sx] { border-left-color: var(--bluePrimary); }
.ipd__metric--total[b-4lznjkx4sx] { border-left-color: var(--color-success); }

.ipd__metric strong[b-4lznjkx4sx] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 28px;
  line-height: 1;
}

.ipd__metric > span:last-child[b-4lznjkx4sx] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
}

.ipd__delta--positive[b-4lznjkx4sx] { color: var(--color-success) !important; }
.ipd__delta--negative[b-4lznjkx4sx] { color: var(--color-error) !important; }

.ipd__grid[b-4lznjkx4sx] {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 0.8fr);
}

.ipd__panel[b-4lznjkx4sx] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
}

.ipd__panel-header[b-4lznjkx4sx] {
  align-items: flex-start;
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 15px 17px;
}

.ipd__panel-header h2[b-4lznjkx4sx] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 16px;
  margin: 0 0 3px;
}

.ipd__legend[b-4lznjkx4sx] {
  align-items: center;
  color: var(--textSecondary);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--fontInstrumentSans);
  font-size: 9px;
  gap: 9px;
  justify-content: flex-end;
}

.ipd__legend span[b-4lznjkx4sx] { align-items: center; display: flex; gap: 4px; }
.ipd__legend-dot[b-4lznjkx4sx] { border-radius: 50%; height: 7px; width: 7px; }
.ipd__legend-dot--contacts[b-4lznjkx4sx] { background: var(--bluePrimary); }
.ipd__legend-dot--leads[b-4lznjkx4sx] { background: var(--blueLight); }

.ipd__chart[b-4lznjkx4sx] {
  align-items: end;
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(28, minmax(5px, 1fr));
  height: 220px;
  padding: 22px 17px 13px;
}

.ipd__chart-day[b-4lznjkx4sx] {
  display: grid;
  gap: 5px;
  grid-template-rows: minmax(0, 1fr) 14px;
  height: 100%;
  min-width: 0;
}

.ipd__chart-values[b-4lznjkx4sx] {
  align-items: end;
  display: flex;
  gap: 1px;
  justify-content: center;
}

.ipd__bar[b-4lznjkx4sx] {
  border-radius: 3px 3px 0 0;
  display: block;
  max-width: 8px;
  min-height: 3px;
  width: 42%;
}

.ipd__bar--contacts[b-4lznjkx4sx] { background: var(--bluePrimary); }
.ipd__bar--leads[b-4lznjkx4sx] { background: var(--blueLight); }

.ipd__chart-date[b-4lznjkx4sx] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 8px;
  overflow: visible;
  text-align: center;
  white-space: nowrap;
}

.ipd__side[b-4lznjkx4sx] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ipd__repetition[b-4lznjkx4sx] { overflow: hidden; }

.ipd__repetition-value[b-4lznjkx4sx] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px 17px 12px;
}

.ipd__repetition-value strong[b-4lznjkx4sx] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 27px;
}

.ipd__repetition-value span[b-4lznjkx4sx] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
}

.ipd__progress[b-4lznjkx4sx] {
  background: var(--whiteSecondary);
  border-radius: var(--radiusFull);
  height: 7px;
  margin: 0 17px 18px;
  overflow: hidden;
}

.ipd__progress span[b-4lznjkx4sx] {
  background: var(--color-warning);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.ipd__latest[b-4lznjkx4sx] {
  gap: 11px;
  padding: 16px 17px;
}

.ipd__latest > .material-symbols-outlined[b-4lznjkx4sx] { color: var(--bluePrimary); }

.ipd__latest div[b-4lznjkx4sx] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ipd__latest span:not(.material-symbols-outlined)[b-4lznjkx4sx] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  text-transform: uppercase;
}

.ipd__latest strong[b-4lznjkx4sx] {
  color: var(--textPrimary);
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
}

.ipd__leads[b-4lznjkx4sx] { overflow: hidden; }

.ipd__page-badge[b-4lznjkx4sx] {
  background: var(--color-info-bg);
  border-radius: var(--radiusFull);
  color: var(--bluePrimary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  font-weight: 700;
  padding: 5px 9px;
}

.ipd__leads-search[b-4lznjkx4sx] {
  align-items: end;
  border-bottom: 1px solid var(--borderColor);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 0.7fr) auto;
  padding: 14px 17px;
}

.ipd__leads-search-actions[b-4lznjkx4sx] {
  display: flex;
  gap: 8px;
}

.ipd__leads-empty[b-4lznjkx4sx] {
  align-items: center;
  color: var(--textSecondary);
  display: flex;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  gap: 8px;
  justify-content: center;
  min-height: 100px;
  padding: 20px;
}

.ipd__leads-empty .material-symbols-outlined[b-4lznjkx4sx] { color: var(--bluePrimary); }

.ipd__pagination[b-4lznjkx4sx] {
  align-items: center;
  border-top: 1px solid var(--borderColor);
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 12px 17px;
}

.ipd__pagination > span[b-4lznjkx4sx] { color: var(--textSecondary); font-family: var(--fontInstrumentSans); font-size: 11px; }
.ipd__pagination .material-symbols-outlined[b-4lznjkx4sx] { font-size: 17px; }

.ipd__explanation[b-4lznjkx4sx] {
  background: var(--color-info-bg);
  border: 1px solid var(--blueLight);
  border-radius: var(--radiusMd);
  color: var(--bluePrimary);
  gap: 11px;
  padding: 14px 16px;
}

.ipd__explanation div[b-4lznjkx4sx] { color: var(--textPrimary); }

.ipd__explanation strong[b-4lznjkx4sx] {
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
}

.ipd__explanation p[b-4lznjkx4sx] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  margin: 3px 0 0;
}

.ipd__disclaimer[b-4lznjkx4sx] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  margin: 0;
  text-align: center;
}

.ipd__state[b-4lznjkx4sx] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  gap: 12px;
  min-height: 110px;
  padding: 26px;
}

.ipd__state > div[b-4lznjkx4sx] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 3px;
}

.ipd__state strong[b-4lznjkx4sx] { color: var(--textPrimary); }
.ipd__state--error[b-4lznjkx4sx] { background: var(--redLight); border-color: var(--redPrimary); }
.ipd__state--error > .material-symbols-outlined[b-4lznjkx4sx] { color: var(--redPrimary); }
.ipd__state--empty > .material-symbols-outlined[b-4lznjkx4sx] { color: var(--bluePrimary); }

.ipd__spinner[b-4lznjkx4sx] {
  animation: ipd-spin-b-4lznjkx4sx 0.7s linear infinite;
  border: 2px solid var(--blueLight);
  border-radius: 50%;
  border-top-color: var(--bluePrimary);
  height: 16px;
  width: 16px;
}

@keyframes ipd-spin-b-4lznjkx4sx {
  to { transform: rotate(360deg); }
}

@media (max-width: 960px) {
  .ipd__metrics[b-4lznjkx4sx] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ipd__grid[b-4lznjkx4sx] { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .ipd[b-4lznjkx4sx] { padding: 16px; }
  .ipd__hero[b-4lznjkx4sx] { align-items: flex-start; flex-direction: column; }
  .ipd__hero-actions[b-4lznjkx4sx] { justify-content: flex-start; }
  .ipd__panel-header[b-4lznjkx4sx] { flex-direction: column; }
  .ipd__legend[b-4lznjkx4sx] { justify-content: flex-start; }
  .ipd__chart[b-4lznjkx4sx] { gap: 2px; overflow-x: auto; }
  .ipd__leads-search[b-4lznjkx4sx] { grid-template-columns: 1fr; }
  .ipd__leads-search-actions[b-4lznjkx4sx] { flex-wrap: wrap; }
  .ipd__pagination[b-4lznjkx4sx] { justify-content: space-between; }
}

@media (max-width: 430px) {
  .ipd__metrics[b-4lznjkx4sx] { grid-template-columns: 1fr; }
  .ipd__hero-actions[b-4lznjkx4sx] { align-items: stretch; flex-direction: column; width: 100%; }
  .ipd__refresh[b-4lznjkx4sx] { width: 100%; }
}
/* /Pages/Reports/IdealistaPropertyDemandReportPage/IdealistaPropertyDemandReportPage.razor.rz.scp.css */
.ipr[b-hpui66z53u] {
  background: var(--whiteSecondary);
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 100%;
  padding: 24px;
}

.ipr__hero[b-hpui66z53u] {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 20px 24px;
}

.ipr__hero-copy[b-hpui66z53u],
.ipr__context[b-hpui66z53u],
.ipr__context-item[b-hpui66z53u],
.ipr__refresh[b-hpui66z53u],
.ipr__retry[b-hpui66z53u],
.ipr__quality[b-hpui66z53u],
.ipr__search[b-hpui66z53u],
.ipr__status[b-hpui66z53u],
.ipr__method-toggle[b-hpui66z53u] {
  align-items: center;
  display: flex;
}

.ipr__hero-copy[b-hpui66z53u] {
  gap: 14px;
}

.ipr__hero-icon[b-hpui66z53u] {
  align-items: center;
  background: var(--color-error-bg);
  border-radius: var(--radiusSm);
  color: var(--color-red);
  display: flex;
  flex: 0 0 44px;
  height: 44px;
  justify-content: center;
}

.ipr__hero-icon .material-symbols-outlined[b-hpui66z53u] {
  font-size: 24px;
}

.ipr__title[b-hpui66z53u] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.ipr__subtitle[b-hpui66z53u] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  margin: 3px 0 0;
}

.ipr__refresh[b-hpui66z53u],
.ipr__retry[b-hpui66z53u] {
  background: var(--bluePrimary);
  border: 1px solid var(--bluePrimary);
  border-radius: var(--radiusFull);
  color: var(--white);
  cursor: pointer;
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  font-weight: 700;
  gap: 7px;
  height: 38px;
  justify-content: center;
  padding: 0 16px;
  transition: background 0.15s, opacity 0.15s;
}

.ipr__refresh:hover:not(:disabled)[b-hpui66z53u],
.ipr__retry:hover[b-hpui66z53u] {
  background: var(--blueHover);
}

.ipr__refresh:disabled[b-hpui66z53u] {
  cursor: wait;
  opacity: 0.7;
}

.ipr__spinner[b-hpui66z53u] {
  animation: ipr-spin-b-hpui66z53u 0.7s linear infinite;
  border: 2px solid var(--blueLight);
  border-radius: 50%;
  border-top-color: currentColor;
  display: inline-block;
  height: 16px;
  width: 16px;
}

@keyframes ipr-spin-b-hpui66z53u {
  to { transform: rotate(360deg); }
}

.ipr__state[b-hpui66z53u] {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  color: var(--textSecondary);
  display: flex;
  font-family: var(--fontInstrumentSans);
  font-size: 14px;
  gap: 12px;
  min-height: 112px;
  padding: 28px;
}

.ipr__state .ipr__spinner[b-hpui66z53u] {
  border-color: var(--blueLight);
  border-top-color: var(--bluePrimary);
}

.ipr__state--error[b-hpui66z53u] {
  background: var(--redLight);
  border-color: var(--redPrimary);
  color: var(--redPrimary);
}

.ipr__state--error > div[b-hpui66z53u] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
}

.ipr__state--error span:not(.material-symbols-outlined)[b-hpui66z53u] {
  color: var(--textSecondary);
  font-size: 12px;
}

.ipr__context[b-hpui66z53u] {
  color: var(--textSecondary);
  flex-wrap: wrap;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  gap: 8px 24px;
  padding: 0 4px;
}

.ipr__context-item[b-hpui66z53u] {
  gap: 6px;
}

.ipr__context-item .material-symbols-outlined[b-hpui66z53u] {
  color: var(--bluePrimary);
  font-size: 17px;
}

.ipr__context strong[b-hpui66z53u] {
  color: var(--textPrimary);
}

.ipr__kpis[b-hpui66z53u] {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ipr__kpi[b-hpui66z53u] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-left: 4px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  color: var(--textPrimary);
  display: grid;
  gap: 5px;
  grid-template-columns: 1fr auto;
  padding: 15px 16px;
  text-align: left;
}

.ipr__kpi--button[b-hpui66z53u] {
  cursor: pointer;
  font: inherit;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.ipr__kpi--button:hover[b-hpui66z53u] {
  box-shadow: var(--shadowSm);
  transform: translateY(-1px);
}

.ipr__kpi--active[b-hpui66z53u] {
  box-shadow: 0 0 0 2px var(--blueLight), var(--shadowSm);
}

.ipr__kpi--hot[b-hpui66z53u] { border-left-color: var(--color-red); }
.ipr__kpi--rising[b-hpui66z53u],
.ipr__kpi--coverage[b-hpui66z53u] { border-left-color: var(--color-success); }
.ipr__kpi--falling[b-hpui66z53u] { border-left-color: var(--color-error); }
.ipr__kpi--quiet[b-hpui66z53u] { border-left-color: var(--color-text-secondary); }

.ipr__kpi-icon[b-hpui66z53u] {
  color: var(--textSecondary);
  font-size: 19px;
  grid-column: 2;
  grid-row: 1 / span 2;
}

.ipr__kpi--hot .ipr__kpi-icon[b-hpui66z53u],
.ipr__kpi--hot .ipr__kpi-value[b-hpui66z53u] { color: var(--color-red); }

.ipr__kpi--rising .ipr__kpi-icon[b-hpui66z53u],
.ipr__kpi--rising .ipr__kpi-value[b-hpui66z53u],
.ipr__kpi--coverage .ipr__kpi-icon[b-hpui66z53u] { color: var(--color-success); }

.ipr__kpi--falling .ipr__kpi-icon[b-hpui66z53u],
.ipr__kpi--falling .ipr__kpi-value[b-hpui66z53u] { color: var(--color-error); }

.ipr__kpi-label[b-hpui66z53u] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ipr__kpi-value[b-hpui66z53u] {
  display: block;
  font-family: var(--fontFunnelDisplay);
  font-size: 27px;
  grid-column: 1;
  line-height: 1;
}

.ipr__kpi-sub[b-hpui66z53u] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  grid-column: 1 / -1;
  line-height: 1.35;
}

.ipr__quality[b-hpui66z53u] {
  background: var(--color-warning-bg);
  border: 1px solid var(--color-warning);
  border-radius: var(--radiusMd);
  color: var(--color-warning);
  font-family: var(--fontInstrumentSans);
  gap: 10px;
  padding: 12px 15px;
}

.ipr__quality > div[b-hpui66z53u] {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 2px;
}

.ipr__quality strong[b-hpui66z53u] {
  color: var(--textPrimary);
  font-size: 13px;
}

.ipr__quality span:not(.material-symbols-outlined)[b-hpui66z53u] { color: var(--textSecondary); }

.ipr__panel[b-hpui66z53u],
.ipr__method[b-hpui66z53u] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusMd);
  box-shadow: var(--shadowXs);
  overflow: hidden;
}

.ipr__panel-header[b-hpui66z53u] {
  align-items: center;
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 16px 18px;
}

.ipr__panel-header h2[b-hpui66z53u] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 16px;
  margin: 0;
}

.ipr__panel-header p[b-hpui66z53u] {
  color: var(--textSecondary);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  margin: 3px 0 0;
}

.ipr__search[b-hpui66z53u] {
  background: var(--white);
  border: 1px solid var(--borderColor);
  border-radius: var(--radiusSm);
  color: var(--textSecondary);
  gap: 7px;
  min-width: 220px;
  padding: 0 10px;
}

.ipr__search:focus-within[b-hpui66z53u] { border-color: var(--bluePrimary); }
.ipr__search .material-symbols-outlined[b-hpui66z53u] { font-size: 18px; }

.ipr__visually-hidden[b-hpui66z53u] {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.ipr__search input[b-hpui66z53u] {
  background: transparent;
  border: 0;
  color: var(--textPrimary);
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  height: 38px;
  min-width: 0;
  width: 100%;
}

.ipr__tabs[b-hpui66z53u] {
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  gap: 2px;
  overflow-x: auto;
  padding: 0 14px;
}

.ipr__tab[b-hpui66z53u] {
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--textSecondary);
  cursor: pointer;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 600;
  padding: 11px 10px 9px;
  white-space: nowrap;
}

.ipr__tab span[b-hpui66z53u] {
  background: var(--whiteSecondary);
  border-radius: var(--radiusFull);
  font-size: 10px;
  margin-left: 3px;
  padding: 2px 6px;
}

.ipr__tab:hover[b-hpui66z53u],
.ipr__tab--active[b-hpui66z53u] { color: var(--bluePrimary); }
.ipr__tab--active[b-hpui66z53u] { border-bottom-color: var(--bluePrimary); }

.ipr__table-wrap[b-hpui66z53u] { overflow-x: auto; }

.ipr__table[b-hpui66z53u] {
  border-collapse: collapse;
  min-width: 1120px;
  width: 100%;
}

.ipr__table th[b-hpui66z53u],
.ipr__table td[b-hpui66z53u] {
  border-bottom: 1px solid var(--borderColor);
  font-family: var(--fontInstrumentSans);
  padding: 12px 14px;
  text-align: left;
  vertical-align: middle;
}

.ipr__table th[b-hpui66z53u] {
  background: var(--whiteSecondary);
  color: var(--textSecondary);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ipr__table tbody tr:last-child td[b-hpui66z53u] { border-bottom: 0; }
.ipr__property-row[b-hpui66z53u] {
  cursor: pointer;
  transition: background 0.15s;
}

.ipr__property-row:hover[b-hpui66z53u],
.ipr__property-row:focus-visible[b-hpui66z53u] {
  background: var(--color-info-bg);
  outline: 0;
}

.ipr__property-row:focus-visible[b-hpui66z53u] {
  box-shadow: inset 3px 0 0 var(--bluePrimary);
}

.ipr__property[b-hpui66z53u],
.ipr__demand[b-hpui66z53u],
.ipr__repetition[b-hpui66z53u] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ipr__property-reference[b-hpui66z53u] {
  align-items: center;
  display: flex;
  gap: 6px;
}

.ipr__property-reference .material-symbols-outlined[b-hpui66z53u] {
  color: var(--bluePrimary);
  font-size: 16px;
  opacity: 0;
  transform: translateX(-3px);
  transition: opacity 0.15s, transform 0.15s;
}

.ipr__property-row:hover .ipr__property-reference .material-symbols-outlined[b-hpui66z53u],
.ipr__property-row:focus-visible .ipr__property-reference .material-symbols-outlined[b-hpui66z53u] {
  opacity: 1;
  transform: translateX(0);
}

.ipr__property strong[b-hpui66z53u],
.ipr__demand strong[b-hpui66z53u] {
  color: var(--textPrimary);
  font-family: var(--fontFunnelDisplay);
  font-size: 15px;
}

.ipr__property span[b-hpui66z53u],
.ipr__demand span[b-hpui66z53u],
.ipr__repetition span[b-hpui66z53u],
.ipr__explanation[b-hpui66z53u] {
  color: var(--textSecondary);
  font-size: 10px;
}

.ipr__status[b-hpui66z53u] {
  border-radius: var(--radiusFull);
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  font-weight: 700;
  gap: 4px;
  padding: 4px 8px;
  width: fit-content;
}

.ipr__status .material-symbols-outlined[b-hpui66z53u] { font-size: 14px; }
.ipr__status--temperature-hot[b-hpui66z53u] { background: var(--color-error-bg); color: var(--color-red); }
.ipr__status--temperature-warm[b-hpui66z53u] { background: var(--color-warning-bg); color: var(--color-warning); }
.ipr__status--temperature-norecentdemand[b-hpui66z53u],
.ipr__status--trend-dormant[b-hpui66z53u],
.ipr__status--trend-insufficientevidence[b-hpui66z53u] { background: var(--whiteSecondary); color: var(--textSecondary); }
.ipr__status--trend-rising[b-hpui66z53u] { background: var(--color-success-bg); color: var(--color-success-text); }
.ipr__status--trend-falling[b-hpui66z53u] { background: var(--color-error-bg); color: var(--color-error-text); }
.ipr__status--trend-stable[b-hpui66z53u] { background: var(--color-info-bg); color: var(--color-info-text); }

.ipr__delta[b-hpui66z53u] {
  color: var(--textSecondary);
  display: block;
  font-family: var(--fontInstrumentSans);
  font-size: 10px;
  margin-top: 4px;
}

.ipr__delta--positive[b-hpui66z53u] { color: var(--color-success); }
.ipr__delta--negative[b-hpui66z53u] { color: var(--color-error); }

.ipr__last-lead[b-hpui66z53u] {
  color: var(--textSecondary);
  font-size: 11px;
  white-space: nowrap;
}

.ipr__spark[b-hpui66z53u] {
  align-items: flex-end;
  display: flex;
  gap: 2px;
  height: 32px;
  min-width: 145px;
}

.ipr__spark-bar[b-hpui66z53u] {
  background: var(--bluePrimary);
  border-radius: 2px 2px 0 0;
  flex: 1 1 3px;
  max-width: 5px;
  min-width: 2px;
}

.ipr__spark-bar--empty[b-hpui66z53u] { background: var(--borderColor); }

.ipr__explanation[b-hpui66z53u] {
  display: block;
  margin-top: 5px;
  max-width: 210px;
}

.ipr__empty[b-hpui66z53u] {
  align-items: center;
  color: var(--textSecondary);
  display: flex;
  flex-direction: column;
  font-family: var(--fontInstrumentSans);
  gap: 6px;
  padding: 42px 20px;
  text-align: center;
}

.ipr__empty .material-symbols-outlined[b-hpui66z53u] { color: var(--greyLight); font-size: 30px; }
.ipr__empty strong[b-hpui66z53u] { color: var(--textPrimary); }
.ipr__empty span[b-hpui66z53u] { font-size: 12px; }

.ipr__empty button[b-hpui66z53u] {
  background: transparent;
  border: 0;
  color: var(--bluePrimary);
  cursor: pointer;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 700;
  margin-top: 4px;
}

.ipr__method-toggle[b-hpui66z53u] {
  background: transparent;
  border: 0;
  color: var(--textPrimary);
  cursor: pointer;
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  font-weight: 700;
  gap: 8px;
  padding: 13px 16px;
  width: 100%;
}

.ipr__method-toggle > .material-symbols-outlined:first-child[b-hpui66z53u] { color: var(--bluePrimary); }
.ipr__method-chevron[b-hpui66z53u] { margin-left: auto; }

.ipr__method-content[b-hpui66z53u] {
  border-top: 1px solid var(--borderColor);
  color: var(--textSecondary);
  display: grid;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  line-height: 1.45;
  padding: 14px 16px;
}

.ipr__method-content p[b-hpui66z53u] { margin: 0; }

.ipr__method-content p:last-child[b-hpui66z53u] {
  background: var(--color-info-bg);
  border-radius: var(--radiusSm);
  color: var(--color-info-text);
  grid-column: 1 / -1;
  padding: 9px 10px;
}

@media (max-width: 1180px) {
  .ipr__kpis[b-hpui66z53u] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .ipr[b-hpui66z53u] { padding: 16px; }

  .ipr__hero[b-hpui66z53u],
  .ipr__panel-header[b-hpui66z53u] {
    align-items: stretch;
    flex-direction: column;
  }

  .ipr__refresh[b-hpui66z53u] { width: 100%; }
  .ipr__kpis[b-hpui66z53u] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ipr__kpi--coverage[b-hpui66z53u] { grid-column: 1 / -1; }
  .ipr__search[b-hpui66z53u] { min-width: 0; width: 100%; }
  .ipr__method-content[b-hpui66z53u] { grid-template-columns: 1fr; }
  .ipr__method-content p:last-child[b-hpui66z53u] { grid-column: auto; }
  .ipr__state--error[b-hpui66z53u] { align-items: flex-start; flex-wrap: wrap; }
}

@media (max-width: 430px) {
  .ipr__kpis[b-hpui66z53u] { grid-template-columns: 1fr; }
  .ipr__kpi--coverage[b-hpui66z53u] { grid-column: auto; }
}
/* /Pages/Senhorios/Main/SenhoriosPage.razor.rz.scp.css */
.senhorios-page[b-mbzw11828f] {
  margin: -28px -32px;
  padding: 24px 28px 28px;
  display: flex;
  flex-direction: column;
}

.senhorios-page__loading[b-mbzw11828f] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
}

.senhorios-page__filters[b-mbzw11828f] {
  background: var(--color-white-primary);
  border: 1px solid var(--color-grey-light);
  border-radius: var(--radiusSm);
  padding: 16px 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-shrink: 0;
}

.senhorios-page__columns[b-mbzw11828f] {
  display: flex;
  gap: 8px;
  align-items: stretch;
  min-width: 0;
  min-height: calc(100vh - 260px);
  margin-top: 20px;
  overflow-x: hidden;
  padding-bottom: 8px;
  cursor: grab;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  touch-action: none;
  user-select: none;
}

.senhorios-page__columns.is-drag-scrolling[b-mbzw11828f] {
  cursor: grabbing;
}

@media (max-width: 600px) {
  .senhorios-page__columns[b-mbzw11828f] {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    touch-action: pan-x;
    cursor: default;
    gap: 0;
  }
}
/* /Pages/Users/UserDetailPage/Components/PhotoCropModal/PhotoCropModal.razor.rz.scp.css */
.photo-crop-backdrop[b-nzb1fk0cez] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.photo-crop-modal[b-nzb1fk0cez] {
  background: #111118;
  border-radius: 18px;
  padding: 28px 28px 24px;
  width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.photo-crop-modal__header[b-nzb1fk0cez] {
  text-align: center;
  width: 100%;
}

.photo-crop-modal__title[b-nzb1fk0cez] {
  font-family: var(--fontFunnelDisplay);
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 5px;
  letter-spacing: -0.01em;
}

.photo-crop-modal__subtitle[b-nzb1fk0cez] {
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
  margin: 0;
}

.photo-crop-modal__crop-area[b-nzb1fk0cez] {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  cursor: grab;
  background: #222;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.55), 0 0 0 5px rgba(255, 255, 255, 0.08);
  user-select: none;
  -webkit-user-select: none;
}

.photo-crop-modal__crop-area:active[b-nzb1fk0cez] {
  cursor: grabbing;
}

.photo-crop-modal__image[b-nzb1fk0cez] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}

.photo-crop-modal__zoom-row[b-nzb1fk0cez] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.photo-crop-modal__zoom-btn[b-nzb1fk0cez] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: transparent;
  color: rgba(255, 255, 255, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  padding: 0;
}

.photo-crop-modal__zoom-btn:hover:not(:disabled)[b-nzb1fk0cez] {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

.photo-crop-modal__zoom-btn:disabled[b-nzb1fk0cez] {
  opacity: 0.35;
  cursor: not-allowed;
}

.photo-crop-modal__zoom-btn .material-symbols-outlined[b-nzb1fk0cez] {
  font-size: 15px;
}

.photo-crop-modal__zoom-slider[b-nzb1fk0cez] {
  flex: 1;
  -webkit-appearance: none;
  appearance: none;
  height: 3px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.18);
  outline: none;
  cursor: pointer;
}

.photo-crop-modal__zoom-slider[b-nzb1fk0cez]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.photo-crop-modal__zoom-slider[b-nzb1fk0cez]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: none;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.photo-crop-modal__actions[b-nzb1fk0cez] {
  display: flex;
  gap: 10px;
  width: 100%;
}

.photo-crop-modal__btn[b-nzb1fk0cez] {
  flex: 1;
  height: 42px;
  border-radius: 8px;
  font-family: var(--fontInstrumentSans);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.15s, background 0.15s;
}

.photo-crop-modal__btn:disabled[b-nzb1fk0cez] {
  opacity: 0.45;
  cursor: not-allowed;
}

.photo-crop-modal__btn--cancel[b-nzb1fk0cez] {
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.photo-crop-modal__btn--cancel:hover:not(:disabled)[b-nzb1fk0cez] {
  background: rgba(255, 255, 255, 0.11);
  color: #fff;
}

.photo-crop-modal__btn--save[b-nzb1fk0cez] {
  background: var(--bluePrimary);
  color: #fff;
}

.photo-crop-modal__btn--save:hover:not(:disabled)[b-nzb1fk0cez] {
  background: var(--blueSecondary);
}
/* /Pages/Users/UserDetailPage/Components/UserConsultantProfileCard/UserConsultantProfileCard.razor.rz.scp.css */
.user-consultant-profile-card[b-odtxlutxh4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--borderColor);
  border-radius: 5px;
}

.user-consultant-profile-card__header[b-odtxlutxh4] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.user-consultant-profile-card__header[b-odtxlutxh4] >  .add-text {
  flex: 1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.user-consultant-profile-card__form[b-odtxlutxh4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.user-consultant-profile-card__form[b-odtxlutxh4]  input {
  text-transform: uppercase;
}

.user-consultant-profile-card__actions[b-odtxlutxh4] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
/* /Pages/Users/UserDetailPage/Components/UserConsultantProfileCard/UserProfileInfoRow.razor.rz.scp.css */
.user-profile-info-row[b-dvs8ahea8q] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
/* /Pages/Users/UserDetailPage/Components/UserDeleteConfirmModal/UserDeleteConfirmModal.razor.rz.scp.css */
.user-modal-overlay[b-ns2x2kuyel] {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.35);
}

.user-confirm-modal[b-ns2x2kuyel] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1201;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 360px;
  padding: 24px;
  border-radius: 8px;
  background: var(--whitePrimary);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  transform: translate(-50%, -50%);
}

.user-confirm-modal__actions[b-ns2x2kuyel] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
/* /Pages/Users/UserDetailPage/Components/UserDetailEmptyState/UserDetailEmptyState.razor.rz.scp.css */
.user-detail-empty-state[b-icc4obyk96] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 80px;
  color: var(--greyPrimary);
}
/* /Pages/Users/UserDetailPage/Components/UserDetailHeader/UserDetailHeader.razor.rz.scp.css */
.user-detail-header[b-ju6ul54ghb] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.user-detail-header[b-ju6ul54ghb] >  .add-button:first-child {
  margin-left: -8px;
}

.user-detail-header__avatar[b-ju6ul54ghb] {
  flex-shrink: 0;
}

.user-detail-header__avatar--uploadable[b-ju6ul54ghb] {
  position: relative;
  cursor: pointer;
}

.user-detail-header__avatar-upload[b-ju6ul54ghb] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 8px;
  color: white;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.user-detail-header__avatar--uploadable:hover .user-detail-header__avatar-upload[b-ju6ul54ghb] {
  opacity: 1;
}

.user-detail-header__identity[b-ju6ul54ghb] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.user-detail-header__identity[b-ju6ul54ghb]  .add-text:first-child {
  line-height: 1.2em;
  letter-spacing: 0;
}

.user-detail-header__spacer[b-ju6ul54ghb] {
  flex: 1;
}
/* /Pages/Users/UserDetailPage/Components/UserDetailInfoCards/UserDetailInfoCards.razor.rz.scp.css */
.user-detail-info-cards[b-1h68fb1dzr] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  gap: 16px;
}

.user-detail-info-card[b-1h68fb1dzr] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--color-grey-light);
  border-radius: 5px;
}

.user-detail-info-card[b-1h68fb1dzr] >  .add-text:first-child {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.user-detail-info-card__rows[b-1h68fb1dzr] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* /Pages/Users/UserDetailPage/Components/UserDetailInfoCards/UserInfoRow.razor.rz.scp.css */
.user-info-row[b-oqhnfnen4l] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.user-info-row__label[b-oqhnfnen4l] {
  min-width: 120px;
  flex-shrink: 0;
}

.user-info-row__value[b-oqhnfnen4l] {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-all;
}

.user-info-row__phone-link[b-oqhnfnen4l] {
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 600px) {
  .user-info-row__phone-link[b-oqhnfnen4l] {
    color: var(--color-blue);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}
/* /Pages/Users/UserDetailPage/Components/UserDocumentsCard/UserDocumentsCard.razor.rz.scp.css */
/* ── Card shell ──────────────────────────────────────────────── */
.user-documents-card[b-98dma24iqa] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 22px 24px;
  border: 1px solid var(--borderColor);
  border-radius: 8px;
  background: var(--white);
}

/* ── Header ──────────────────────────────────────────────────── */
.user-documents-card__header[b-98dma24iqa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.user-documents-card__title[b-98dma24iqa] {
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--greyMedium);
}

.user-documents-card__add-btn[b-98dma24iqa] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  background: var(--whiteTertiary);
  border: 1px solid var(--borderColor);
  border-radius: 6px;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 500;
  color: var(--greyDark);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.user-documents-card__add-btn:hover[b-98dma24iqa] {
  background: var(--blueLight);
  border-color: var(--bluePrimary);
  color: var(--bluePrimary);
}

.user-documents-card__add-btn .material-symbols-outlined[b-98dma24iqa] {
  font-size: 15px;
}

/* ── Loading ─────────────────────────────────────────────────── */
.user-documents-card__loading[b-98dma24iqa] {
  display: flex;
  justify-content: center;
  padding: 28px 0;
}

/* ── Empty state ─────────────────────────────────────────────── */
.user-documents-card__empty[b-98dma24iqa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 32px 20px;
  text-align: center;
}

.user-documents-card__empty-icon[b-98dma24iqa] {
  font-size: 38px;
  color: var(--borderColor);
}

.user-documents-card__empty-text[b-98dma24iqa] {
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  color: var(--greyLight);
}

.user-documents-card__empty-action[b-98dma24iqa] {
  margin-top: 4px;
  background: none;
  border: none;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 600;
  color: var(--bluePrimary);
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ── Document list ───────────────────────────────────────────── */
.user-documents-card__list[b-98dma24iqa] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.user-documents-card__item[b-98dma24iqa] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border: 1px solid var(--borderColor);
  border-left: 3px solid var(--borderColor);
  border-radius: 6px;
  transition: background 0.15s ease;
}

.user-documents-card__item:hover[b-98dma24iqa] {
  background: var(--whiteSecondary);
}

.user-documents-card__item--contract[b-98dma24iqa]   { border-left-color: var(--bluePrimary); }
.user-documents-card__item--citizen-card[b-98dma24iqa] { border-left-color: var(--greenPrimary); }
.user-documents-card__item--insurance[b-98dma24iqa]  { border-left-color: var(--brownLight); }

/* Type badge */
.user-documents-card__type-badge[b-98dma24iqa] {
  flex-shrink: 0;
  padding: 3px 8px;
  border-radius: 4px;
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.user-documents-card__item--contract .user-documents-card__type-badge[b-98dma24iqa] {
  background: var(--blueLight);
  color: var(--bluePrimary);
}

.user-documents-card__item--citizen-card .user-documents-card__type-badge[b-98dma24iqa] {
  background: var(--greenLight);
  color: var(--greenPrimary);
}

.user-documents-card__item--insurance .user-documents-card__type-badge[b-98dma24iqa] {
  background: var(--pinkLight);
  color: var(--brownLight);
}

/* Item metadata */
.user-documents-card__item-meta[b-98dma24iqa] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.user-documents-card__item-desc[b-98dma24iqa] {
  font-family: var(--fontNotoSans);
  font-size: 13px;
  color: var(--greyDark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-documents-card__item-date[b-98dma24iqa] {
  font-family: var(--fontNotoSans);
  font-size: 11px;
  color: var(--greyLight);
}

.user-documents-card__item-spacer[b-98dma24iqa] { flex: 1; }

/* Download button */
.user-documents-card__download-btn[b-98dma24iqa] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: transparent;
  border: 1px solid var(--borderColor);
  border-radius: 6px;
  cursor: pointer;
  color: var(--greyPrimary);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.user-documents-card__download-btn:hover:not(:disabled)[b-98dma24iqa] {
  background: var(--blueLight);
  border-color: var(--bluePrimary);
  color: var(--bluePrimary);
}

.user-documents-card__download-btn:disabled[b-98dma24iqa] {
  opacity: 0.5;
  cursor: not-allowed;
}

.user-documents-card__download-btn .material-symbols-outlined[b-98dma24iqa] {
  font-size: 17px;
}

/* ── Upload form ─────────────────────────────────────────────── */
.user-documents-card__form[b-98dma24iqa] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  animation: udc-form-in-b-98dma24iqa 0.22s ease;
}

@keyframes udc-form-in-b-98dma24iqa {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Drop zone */
.user-documents-card__dropzone[b-98dma24iqa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 128px;
  padding: 24px 20px;
  border: 2px dashed var(--borderColor);
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.user-documents-card__dropzone:hover[b-98dma24iqa] {
  border-color: var(--bluePrimary);
  background: var(--blueLight);
}

.user-documents-card__dropzone--selected[b-98dma24iqa] {
  border-style: solid;
  border-color: var(--greenSuccess);
  background: var(--greenLight);
}

.user-documents-card__dropzone-icon[b-98dma24iqa] {
  font-size: 30px;
  color: var(--greyLight);
  transition: color 0.2s ease;
}

.user-documents-card__dropzone:hover .user-documents-card__dropzone-icon[b-98dma24iqa] {
  color: var(--bluePrimary);
}

.user-documents-card__dropzone--selected .user-documents-card__dropzone-icon[b-98dma24iqa] {
  color: var(--greenSuccess);
}

.user-documents-card__dropzone-hint[b-98dma24iqa] {
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  font-weight: 500;
  color: var(--greyDark);
}

.user-documents-card__dropzone-filename[b-98dma24iqa] {
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  font-weight: 600;
  color: var(--greenPrimary);
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-documents-card__dropzone-sub[b-98dma24iqa] {
  font-family: var(--fontNotoSans);
  font-size: 11px;
  color: var(--greyLight);
}

/* Fields grid */
.user-documents-card__form-fields[b-98dma24iqa] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 600px) {
  .user-documents-card__form-fields[b-98dma24iqa] {
    grid-template-columns: 1fr;
  }
}

/* Form actions */
.user-documents-card__form-actions[b-98dma24iqa] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding-top: 2px;
}

.user-documents-card__cancel-btn[b-98dma24iqa] {
  padding: 0 16px;
  height: 36px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  font-weight: 500;
  color: var(--greyMedium);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.user-documents-card__cancel-btn:hover[b-98dma24iqa] {
  background: var(--whiteTertiary);
  color: var(--greyDark);
}

.user-documents-card__submit-btn[b-98dma24iqa] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 20px;
  height: 36px;
  background: var(--bluePrimary);
  border: none;
  border-radius: 6px;
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  font-weight: 600;
  color: var(--white);
  cursor: pointer;
  transition: background 0.2s ease;
}

.user-documents-card__submit-btn:hover:not(:disabled)[b-98dma24iqa] {
  background: var(--blueHover);
}

.user-documents-card__submit-btn:disabled[b-98dma24iqa] {
  opacity: 0.7;
  cursor: not-allowed;
}

/* ── Delete button ───────────────────────────────────────────── */
.user-documents-card__delete-btn[b-98dma24iqa] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: transparent;
  border: 1px solid var(--borderColor);
  border-radius: 6px;
  cursor: pointer;
  color: var(--greyPrimary);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.user-documents-card__delete-btn:hover:not(:disabled)[b-98dma24iqa] {
  background: var(--redLight);
  border-color: var(--redPrimary);
  color: var(--redPrimary);
}

.user-documents-card__delete-btn .material-symbols-outlined[b-98dma24iqa] {
  font-size: 17px;
}

/* ── Inline delete confirmation ──────────────────────────────── */
.user-documents-card__confirm[b-98dma24iqa] {
  display: flex;
  align-items: center;
  gap: 6px;
  animation: udc-form-in-b-98dma24iqa 0.18s ease;
}

.user-documents-card__confirm-label[b-98dma24iqa] {
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  color: var(--greyDark);
  white-space: nowrap;
}

.user-documents-card__confirm-yes[b-98dma24iqa] {
  padding: 0 10px;
  height: 26px;
  background: var(--redPrimary);
  color: var(--white);
  border: none;
  border-radius: 5px;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s ease;
}

.user-documents-card__confirm-yes:hover[b-98dma24iqa] {
  opacity: 0.85;
}

.user-documents-card__confirm-no[b-98dma24iqa] {
  padding: 0 10px;
  height: 26px;
  background: transparent;
  border: 1px solid var(--borderColor);
  border-radius: 5px;
  font-family: var(--fontInstrumentSans);
  font-size: 12px;
  color: var(--greyMedium);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease;
}

.user-documents-card__confirm-no:hover[b-98dma24iqa] {
  background: var(--whiteTertiary);
  color: var(--greyDark);
}

/* ── Deleted documents section ───────────────────────────────── */
.user-documents-card__deleted-section[b-98dma24iqa] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px dashed var(--borderColor);
}

.user-documents-card__deleted-header[b-98dma24iqa] {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  user-select: none;
}

.user-documents-card__deleted-title[b-98dma24iqa] {
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--greyLight);
}

.user-documents-card__deleted-count[b-98dma24iqa] {
  font-family: var(--fontInstrumentSans);
  font-size: 11px;
  color: var(--greyLight);
  background: var(--whiteTertiary);
  border: 1px solid var(--borderColor);
  border-radius: 10px;
  padding: 1px 7px;
}

.user-documents-card__deleted-chevron[b-98dma24iqa] {
  font-size: 16px;
  color: var(--greyLight);
  margin-left: auto;
  transition: transform 0.2s ease;
}

.user-documents-card__deleted-chevron--open[b-98dma24iqa] {
  transform: rotate(180deg);
}

.user-documents-card__item--deleted[b-98dma24iqa] {
  border-left-color: var(--greyLight);
  opacity: 0.7;
}

.user-documents-card__item-deleted-at[b-98dma24iqa] {
  font-family: var(--fontNotoSans);
  font-size: 11px;
  color: var(--redPrimary);
  opacity: 0.8;
}
/* /Pages/Users/UserDetailPage/Components/UserEditForm/UserEditForm.razor.rz.scp.css */
.user-edit-form[b-29n0fnsh7i] {
  max-width: 560px;
  padding: 24px;
  border: 1px solid var(--borderColor);
  border-radius: 5px;
}

.user-edit-form[b-29n0fnsh7i] >  .add-text:first-child {
  display: block;
  margin-bottom: 20px;
}

.user-edit-form__fields[b-29n0fnsh7i],
.user-edit-form__phones[b-29n0fnsh7i] {
  display: flex;
  flex-direction: column;
}

.user-edit-form__fields[b-29n0fnsh7i] {
  gap: 14px;
}

.user-edit-form__phones[b-29n0fnsh7i] {
  gap: 8px;
}

.user-edit-form__phone-row[b-29n0fnsh7i] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.user-edit-form__phone-input[b-29n0fnsh7i] {
  flex: 1;
}

.user-edit-form__actions[b-29n0fnsh7i] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}
/* /Pages/Users/UserDetailPage/Components/UserPasswordModal/UserPasswordModal.razor.rz.scp.css */
.user-modal-overlay[b-ox5ggydkml] {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(0, 0, 0, 0.35);
}

.user-password-modal[b-ox5ggydkml] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1201;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 360px;
  padding: 24px;
  border-radius: 8px;
  background: var(--whitePrimary);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  transform: translate(-50%, -50%);
}

.user-password-modal__fields[b-ox5ggydkml] {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 4px;
}

.user-password-modal__actions[b-ox5ggydkml] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
/* /Pages/Users/UserDetailPage/Components/UserRoleTag/UserRoleTag.razor.rz.scp.css */
.user-role-tag[b-30w07acwqc] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 10px;
  border-radius: 999px;
}

.user-role-tag--admin[b-30w07acwqc] {
  background: var(--redLight);
}

.user-role-tag--support[b-30w07acwqc] {
  background: var(--blueLight);
}

.user-role-tag--real-estate[b-30w07acwqc] {
  background: #f0f4ff;
}

.user-role-tag--sales[b-30w07acwqc] {
  background: #fff4e6;
}

.user-role-tag--marketing[b-30w07acwqc] {
  background: #f3f0ff;
}

.user-role-tag--default[b-30w07acwqc] {
  background: var(--whiteSecondary);
}
/* /Pages/Users/UserDetailPage/Components/UserTelegramCard/UserTelegramCard.razor.rz.scp.css */
.user-telegram-card[b-wcjvsdiccp] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--borderColor);
  border-radius: 5px;
}

.user-telegram-card[b-wcjvsdiccp] >  .add-text:first-child {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.user-telegram-card__content[b-wcjvsdiccp] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.user-telegram-card__row[b-wcjvsdiccp] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.user-telegram-card__spacer[b-wcjvsdiccp] {
  flex: 1;
}

.user-telegram-card__steps[b-wcjvsdiccp] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
  color: var(--greyDark);
  font-family: var(--fontInstrumentSans);
  font-size: 13px;
  line-height: 1.5;
}

.user-telegram-card__steps a[b-wcjvsdiccp] {
  color: var(--bluePrimary);
  font-weight: 500;
}

.user-telegram-card__actions[b-wcjvsdiccp] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
/* /Pages/Users/UserDetailPage/Main/UserDetailPage.razor.rz.scp.css */
.user-detail-page[b-ggojertzcd] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.user-detail-page__loading[b-ggojertzcd] {
  display: flex;
  justify-content: center;
  padding: 80px;
}
/* /Pages/Users/UsersPage.razor.rz.scp.css */
.users-list-name[b-hjj36ie7gs] {
  display: flex;
  align-items: center;
  gap: 10px;
}