/*
 * Join Requests Review Console
 * Scoped operational UI for /dashboard/providersMeta only.
 */

html:has(.kt-join-page) {
  scrollbar-gutter: stable;
}

.kt-join-page {
  --join-primary: var(--kt-color-primary, #344d70);
  --join-primary-hover: var(--kt-color-primary-hover, #2a405e);
  --join-primary-soft: var(--kt-color-primary-soft, #edf3f9);
  --join-accent: var(--kt-color-accent, #ff9f34);
  --join-accent-soft: var(--kt-color-accent-soft, #fff4e8);
  --join-surface: var(--kt-color-surface, #fff);
  --join-surface-soft: var(--kt-color-surface-subtle, #f8fafc);
  --join-surface-muted: var(--kt-color-surface-muted, #f1f5f9);
  --join-text: var(--kt-color-text, #0f172a);
  --join-muted: var(--kt-color-text-muted, #64748b);
  --join-subtle: var(--kt-color-text-subtle, #94a3b8);
  --join-border: var(--kt-color-border, #e2e8f0);
  --join-border-strong: var(--kt-color-border-strong, #cbd5e1);
  --join-success: var(--kt-color-success, #159455);
  --join-success-soft: var(--kt-color-success-soft, #eaf8f0);
  --join-warning: var(--kt-color-warning, #c97812);
  --join-warning-soft: var(--kt-color-warning-soft, #fff5df);
  --join-danger: var(--kt-color-danger, #d84a61);
  --join-danger-soft: var(--kt-color-danger-soft, #fff0f3);
  --join-focus: var(--kt-color-focus, rgb(52 77 112 / 28%));
  --join-shadow-xs: var(--kt-shadow-xs, 0 1px 2px rgb(15 23 42 / 5%));
  --join-shadow-sm: var(--kt-shadow-sm, 0 2px 8px rgb(15 23 42 / 7%));
  --join-shadow-md: var(--kt-shadow-md, 0 10px 28px rgb(15 23 42 / 10%));

  inline-size: min(100%, 72.5rem);
  margin-inline: auto;
  padding-block-end: 2rem;
  color: var(--join-text);
  font-family:
    "Tajawal",
    "IBM Plex Sans Arabic",
    "Noto Sans Arabic",
    system-ui,
    sans-serif;
}

.kt-join-page *,
.kt-join-page *::before,
.kt-join-page *::after {
  box-sizing: border-box;
}

.kt-join-page button,
.kt-join-page input {
  font: inherit;
}

.kt-join-page button,
.kt-join-page a {
  -webkit-tap-highlight-color: transparent;
}

.kt-join-hero {
  position: relative;
  min-block-size: 7.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.4rem;
  overflow: hidden;
  padding: 1.2rem 1.35rem;
  border: 1px solid var(--join-border);
  border-radius: 1.15rem;
  background:
    radial-gradient(
      circle at 2% 0%,
      color-mix(in srgb, var(--join-accent-soft) 76%, transparent) 0,
      transparent 28%
    ),
    linear-gradient(
      118deg,
      var(--join-surface) 0%,
      color-mix(in srgb, var(--join-primary-soft) 48%, var(--join-surface)) 100%
    );
  box-shadow: var(--join-shadow-sm);
}

.kt-join-hero::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 2rem;
  inline-size: 3rem;
  block-size: 0.18rem;
  border-radius: 0 0 999px 999px;
  background: var(--join-accent);
}

.kt-join-hero__identity {
  min-inline-size: 0;
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.kt-join-hero__icon,
.kt-join-console__title-icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid
    color-mix(in srgb, var(--join-primary) 18%, var(--join-border));
  background:
    color-mix(in srgb, var(--join-primary-soft) 72%, var(--join-surface));
  color: var(--join-primary);
}

.kt-join-hero__icon {
  inline-size: 3.35rem;
  block-size: 3.35rem;
  border-radius: 1rem;
  font-size: 1.45rem;
}

.kt-join-hero__eyebrow {
  display: block;
  margin-block-end: 0.12rem;
  color: var(--join-accent);
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.01em;
}

.kt-join-hero h1 {
  margin: 0;
  color: var(--join-text);
  font-size: clamp(1.55rem, 2.3vw, 2.1rem);
  font-weight: 900;
  line-height: 1.28;
}

.kt-join-hero p {
  max-inline-size: 39rem;
  margin: 0.26rem 0 0;
  color: var(--join-muted);
  font-size: 0.9rem;
  font-weight: 650;
  line-height: 1.65;
}

.kt-join-hero__summary {
  flex: 0 0 13.5rem;
  display: flex;
  align-items: center;
  gap: 0.72rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid
    color-mix(in srgb, var(--join-primary) 16%, var(--join-border));
  border-radius: 0.95rem;
  background:
    color-mix(in srgb, var(--join-surface) 88%, transparent);
  box-shadow: var(--join-shadow-xs);
}

.kt-join-hero__summary-icon {
  inline-size: 2.45rem;
  min-inline-size: 2.45rem;
  block-size: 2.45rem;
  display: grid;
  place-items: center;
  border-radius: 0.75rem;
  background: var(--join-accent-soft);
  color: var(--join-accent);
  font-size: 1.1rem;
}

.kt-join-hero__summary > span:last-child {
  min-inline-size: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 0.05rem 0.65rem;
}

.kt-join-hero__summary small,
.kt-join-hero__summary em {
  overflow-wrap: anywhere;
  color: var(--join-muted);
  font-size: 0.69rem;
  font-style: normal;
  font-weight: 720;
  line-height: 1.35;
}

.kt-join-hero__summary strong {
  grid-row: 1 / 3;
  grid-column: 2;
  color: var(--join-primary);
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1;
}

.kt-join-statuses {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-block: 0.9rem;
}

.kt-join-status {
  --join-status-tone: var(--join-primary);
  --join-status-soft: var(--join-primary-soft);

  position: relative;
  min-inline-size: 0;
  min-block-size: 5.25rem;
  display: grid;
  grid-template-columns: 2.45rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  overflow: hidden;
  padding: 0.72rem 0.78rem;
  border: 1px solid var(--join-border);
  border-radius: 0.95rem;
  background: var(--join-surface);
  color: var(--join-text);
  text-decoration: none;
  box-shadow: var(--join-shadow-xs);
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.kt-join-statuses.is-loading .kt-join-status {
  pointer-events: none;
}

.kt-join-statuses.is-loading
  .kt-join-status:not(.is-transitioning) {
  opacity: 0.58;
}

.kt-join-status.is-transitioning {
  border-color:
    color-mix(in srgb, var(--join-status-tone) 34%, var(--join-border));
  background:
    color-mix(in srgb, var(--join-status-soft) 58%, var(--join-surface));
  box-shadow: var(--join-shadow-sm);
}

.kt-join-status--wait {
  --join-status-tone: var(--join-warning);
  --join-status-soft: var(--join-warning-soft);
}

.kt-join-status--accept {
  --join-status-tone: var(--join-success);
  --join-status-soft: var(--join-success-soft);
}

.kt-join-status--reject {
  --join-status-tone: var(--join-danger);
  --join-status-soft: var(--join-danger-soft);
}

.kt-join-status:hover {
  border-color:
    color-mix(in srgb, var(--join-status-tone) 25%, var(--join-border));
  box-shadow: var(--join-shadow-sm);
  transform: translateY(-2px);
}

.kt-join-status:focus-visible {
  outline: 3px solid var(--join-focus);
  outline-offset: 2px;
}

.kt-join-status.is-active {
  border-color:
    color-mix(in srgb, var(--join-status-tone) 30%, var(--join-border));
  background:
    linear-gradient(
      118deg,
      color-mix(in srgb, var(--join-status-soft) 72%, var(--join-surface)),
      var(--join-surface)
    );
  box-shadow:
    inset 0 -2px 0 var(--join-accent),
    var(--join-shadow-sm);
}

.kt-join-status__icon {
  inline-size: 2.45rem;
  block-size: 2.45rem;
  display: grid;
  place-items: center;
  border-radius: 0.75rem;
  background:
    color-mix(in srgb, var(--join-status-soft) 78%, var(--join-surface));
  color: var(--join-status-tone);
  font-size: 1.06rem;
}

.kt-join-status__copy {
  min-inline-size: 0;
  display: grid;
  gap: 0.12rem;
}

.kt-join-status__copy strong {
  overflow: visible;
  overflow-wrap: anywhere;
  color: var(--join-text);
  font-size: 0.86rem;
  font-weight: 850;
  line-height: 1.4;
  white-space: normal;
}

.kt-join-status__copy small {
  overflow: visible;
  overflow-wrap: anywhere;
  color: var(--join-muted);
  font-size: 0.69rem;
  font-weight: 650;
  line-height: 1.35;
  white-space: normal;
}

.kt-join-status__count {
  position: relative;
  min-inline-size: 2.15rem;
  color: var(--join-status-tone);
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.kt-join-status.is-transitioning .kt-join-status__count {
  color: transparent;
}

.kt-join-status.is-transitioning .kt-join-status__count::after {
  content: "";
  position: absolute;
  inset: 0;
  inline-size: 1.05rem;
  block-size: 1.05rem;
  margin: auto;
  border: 2px solid
    color-mix(in srgb, var(--join-status-tone) 22%, transparent);
  border-block-start-color: var(--join-status-tone);
  border-radius: 50%;
  animation: kt-join-spin 700ms linear infinite;
}

.kt-join-console {
  overflow: visible;
  border: 1px solid var(--join-border);
  border-radius: 1.05rem;
  background: var(--join-surface);
  box-shadow: var(--join-shadow-sm);
}

.kt-join-console__header {
  min-block-size: 5.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border-block-end: 1px solid var(--join-border);
}

.kt-join-console__title {
  min-inline-size: 0;
  display: flex;
  align-items: center;
  gap: 0.72rem;
}

.kt-join-console__title-icon {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: 0.75rem;
  font-size: 1.05rem;
}

.kt-join-console__title h2 {
  margin: 0;
  color: var(--join-text);
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1.4;
}

.kt-join-console__title p {
  margin: 0.1rem 0 0;
  color: var(--join-muted);
  font-size: 0.73rem;
  font-weight: 650;
  line-height: 1.45;
}

.kt-join-toolbar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.55rem;
}

.kt-join-search {
  inline-size: 15.5rem;
  block-size: 2.65rem;
  display: grid;
  grid-template-columns: 1.2rem minmax(0, 1fr) 1.75rem;
  align-items: center;
  gap: 0.42rem;
  padding-inline: 0.72rem 0.35rem;
  border: 1px solid var(--join-border);
  border-radius: 0.8rem;
  background: var(--join-surface-soft);
  color: var(--join-muted);
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease;
}

.kt-join-search:focus-within {
  border-color:
    color-mix(in srgb, var(--join-primary) 45%, var(--join-border));
  background: var(--join-surface);
  box-shadow: 0 0 0 3px var(--join-focus);
}

.kt-join-search input {
  min-inline-size: 0;
  inline-size: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--join-text);
  font-size: 0.77rem;
  font-weight: 700;
}

.kt-join-search input::placeholder {
  color: var(--join-subtle);
  opacity: 1;
}

.kt-join-search__clear {
  inline-size: 1.75rem;
  block-size: 1.75rem;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--join-muted);
  cursor: pointer;
}

.kt-join-search__clear:hover {
  background: var(--join-surface-muted);
  color: var(--join-text);
}

.kt-join-button,
.kt-join-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border: 1px solid var(--join-border);
  border-radius: 0.72rem;
  background: var(--join-surface);
  color: var(--join-primary);
  font-weight: 820;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.kt-join-button {
  min-block-size: 2.65rem;
  padding-inline: 0.8rem;
  font-size: 0.76rem;
}

.kt-join-button:hover,
.kt-join-action:hover {
  border-color:
    color-mix(in srgb, var(--join-primary) 26%, var(--join-border));
  box-shadow: var(--join-shadow-sm);
}

.kt-join-button:focus-visible,
.kt-join-action:focus-visible {
  outline: 3px solid var(--join-focus);
  outline-offset: 2px;
}

.kt-join-button:disabled,
.kt-join-action:disabled {
  cursor: wait;
  opacity: 0.72;
}

.kt-join-button--refresh {
  inline-size: 7.6rem;
}

.kt-join-button--refresh.is-loading i {
  animation: kt-join-spin 700ms linear infinite;
}

.kt-join-button--danger-soft {
  border-color:
    color-mix(in srgb, var(--join-danger) 22%, var(--join-border));
  background:
    color-mix(in srgb, var(--join-danger-soft) 72%, var(--join-surface));
  color: var(--join-danger);
}

.kt-join-button--danger-soft b {
  min-inline-size: 1.3rem;
  block-size: 1.3rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: var(--join-danger);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 900;
}

.kt-join-console__body {
  min-block-size: 9rem;
}

.kt-join-queue {
  position: relative;
  min-block-size: 9rem;
  overflow: visible;
  padding: 0.7rem;
}

.kt-join-progress {
  position: absolute;
  z-index: 3;
  inset-block-start: 0;
  inset-inline: 0.7rem;
  block-size: 0.16rem;
  overflow: hidden;
  border-radius: 999px;
  background: transparent;
  pointer-events: none;
}

.kt-join-progress::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: -36%;
  inline-size: 36%;
  border-radius: inherit;
  background:
    linear-gradient(90deg, var(--join-primary), var(--join-accent));
  opacity: 0;
}

.kt-join-queue.is-loading .kt-join-progress {
  background:
    color-mix(in srgb, var(--join-primary-soft) 74%, transparent);
}

.kt-join-queue.is-loading .kt-join-progress::after {
  opacity: 1;
  animation: kt-join-progress 900ms ease-in-out infinite;
}

.kt-join-queue.is-loading .kt-join-list,
.kt-join-queue.is-loading .kt-join-selection,
.kt-join-queue.is-loading .kt-join-empty {
  opacity: 0.58;
  pointer-events: none;
}

.kt-join-selection {
  min-block-size: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-block-end: 0.58rem;
  padding: 0.44rem 0.65rem;
  border: 1px solid var(--join-border);
  border-radius: 0.78rem;
  background: var(--join-surface-soft);
}

.kt-join-selection p {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  margin: 0;
  color: var(--join-muted);
  font-size: 0.69rem;
  font-weight: 680;
}

.kt-join-selection p i {
  color: var(--join-primary);
  font-size: 0.9rem;
}

.kt-join-check {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
}

.kt-join-check input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.kt-join-check > span {
  inline-size: 1.65rem;
  min-inline-size: 1.65rem;
  block-size: 1.65rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--join-border-strong);
  border-radius: 0.55rem;
  background: var(--join-surface);
  color: transparent;
  font-size: 0.8rem;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease;
}

.kt-join-check input:checked + span {
  border-color: var(--join-primary);
  background: var(--join-primary);
  color: #fff;
}

.kt-join-check input:focus-visible + span {
  box-shadow: 0 0 0 3px var(--join-focus);
}

.kt-join-check em {
  color: var(--join-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 720;
}

.kt-join-list {
  display: grid;
  gap: 0.62rem;
  transition: opacity 180ms ease;
}

.kt-join-card {
  --join-card-tone: var(--join-warning);
  --join-card-soft: var(--join-warning-soft);

  position: relative;
  min-inline-size: 0;
  min-block-size: 9.15rem;
  display: grid;
  grid-template-columns:
    minmax(13.5rem, 1.05fr)
    minmax(13rem, 1fr)
    minmax(10.5rem, 0.8fr)
    max-content;
  align-items: center;
  gap: 0.8rem;
  overflow: visible;
  padding: 0.82rem 0.9rem;
  padding-inline-start: 3.15rem;
  border: 1px solid
    color-mix(in srgb, var(--join-card-tone) 13%, var(--join-border));
  border-radius: 0.95rem;
  background:
    linear-gradient(
      108deg,
      color-mix(in srgb, var(--join-card-soft) 30%, transparent),
      transparent 32%
    ),
    var(--join-surface);
  box-shadow: var(--join-shadow-xs);
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease,
    opacity 180ms ease;
}

.kt-join-card--accept {
  --join-card-tone: var(--join-success);
  --join-card-soft: var(--join-success-soft);
}

.kt-join-card--reject {
  --join-card-tone: var(--join-danger);
  --join-card-soft: var(--join-danger-soft);
}

.kt-join-card::after {
  content: "";
  position: absolute;
  inset-block: 0.78rem;
  inset-inline-end: 0;
  inline-size: 0.16rem;
  border-radius: 999px 0 0 999px;
  background: var(--join-card-tone);
  opacity: 0.82;
}

.kt-join-card:hover {
  border-color:
    color-mix(in srgb, var(--join-card-tone) 26%, var(--join-border));
  box-shadow: var(--join-shadow-sm);
  transform: translateY(-1px);
}

.kt-join-card.is-selected {
  border-color:
    color-mix(in srgb, var(--join-primary) 34%, var(--join-border));
  background:
    linear-gradient(
      108deg,
      color-mix(in srgb, var(--join-primary-soft) 68%, transparent),
      transparent 42%
    ),
    var(--join-surface);
  box-shadow:
    inset 0 0 0 1px
      color-mix(in srgb, var(--join-primary) 10%, transparent),
    var(--join-shadow-sm);
}

.kt-join-card.is-action-loading {
  opacity: 0.72;
}

.kt-join-card__select {
  position: absolute;
  inset-block-start: 0.75rem;
  inset-inline-start: 0.78rem;
  z-index: 2;
}

.kt-join-card__identity,
.kt-join-card__contact,
.kt-join-card__decision,
.kt-join-card__actions {
  min-inline-size: 0;
}

.kt-join-card__identity {
  display: flex;
  align-items: center;
  gap: 0.72rem;
}

.kt-join-avatar {
  inline-size: 3.5rem;
  min-inline-size: 3.5rem;
  block-size: 3.5rem;
  display: grid;
  place-items: center;
  border: 1px solid
    color-mix(in srgb, var(--join-card-tone) 22%, var(--join-border));
  border-radius: 1rem;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--join-card-soft) 82%, var(--join-surface)),
      var(--join-surface)
    );
  color: var(--join-primary);
  font-size: 0.9rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  box-shadow: var(--join-shadow-xs);
}

.kt-join-card__identity-copy {
  min-inline-size: 0;
  display: grid;
  gap: 0.16rem;
}

.kt-join-card__eyebrow,
.kt-join-card__section-label {
  display: flex;
  align-items: center;
  gap: 0.32rem;
  color: var(--join-muted);
  font-size: 0.69rem;
  font-weight: 760;
  line-height: 1.4;
}

.kt-join-card__eyebrow i,
.kt-join-card__section-label i {
  color: var(--join-card-tone);
  font-size: 0.86rem;
}

.kt-join-card h3 {
  max-inline-size: 100%;
  margin: 0;
  color: var(--join-text);
  font-size: 0.98rem;
  font-weight: 900;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.kt-join-card__request-id {
  display: flex;
  align-items: center;
  gap: 0.28rem;
  color: var(--join-muted);
  font-size: 0.67rem;
  font-weight: 680;
}

.kt-join-card__request-id b {
  color: var(--join-primary);
  font-size: 0.68rem;
  letter-spacing: 0.05em;
}

.kt-join-card__contact,
.kt-join-card__decision,
.kt-join-card__actions {
  align-self: stretch;
  align-content: center;
  padding-inline-start: 0.78rem;
  border-inline-start: 1px solid
    color-mix(in srgb, var(--join-border) 78%, transparent);
}

.kt-join-card__contact,
.kt-join-card__decision {
  display: grid;
  gap: 0.38rem;
}

.kt-join-card__meta {
  min-inline-size: 0;
  display: grid;
  grid-template-columns: 1.55rem minmax(0, 1fr);
  align-items: center;
  gap: 0.4rem;
  color: var(--join-text);
}

.kt-join-card__meta > i {
  inline-size: 1.55rem;
  block-size: 1.55rem;
  display: grid;
  place-items: center;
  border-radius: 0.5rem;
  background:
    color-mix(in srgb, var(--join-primary-soft) 64%, var(--join-surface));
  color: var(--join-primary);
  font-size: 0.8rem;
}

.kt-join-card__meta strong {
  min-inline-size: 0;
  overflow: visible;
  overflow-wrap: anywhere;
  color: var(--join-text);
  font-size: 0.75rem;
  font-weight: 770;
  line-height: 1.4;
  white-space: normal;
}

.kt-join-card__meta--muted strong {
  color: var(--join-muted);
}

.kt-join-state {
  inline-size: fit-content;
  display: flex;
  align-items: center;
  gap: 0.42rem;
  padding: 0.35rem 0.48rem;
  border: 1px solid
    color-mix(in srgb, var(--join-card-tone) 24%, var(--join-border));
  border-radius: 0.68rem;
  background:
    color-mix(in srgb, var(--join-card-soft) 68%, var(--join-surface));
  color: var(--join-card-tone);
}

.kt-join-state > i {
  font-size: 0.96rem;
}

.kt-join-state > span {
  display: grid;
  gap: 0.03rem;
}

.kt-join-state strong {
  color: currentColor;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.3;
}

.kt-join-state small {
  color: var(--join-muted);
  font-size: 0.63rem;
  font-weight: 650;
  line-height: 1.3;
}

.kt-join-card__date {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--join-muted);
}

.kt-join-card__date > i {
  font-size: 0.92rem;
}

.kt-join-card__date > span {
  display: grid;
}

.kt-join-card__date small {
  font-size: 0.62rem;
  font-weight: 660;
}

.kt-join-card__date time {
  color: var(--join-text);
  font-size: 0.72rem;
  font-weight: 820;
}

.kt-join-card__actions {
  inline-size: max-content;
  display: flex;
  align-items: center;
  gap: 0.42rem;
}

.kt-join-action {
  min-inline-size: 4.35rem;
  block-size: 2.3rem;
  padding-inline: 0.58rem;
  font-size: 0.74rem;
}

.kt-join-action > i:first-child {
  font-size: 0.9rem;
}

.kt-join-action--view {
  border-color:
    color-mix(in srgb, var(--join-primary) 22%, var(--join-border));
  color: var(--join-primary);
}

.kt-join-action--accept {
  border-color:
    color-mix(in srgb, var(--join-success) 26%, var(--join-border));
  background:
    color-mix(in srgb, var(--join-success-soft) 68%, var(--join-surface));
  color: var(--join-success);
}

.kt-join-action--accept:hover {
  border-color: var(--join-success);
  background: var(--join-success);
  color: #fff;
}

.kt-join-action--reject,
.kt-join-action--delete {
  border-color:
    color-mix(in srgb, var(--join-danger) 22%, var(--join-border));
  background:
    color-mix(in srgb, var(--join-danger-soft) 66%, var(--join-surface));
  color: var(--join-danger);
}

.kt-join-action--reject:hover,
.kt-join-action--delete:hover {
  border-color:
    color-mix(in srgb, var(--join-danger) 48%, var(--join-border));
}

.kt-join-card__action-divider {
  inline-size: 1px;
  block-size: 1.5rem;
  margin-inline: 0.1rem;
  background:
    color-mix(in srgb, var(--join-danger) 16%, var(--join-border));
}

.kt-join-action__spinner {
  display: none;
}

.kt-join-action.is-loading > i:not(.kt-join-action__spinner) {
  display: none;
}

.kt-join-action.is-loading .kt-join-action__spinner {
  display: inline-block;
  animation: kt-join-spin 700ms linear infinite;
}

.kt-join-empty {
  min-block-size: 15.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1rem;
  padding: 2rem;
  text-align: start;
}

.kt-join-empty__art {
  position: relative;
  inline-size: 5.3rem;
  min-inline-size: 5.3rem;
  block-size: 5.3rem;
  display: grid;
  place-items: center;
  border: 1px solid
    color-mix(in srgb, var(--join-primary) 16%, var(--join-border));
  border-radius: 1.35rem;
  background:
    linear-gradient(145deg, var(--join-primary-soft), var(--join-surface));
  color: var(--join-primary);
  font-size: 2rem;
  box-shadow: var(--join-shadow-sm);
}

.kt-join-empty__art b {
  position: absolute;
  border-radius: 999px;
  background: var(--join-accent);
}

.kt-join-empty__art b:first-of-type {
  inset-block-start: 0.72rem;
  inset-inline-end: 0.72rem;
  inline-size: 0.48rem;
  block-size: 0.48rem;
}

.kt-join-empty__art b:last-of-type {
  inset-block-end: 0.8rem;
  inset-inline-start: 0.78rem;
  inline-size: 1rem;
  block-size: 0.18rem;
  opacity: 0.5;
}

.kt-join-empty h3 {
  margin: 0;
  color: var(--join-text);
  font-size: 1.02rem;
  font-weight: 900;
}

.kt-join-empty p {
  max-inline-size: 28rem;
  margin: 0.28rem 0 0;
  color: var(--join-muted);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.65;
}

.kt-join-pagination {
  margin-block-start: 0.65rem;
  padding-block-start: 0.65rem;
  border-block-start: 1px solid var(--join-border);
}

.kt-join-modal[hidden],
.kt-join-toast[hidden] {
  display: none !important;
}

.kt-join-modal {
  position: fixed;
  z-index: 1095;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1rem;
}

.kt-join-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgb(8 18 37 / 42%);
  backdrop-filter: blur(3px);
  cursor: default;
}

.kt-join-modal__dialog {
  position: relative;
  inline-size: min(100%, 27rem);
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 0.8rem;
  padding: 1.05rem;
  border: 1px solid var(--join-border);
  border-radius: 1.05rem;
  background: var(--join-surface);
  box-shadow: var(--kt-shadow-lg, 0 24px 56px rgb(15 23 42 / 16%));
  animation: kt-join-modal-in 180ms ease both;
}

.kt-join-modal__icon {
  inline-size: 3rem;
  block-size: 3rem;
  display: grid;
  place-items: center;
  border-radius: 0.9rem;
  background: var(--join-warning-soft);
  color: var(--join-warning);
  font-size: 1.25rem;
}

.kt-join-modal[data-join-action-type="accept"] .kt-join-modal__icon {
  background: var(--join-success-soft);
  color: var(--join-success);
}

.kt-join-modal[data-join-action-type="reject"] .kt-join-modal__icon,
.kt-join-modal[data-join-action-type="delete"] .kt-join-modal__icon,
.kt-join-modal[data-join-action-type="bulk-delete"] .kt-join-modal__icon {
  background: var(--join-danger-soft);
  color: var(--join-danger);
}

.kt-join-modal__copy {
  min-inline-size: 0;
}

.kt-join-modal__eyebrow {
  color: var(--join-muted);
  font-size: 0.68rem;
  font-weight: 760;
}

.kt-join-modal h2 {
  margin: 0.12rem 0 0;
  color: var(--join-text);
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1.45;
}

.kt-join-modal p {
  margin: 0.3rem 0 0;
  color: var(--join-muted);
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.65;
}

.kt-join-modal__actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 0.55rem;
  padding-block-start: 0.35rem;
}

.kt-join-button--quiet {
  min-inline-size: 5.5rem;
  color: var(--join-muted);
}

.kt-join-button--confirm {
  min-inline-size: 7.2rem;
  border-color: var(--join-primary);
  background: var(--join-primary);
  color: #fff;
}

.kt-join-modal[data-join-action-type="accept"] .kt-join-button--confirm {
  border-color: var(--join-success);
  background: var(--join-success);
}

.kt-join-modal[data-join-action-type="reject"] .kt-join-button--confirm,
.kt-join-modal[data-join-action-type="delete"] .kt-join-button--confirm,
.kt-join-modal[data-join-action-type="bulk-delete"] .kt-join-button--confirm {
  border-color: var(--join-danger);
  background: var(--join-danger);
}

.kt-join-button--confirm.is-loading i {
  animation: kt-join-spin 700ms linear infinite;
}

.kt-join-toast {
  position: fixed;
  z-index: 1100;
  inset-block-start: calc(var(--kt-shell-header-height, 3.75rem) + 0.75rem);
  inset-inline-start: 1rem;
  max-inline-size: min(24rem, calc(100vw - 2rem));
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.68rem 0.82rem;
  border: 1px solid
    color-mix(in srgb, var(--join-success) 25%, var(--join-border));
  border-radius: 0.78rem;
  background: var(--join-surface);
  color: var(--join-text);
  box-shadow: var(--join-shadow-md);
  font-size: 0.76rem;
  font-weight: 760;
  animation: kt-join-toast-in 180ms ease both;
}

.kt-join-toast > i {
  color: var(--join-success);
  font-size: 1rem;
}

.kt-join-toast.is-error {
  border-color:
    color-mix(in srgb, var(--join-danger) 25%, var(--join-border));
}

.kt-join-toast.is-error > i {
  color: var(--join-danger);
}

body.kt-join-toast-context .kt-toast.kt-join-premium-toast {
  min-block-size: 5rem;
  grid-template-columns: 2.55rem minmax(0, 1fr) 1.8rem;
  gap: 0.75rem;
  padding: 0.78rem 0.85rem 0.92rem;
  overflow: hidden;
  border-color:
    color-mix(in srgb, var(--kt-toast-tone) 24%, var(--kt-border));
  border-radius: 1.1rem;
  background:
    radial-gradient(
      circle at 8% 8%,
      color-mix(in srgb, var(--kt-toast-tone-soft) 82%, transparent),
      transparent 42%
    ),
    linear-gradient(
      132deg,
      color-mix(in srgb, var(--kt-card-elevated) 98%, transparent),
      color-mix(in srgb, var(--kt-toast-tone-soft) 32%, var(--kt-card-elevated))
    );
  box-shadow:
    0 1.15rem 2.6rem color-mix(in srgb, var(--kt-text) 15%, transparent),
    0 0.25rem 0.8rem color-mix(in srgb, var(--kt-toast-tone) 12%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 68%, transparent);
  backdrop-filter: blur(18px) saturate(1.2);
}

body.kt-join-toast-context .kt-join-premium-toast .kt-toast__accent {
  inset-block: 0.85rem;
  inline-size: 0.22rem;
  box-shadow:
    0 0 0.85rem color-mix(in srgb, var(--kt-toast-tone) 30%, transparent);
}

body.kt-join-toast-context .kt-join-premium-toast .kt-toast__icon {
  inline-size: 2.55rem;
  block-size: 2.55rem;
  border: 1px solid
    color-mix(in srgb, var(--kt-toast-tone) 22%, transparent);
  border-radius: 0.82rem;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--kt-toast-tone-soft) 92%, #fff),
      color-mix(in srgb, var(--kt-toast-tone-soft) 66%, var(--kt-card-elevated))
    );
  box-shadow:
    0 0.42rem 0.9rem
      color-mix(in srgb, var(--kt-toast-tone) 13%, transparent),
    inset 0 1px 0 color-mix(in srgb, #fff 72%, transparent);
  font-size: 1.22rem;
}

body.kt-join-toast-context .kt-join-premium-toast .kt-toast__title {
  color: var(--kt-text);
  font-size: 0.84rem;
  font-weight: 900;
  line-height: 1.45;
}

body.kt-join-toast-context .kt-join-premium-toast .kt-toast__message {
  margin-block-start: 0.2rem;
  color: var(--kt-text-muted);
  font-size: 0.71rem;
  font-weight: 650;
  line-height: 1.55;
}

body.kt-join-toast-context .kt-join-premium-toast .kt-toast__close {
  inline-size: 1.8rem;
  block-size: 1.8rem;
  border: 1px solid color-mix(in srgb, var(--kt-border) 82%, transparent);
  border-radius: 0.62rem;
  background: color-mix(in srgb, var(--kt-card-elevated) 76%, transparent);
  font-size: 1rem;
}

.kt-join-premium-toast__progress {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: 0.18rem;
  overflow: hidden;
  background: color-mix(in srgb, var(--kt-toast-tone) 12%, transparent);
}

.kt-join-premium-toast__progress::after {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--kt-toast-tone) 72%, #fff),
      var(--kt-toast-tone)
    );
  content: "";
  transform-origin: left center;
  animation:
    kt-join-toast-countdown var(--join-toast-duration, 3200ms) linear forwards;
}

[dir="rtl"] .kt-join-premium-toast__progress::after {
  transform-origin: right center;
}

.kt-join-premium-toast:hover .kt-join-premium-toast__progress::after,
.kt-join-premium-toast:focus-within .kt-join-premium-toast__progress::after {
  animation-play-state: paused;
}

html:is([data-theme="dark"], [data-style="dark"], [data-theme-effective="dark"], .kt-theme-dark) .kt-join-hero,
html:is([data-theme="dark"], [data-style="dark"], [data-theme-effective="dark"], .kt-theme-dark) .kt-join-status,
html:is([data-theme="dark"], [data-style="dark"], [data-theme-effective="dark"], .kt-theme-dark) .kt-join-console,
html:is([data-theme="dark"], [data-style="dark"], [data-theme-effective="dark"], .kt-theme-dark) .kt-join-card,
html:is([data-theme="dark"], [data-style="dark"], [data-theme-effective="dark"], .kt-theme-dark) .kt-join-modal__dialog,
html:is([data-theme="dark"], [data-style="dark"], [data-theme-effective="dark"], .kt-theme-dark) .kt-join-toast {
  box-shadow:
    0 1px 2px rgb(2 8 18 / 20%),
    0 12px 30px rgb(2 8 18 / 16%);
}

html:is([data-theme="dark"], [data-style="dark"], [data-theme-effective="dark"], .kt-theme-dark) .kt-join-card {
  background:
    linear-gradient(
      108deg,
      color-mix(in srgb, var(--join-card-soft) 15%, transparent),
      transparent 34%
    ),
    var(--join-surface);
}

html:is([data-theme="dark"], [data-style="dark"], [data-theme-effective="dark"], .kt-theme-dark) .kt-join-status.is-active {
  background:
    linear-gradient(
      118deg,
      color-mix(in srgb, var(--join-status-soft) 20%, var(--join-surface)),
      var(--join-surface)
    );
}

@media (max-width: 87.99rem) {
  .kt-join-card {
    grid-template-columns:
      minmax(13rem, 1fr)
      minmax(12rem, 1fr)
      minmax(10rem, 0.8fr);
  }

  .kt-join-card__actions {
    grid-column: 1 / -1;
    inline-size: auto;
    max-inline-size: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-block-start: 0.62rem;
    padding-inline-start: 0;
    border-block-start: 1px solid var(--join-border);
    border-inline-start: 0;
  }
}

@media (max-width: 61.99rem) {
  .kt-join-hero {
    align-items: flex-start;
  }

  .kt-join-statuses {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kt-join-console__header {
    align-items: flex-start;
    flex-direction: column;
  }

  .kt-join-toolbar {
    inline-size: 100%;
  }

  .kt-join-search {
    inline-size: min(100%, 20rem);
    margin-inline-end: auto;
  }

  .kt-join-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kt-join-card__identity {
    grid-column: 1 / -1;
  }

  .kt-join-card__contact {
    padding-inline-start: 0;
    border-inline-start: 0;
  }
}

@media (max-width: 47.99rem) {
  .kt-join-page {
    padding-block-end: 1rem;
  }

  .kt-join-hero {
    min-block-size: 0;
    display: grid;
    padding: 1rem;
    border-radius: 0.95rem;
  }

  .kt-join-hero__identity {
    align-items: flex-start;
  }

  .kt-join-hero__icon {
    inline-size: 2.75rem;
    block-size: 2.75rem;
    border-radius: 0.8rem;
    font-size: 1.15rem;
  }

  .kt-join-hero h1 {
    font-size: 1.45rem;
  }

  .kt-join-hero p {
    font-size: 0.8rem;
  }

  .kt-join-hero__summary {
    inline-size: 100%;
    flex-basis: auto;
  }

  .kt-join-statuses {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
  }

  .kt-join-status {
    min-block-size: 4.35rem;
  }

  .kt-join-console {
    border-radius: 0.9rem;
  }

  .kt-join-console__header {
    padding: 0.8rem;
  }

  .kt-join-toolbar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kt-join-search {
    grid-column: 1 / -1;
    inline-size: 100%;
  }

  .kt-join-button {
    inline-size: 100%;
    min-block-size: 2.75rem;
  }

  .kt-join-queue {
    padding: 0.55rem;
  }

  .kt-join-selection {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.45rem;
  }

  .kt-join-card {
    min-block-size: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.82rem;
    padding-block-start: 3rem;
  }

  .kt-join-card__select {
    inset-block-start: 0.72rem;
  }

  .kt-join-card__identity,
  .kt-join-card__contact,
  .kt-join-card__decision,
  .kt-join-card__actions {
    grid-column: auto;
  }

  .kt-join-card__contact,
  .kt-join-card__decision,
  .kt-join-card__actions {
    padding-block-start: 0.68rem;
    padding-inline-start: 0;
    border-block-start: 1px solid var(--join-border);
    border-inline-start: 0;
  }

  .kt-join-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .kt-join-action {
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 2.5rem;
  }

  .kt-join-card__action-divider {
    display: none;
  }

  .kt-join-empty {
    min-block-size: 17rem;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  .kt-join-modal__dialog {
    grid-template-columns: 2.65rem minmax(0, 1fr);
    padding: 0.9rem;
  }

  .kt-join-modal__icon {
    inline-size: 2.65rem;
    block-size: 2.65rem;
  }

  .kt-join-modal__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .kt-join-page *,
  .kt-join-page *::before,
  .kt-join-page *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Join request review dossier — show page. */
.kt-join-detail__hero { min-block-size: 9rem; }
.kt-join-detail__avatar { position:relative;inline-size:4.75rem;block-size:4.75rem;flex:0 0 4.75rem;display:grid;place-items:center;overflow:hidden;border:4px solid var(--join-surface);border-radius:1.2rem;background:var(--join-primary-soft);color:var(--join-primary);box-shadow:0 0 0 1px var(--join-border),var(--join-shadow-sm) }
.kt-join-detail__avatar img{inline-size:100%;block-size:100%;object-fit:cover}.kt-join-detail__avatar b{font-size:1rem;font-weight:900;letter-spacing:.05em}.kt-join-detail__avatar>i{position:absolute;inset-inline-start:.12rem;inset-block-end:.12rem;inline-size:.75rem;block-size:.75rem;border:2px solid var(--join-surface);border-radius:50%;background:var(--join-success)}
.kt-join-detail__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:.55rem}.kt-join-detail__chip{display:inline-flex;align-items:center;gap:.3rem;min-block-size:1.85rem;padding:.3rem .55rem;border:1px solid var(--join-border);border-radius:999px;background:var(--join-surface);color:var(--join-muted);font-size:.68rem;font-weight:850}.kt-join-detail__chip--wait{border-color:color-mix(in srgb,var(--join-warning) 24%,var(--join-border));background:var(--join-warning-soft);color:var(--join-warning)}.kt-join-detail__chip--accept{border-color:color-mix(in srgb,var(--join-success) 24%,var(--join-border));background:var(--join-success-soft);color:var(--join-success)}.kt-join-detail__chip--reject{border-color:color-mix(in srgb,var(--join-danger) 24%,var(--join-border));background:var(--join-danger-soft);color:var(--join-danger)}
.kt-join-detail__back{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-block-size:2.55rem;padding:.55rem .75rem;border:1px solid var(--join-border);border-radius:.78rem;background:var(--join-surface);color:var(--join-primary);font-size:.74rem;font-weight:900;box-shadow:var(--join-shadow-xs)}
.kt-join-detail__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block-start:.8rem}.kt-join-detail__panel{min-inline-size:0;overflow:hidden;border:1px solid var(--join-border);border-radius:1rem;background:var(--join-surface);box-shadow:var(--join-shadow-sm)}.kt-join-detail__panel--wide{grid-column:1/-1}.kt-join-detail__panel>header{display:flex;align-items:center;gap:.65rem;padding:.8rem .9rem;border-block-end:1px solid var(--join-border)}.kt-join-detail__panel>header>span{inline-size:2.4rem;block-size:2.4rem;flex:0 0 auto;display:grid;place-items:center;border-radius:.75rem;background:var(--join-primary-soft);color:var(--join-primary);font-size:1rem}.kt-join-detail__panel h2{margin:0;color:var(--join-text);font-size:.88rem;font-weight:900}.kt-join-detail__panel header p{margin:.1rem 0 0;color:var(--join-muted);font-size:.66rem;line-height:1.55}
.kt-join-detail__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.25rem .9rem .7rem}.kt-join-detail__facts--single{grid-template-columns:minmax(0,1fr)}.kt-join-detail__facts>div{min-inline-size:0;padding:.68rem .1rem;border-block-end:1px solid color-mix(in srgb,var(--join-border) 72%,transparent)}.kt-join-detail__facts>div:nth-last-child(-n+2){border-block-end:0}.kt-join-detail__facts--single>div:nth-last-child(2){border-block-end:1px solid color-mix(in srgb,var(--join-border) 72%,transparent)}.kt-join-detail__facts span{display:flex;align-items:center;gap:.3rem;margin-block-end:.22rem;color:var(--join-muted);font-size:.66rem;font-weight:800}.kt-join-detail__facts span i{color:var(--join-primary);font-size:.82rem}.kt-join-detail__facts strong{display:block;color:var(--join-text);font-size:.75rem;font-weight:850;overflow-wrap:anywhere}
.kt-join-detail__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.85rem}.kt-join-detail__metrics>div{display:grid;grid-template-columns:auto 1fr;column-gap:.5rem;align-items:center;padding:.65rem;border-radius:.8rem;background:var(--join-surface-soft)}.kt-join-detail__metrics>div>span{grid-row:1/3;inline-size:2.15rem;block-size:2.15rem;display:grid;place-items:center;border-radius:.65rem;background:var(--join-accent-soft);color:var(--join-accent)}.kt-join-detail__metrics small{color:var(--join-muted);font-size:.64rem;font-weight:750}.kt-join-detail__metrics strong{color:var(--join-text);font-size:.78rem;font-weight:900}.kt-join-detail__location{display:flex;align-items:center;gap:.7rem;padding:.9rem}.kt-join-detail__location>span{inline-size:2.75rem;block-size:2.75rem;flex:0 0 auto;display:grid;place-items:center;border-radius:.85rem;background:var(--join-primary-soft);color:var(--join-primary);font-size:1.05rem}.kt-join-detail__location strong,.kt-join-detail__location small{display:block}.kt-join-detail__location strong{color:var(--join-text);font-size:.76rem;font-weight:900;overflow-wrap:anywhere}.kt-join-detail__location small{margin-block-start:.2rem;color:var(--join-muted);font-size:.66rem}
@media(max-width:767.98px){.kt-join-detail__hero{align-items:flex-start;flex-direction:column}.kt-join-detail__back{align-self:stretch}.kt-join-detail__grid{grid-template-columns:minmax(0,1fr)}.kt-join-detail__panel--wide{grid-column:auto}}
@media(max-width:479.98px){.kt-join-detail__avatar{inline-size:3.6rem;block-size:3.6rem;flex-basis:3.6rem;border-radius:.95rem}.kt-join-detail__facts{grid-template-columns:minmax(0,1fr)}.kt-join-detail__facts>div:nth-last-child(2){border-block-end:1px solid color-mix(in srgb,var(--join-border) 72%,transparent)}}

@keyframes kt-join-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes kt-join-progress {
  from {
    inset-inline-start: -36%;
  }

  to {
    inset-inline-start: 100%;
  }
}

@keyframes kt-join-modal-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }

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

@keyframes kt-join-toast-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

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

@keyframes kt-join-toast-countdown {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .kt-join-premium-toast__progress::after {
    animation: none;
  }
}