/* Scoped to the embedded engagement, never the conversation window or other campaigns. */
header nav .nav-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
header .liveperson-header {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 31px;
    color: #0a477b;
    background: #fff;
    border-radius: 3px;
}
/* No orphan icon or nonfunctional button while loading, blocked, or campaign-ineligible. */
header .liveperson-header:has(#lp-chat:empty) {
    display: none;
}
header .liveperson-header > .fa-comments {
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
    font-size: 1.2em;
}
header #lp-chat .LPMcontainer {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    height: 31px !important;
    min-height: 0 !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 6px 8px 6px 36px !important;
    display: flex !important;
    align-items: center;
    line-height: 19px !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: inherit !important;
    background: transparent !important;
}
header #lp-chat .LPMlabel {
    position: static !important;
    width: auto !important;
    height: auto !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    white-space: nowrap !important;
}
header .liveperson-header:hover {
    background: #0a477b;
    color: #fff;
}
header .liveperson-header:focus-within {
    outline: 3px solid #9bbd3c;
    outline-offset: 2px;
}
@media (max-width: 600px) {
    header nav .nav-menu {
        position: static;
        padding: 8px 0;
        justify-content: center;
    }
}
@media print {
    header .liveperson-header { display: none !important; }
}