/* === BADGES === */
.kp-badge{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 10px;border-radius:var(--r-full);
  font-size:.75rem;font-weight:700;letter-spacing:.02em;
}
.kp-badge--pending{background:rgba(243,156,18,.12);color:#b8860b}
.kp-badge--success{background:var(--c-success-bg);color:#0d7a5f}
.kp-badge--danger{background:var(--c-danger-bg);color:var(--c-danger)}
.kp-badge--info{background:rgba(19,32,43,.07);color:var(--c-ink)}

/* === EMPTY STATE === */
.kp-empty{text-align:center;padding:var(--sp-3xl) var(--sp-md)}
.kp-empty__icon{display:block;font-size:52px!important;color:var(--c-border);margin-bottom:var(--sp-md)}
.kp-empty__text{font-size:1rem;color:var(--c-text-secondary);margin-bottom:var(--sp-lg)}

/* === STARS === */
.kp-stars{display:flex;gap:2px}
.kp-stars .material-symbols-outlined{font-size:16px;color:var(--c-border)}
.kp-stars .material-symbols-outlined.filled{color:var(--c-warning)}

/* === SPACING === */
.kp-mt-sm{margin-top:var(--sp-md)!important}
.kp-mt-md{margin-top:var(--sp-xl)!important}
.kp-mt-lg{margin-top:var(--sp-2xl)!important}
.kp-mb-0{margin-bottom:0!important}
.kp-py-lg{padding-top:var(--sp-2xl)!important;padding-bottom:var(--sp-2xl)!important}

/* === TEXT === */
.kp-text-primary{color:var(--c-primary)!important}
.kp-text-muted{color:var(--c-text-muted)!important}

/* === TOAST === */
.kp-toast{
  position:fixed;bottom:80px;right:20px;
  background:var(--c-ink);color:#fff;
  padding:12px 22px;border-radius:var(--r-md);
  font-size:.875rem;font-weight:500;
  z-index:var(--z-toast);
  box-shadow:var(--s-xl);
  opacity:0;transform:translateY(10px);
  transition:all .3s var(--ease);pointer-events:none;
}
.kp-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}
.kp-toast--success{background:var(--c-success)}
.kp-toast--error{background:var(--c-danger)}
@media(max-width:991px){.kp-toast{bottom:calc(var(--h-bottomnav) + 16px);right:16px;left:16px}}