/* v3.13.26 — Destaque refinado dos atalhos de etapas do Kanban */
.kanban-stage-menu {
  gap: 10px;
  padding: 5px 2px 10px;
}

.kanban-stage-menu button {
  position: relative;
  min-height: 42px;
  padding: 8px 12px 8px 15px;
  border-color: color-mix(in srgb, var(--stage-accent) 26%, rgba(23, 33, 43, 0.12));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--stage-soft) 78%, #ffffff) 0%, #ffffff 72%),
    #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), 0 8px 20px rgba(17, 24, 39, 0.045);
}

.kanban-stage-menu button::before {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  background: var(--stage-accent);
  box-shadow:
    0 0 0 4px var(--stage-soft),
    0 6px 14px color-mix(in srgb, var(--stage-accent) 28%, transparent);
}

.kanban-stage-menu button::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 999px;
  background: var(--stage-accent);
  opacity: 0.88;
}

.kanban-stage-menu button:hover,
.kanban-stage-menu button:focus-visible {
  border-color: color-mix(in srgb, var(--stage-accent) 46%, rgba(23, 33, 43, 0.12));
  background:
    linear-gradient(90deg, var(--stage-soft) 0%, #ffffff 78%),
    #ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.82),
    0 12px 28px rgba(17, 24, 39, 0.075);
}

.kanban-stage-menu strong {
  min-width: 25px;
  height: 25px;
  border: 1px solid color-mix(in srgb, var(--stage-accent) 18%, transparent);
  background: color-mix(in srgb, var(--stage-soft) 86%, #ffffff);
  color: var(--stage-ink);
  font-size: 11px;
  font-weight: 820;
}

@supports not (color: color-mix(in srgb, white, black)) {
  .kanban-stage-menu button {
    border-color: var(--stage-accent);
    background: var(--stage-soft);
  }

  .kanban-stage-menu strong {
    border-color: rgba(23, 33, 43, 0.08);
    background: #ffffff;
  }
}