/* OHELP SINGLE COMPACT MODE SELECTOR */

.ohelp-unified-mode-menu,
.ohelp-mode-dropdown-menu {
    position: fixed !important;
    display: flex !important;
    flex-direction: column !important;

    width: max-content;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    padding: 3px !important;
    margin: 0 !important;

    background: #fff !important;
    border: 1px solid #d7e4dc !important;
    border-radius: 10px !important;

    box-shadow: 0 6px 18px rgba(0,0,0,.13) !important;

    transform: none !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
}

.ohelp-unified-mode-option,
.ohelp-mode-dropdown-menu button {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;

    padding: 0 10px !important;
    margin: 0 !important;

    background: white !important;
    color: #124c34 !important;

    border: 0 !important;
    border-radius: 7px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
}

.ohelp-unified-mode-option:hover,
.ohelp-mode-dropdown-menu button:hover {
    background: #e6f5eb !important;
}

.ohelp-mode-dropdown-container {
    position: relative !important;
    width: fit-content !important;
    max-width: 100% !important;
}

.ohelp-mode-dropdown-menu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: auto !important;

    width: 100% !important;
    min-width: 100% !important;
}

.ohelp-mode-dropdown-menu[hidden] {
    display: none !important;
}