.maxkb-extraction-entry {
    position: relative;
    min-width: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-right: 8px;
    padding: 6px 12px;
    color: var(--app-text-color, #1f2329);
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    outline: none;
    transition: color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.maxkb-extraction-entry:hover,
.maxkb-extraction-entry:focus-visible {
    color: var(--el-color-primary, #3370ff);
    background: var(--app-text-color-light-1, #f5f7fa);
}

.maxkb-extraction-entry:focus-visible {
    box-shadow: 0 0 0 3px rgba(51, 112, 255, .2);
}

.maxkb-extraction-entry__title {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.maxkb-extraction-entry__icon {
    width: 17px;
    height: 17px;
    flex: none;
    color: currentColor;
}

.maxkb-extraction-entry__badge {
    position: absolute;
    top: 1px;
    right: 3px;
    padding: 0 4px;
    color: #fff;
    background: linear-gradient(110deg, #3370ff, #7c3aed);
    border-radius: 8px;
    font-size: 8px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: .02em;
    transform: translate(28%, -30%);
}

@media (max-width: 1180px) {
    .maxkb-extraction-entry { min-width: auto; padding-inline: 10px; }
    .maxkb-extraction-entry__badge { display: none; }
}
