.mg-corporate-access {
    position: relative;
    margin: 0;
    padding: 0;
}

.mg-corporate-access > summary {
    display: flex;
    align-items: center;
    gap: 7px;
    box-sizing: border-box;
    min-height: 44px;
    padding: 8px 0;
    color: #173b4b;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
}

.mg-corporate-access > summary::-webkit-details-marker {
    display: none;
}

.mg-corporate-access > summary::after {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-top: -3px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    content: '';
    transform: rotate(45deg);
}

.mg-corporate-access[open] > summary::after {
    margin-top: 3px;
    transform: rotate(225deg);
}

.mg-corporate-access > summary:focus-visible,
.mg-corporate-access__menu a:focus-visible {
    outline: 2px solid #397c68;
    outline-offset: 3px;
}

.mg-corporate-access__menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-width: 200px;
    max-width: calc(100vw - 32px);
    margin: 0;
    padding: 6px;
    border: 1px solid #e2e9eb;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(7, 31, 43, .10);
}

.mg-corporate-access:not([open]) > .mg-corporate-access__menu {
    display: none;
}

.mg-corporate-access .mg-corporate-access__menu a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0;
    padding: 9px 12px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    box-shadow: none;
    color: #173b4b;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.mg-corporate-access .mg-corporate-access__menu a:hover,
.mg-corporate-access .mg-corporate-access__menu a:focus-visible {
    background: #f0f5f3;
    color: #205d49;
}

.v18-mobile-panel .mg-corporate-access {
    position: static;
}

.v18-mobile-panel .mg-corporate-access > summary {
    padding: 10px 0;
    color: #173b4b;
    font-size: inherit;
}

.v18-mobile-panel .mg-corporate-access__menu {
    position: static;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 0 0 4px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.v18-mobile-panel .mg-corporate-access .mg-corporate-access__menu a {
    color: #173b4b;
}

.v18-mobile-panel .mg-corporate-access .mg-corporate-access__menu a:hover,
.v18-mobile-panel .mg-corporate-access .mg-corporate-access__menu a:focus-visible {
    background: #f0f5f3;
    color: #205d49;
}

body.mg-corporate-desktop-ready header .mgv60-bayi-link,
body.mg-corporate-desktop-ready .mgv60-bayi-fixed,
.v18-desktop-nav.mg-corporate-access-ready .mgv60-bayi-link,
.v18-mobile-panel.mg-corporate-access-ready .mgv60-mobile-bayi-link {
    display: none !important;
}

/* Match the existing navigation's dark label; keep this scoped to our dropdown. */
.v18-desktop-nav details.mg-corporate-access > summary,
.v18-mobile-panel details.mg-corporate-access > summary {
    color: #071e2d;
    -webkit-text-fill-color: currentColor;
    opacity: 1;
}

.v18-desktop-nav details.mg-corporate-access > summary {
    font-weight: 800;
}
