/* KP dropdowns — compact dual-theme refresh */
.kp-dropdown{ position:relative; }
.kp-dropdown__trigger{ cursor:pointer; }
.kp-dropdown__menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  min-width:220px;
  max-width:min(320px, calc(100vw - 24px));
  max-height:min(70vh, 420px);
  overflow:auto;
  padding:8px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,242,236,.98));
  border:1px solid rgba(155,102,72,.14);
  border-radius:20px;
  box-shadow:0 22px 56px rgba(74,46,31,.14);
  z-index:var(--k-z-dropdown);
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px) scale(.98);
  transition:opacity var(--k-duration-fast) var(--k-ease), visibility var(--k-duration-fast) var(--k-ease), transform var(--k-duration-fast) var(--k-ease);
}
[data-theme="dark"] .kp-dropdown__menu{
  background:linear-gradient(180deg, rgba(30,24,21,.96), rgba(22,18,16,.98));
  border-color:rgba(255,235,210,.10);
  box-shadow:0 26px 64px rgba(0,0,0,.34);
}
.kp-dropdown.is-open .kp-dropdown__menu{ opacity:1; visibility:visible; transform:translateY(0) scale(1); }
.kp-dropdown__menu--right{ left:auto; right:0; }
.kp-dropdown__item{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border-radius:14px;
  font-size:var(--k-text-sm);
  font-weight:600;
  color:var(--k-text-secondary);
  background:rgba(255,255,255,.72);
  border:1px solid transparent;
  cursor:pointer;
  text-decoration:none;
  transition:transform var(--k-duration-fast), background var(--k-duration-fast), border-color var(--k-duration-fast), color var(--k-duration-fast);
}
[data-theme="dark"] .kp-dropdown__item{
  background:rgba(255,255,255,.04);
}
.kp-dropdown__item:hover{
  transform:translateY(-1px);
  background:rgba(246,233,223,.96);
  border-color:rgba(184,109,73,.22);
  color:var(--k-text-primary);
}
[data-theme="dark"] .kp-dropdown__item:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,235,210,.10);
}
.kp-dropdown__item--danger{ color:var(--k-red); }
.kp-dropdown__item--danger:hover{ background:color-mix(in srgb, var(--k-red-soft) 74%, transparent); border-color:color-mix(in srgb, var(--k-red) 18%, transparent); }
.kp-dropdown__divider{ height:1px; background:var(--k-border-subtle); margin:6px 6px; }
.kp-dropdown__header{ padding:8px 12px 6px; font-size:11px; font-weight:800; color:var(--k-text-muted); text-transform:uppercase; letter-spacing:.08em; }
@media (max-width: 640px){
  .kp-dropdown__menu{ min-width:min(260px, calc(100vw - 16px)); border-radius:16px; padding:6px; }
  .kp-dropdown__item{ min-height:40px; padding:9px 11px; }
}