.kivo-autocomplete {
    position: relative;
    width: 100%;
}

.kivo-autocomplete-input {
    width: 100%;
    box-sizing: border-box;
}

.kivo-autocomplete-results {
    /* position/top/left/width/z-index are set inline by kivo-autocomplete.js (position: fixed,
       relative to the input's bounding rect) so the list floats above modals/overflow containers. */
    max-height: 240px;
    overflow-y: auto;
    background: var(--c-background, #fff);
    border: 1px solid var(--c-border, #ccc);
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.kivo-autocomplete-item {
    padding: 6px 10px;
    cursor: pointer;
    font-size: 13px;
}

.kivo-autocomplete-item:hover,
.kivo-autocomplete-item.is-active {
    background: var(--c-primary-light, #eef6ff);
}

.kivo-autocomplete-item.is-archived {
    color: var(--c-text-muted, #888);
    font-style: italic;
}