.core-relpicker {
    position: relative;
    width: 100%;
}

.core-relpicker-menu {
    position: absolute;
    z-index: 120;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 240px;
    overflow: auto;
    border: 1px solid var(--cm-relpicker-accent, #2f7dff);
    border-radius: var(--cm-relpicker-radius, 6px);
    color: var(--cm-relpicker-text, #fff);
    background: var(--cm-relpicker-surface, #111321);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36);
}

.core-relpicker-option {
    display: block;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.core-relpicker-option:hover,
.core-relpicker-option.is-active {
    background: var(--cm-relpicker-active, #34364b);
}

.core-relpicker-main {
    display: block;
    font-weight: 800;
    line-height: 1.25;
}

.core-relpicker-meta {
    display: block;
    margin-top: 2px;
    color: var(--cm-relpicker-muted, #9aa6bd);
    font-size: 12px;
    line-height: 1.3;
}

.core-relpicker-empty {
    padding: 10px 12px;
    color: var(--cm-relpicker-muted, #aeb6c8);
}

.dashboard-light,
html[data-theme="light"],
.theme-light {
    --cm-relpicker-surface: #fff;
    --cm-relpicker-text: #111827;
    --cm-relpicker-active: #edf4ff;
    --cm-relpicker-muted: #64748b;
}