/* fk: popup alert */
:is([class*="fk-popup-alert"]).k-animation-container .k-popup {
  box-shadow: none;
  border-radius: 0.25rem;
}
:is([class*="fk-popup-alert"]).k-animation-container .k-popup div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;

  color: var(--kendo-color-secondary-text);
  background-color: var(--kendo-color-surface);
  padding-block: 0.25rem;
  padding-inline: 1rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid;
  border-color: var(--kendo-color-border);
  box-shadow: none;
  cursor: pointer;
}

:is([class*="fk-popup-alert"]).k-animation-container .k-popup div .k-icon {
  flex-shrink: 0;
  align-self: start;
}

/* Fixes Kendo's manual positioning: By forcing inset: 0, the popup stays anchored to the appendTo target during table scrolling */
.k-animation-container[class*="fk-popup-alert"] {
  inset: 0 !important;
  align-content: end;
}
/* Expand message container to fill available width, pushing the prefix and suffix icons to the far edges. */
.k-animation-container[class*="fk-popup-alert"]
  .k-popup
  .local-alert
  span:not(.k-icon) {
  justify-items: end;
  width: 100%;
}

.fk-popup-alert-info.k-animation-container .k-popup div {
  border-color: var(--kendo-color-info);
  color: var(--kendo-color-info);
  background-color: var(--kendo-color-info-subtle);
}
.fk-popup-alert-warning.k-animation-container .k-popup div {
  border-color: var(--kendo-color-warning);
  background-color: var(--kendo-color-warning-subtle);
}
.fk-popup-alert-error.k-animation-container .k-popup div {
  border-color: var(--kendo-color-error);
  color: var(--kendo-color-error);
  background-color: var(--kendo-color-error-subtle);
}
.fk-popup-alert-success.k-animation-container .k-popup div {
  border-color: var(--kendo-color-success);
  color: var(--kendo-color-success);
  background-color: var(--kendo-color-success-subtle);
}