/*
 * MASTERUNLOCKCODE — DESKTOP HEADER UTILITY V2
 * 2026-10-11
 *
 * Isolated presentation layer for the top-right header utility area.
 * The structural store-site-header.css remains the baseline.
 */

@media (min-width: 768px) {
    .muc-site-header,
    .muc-site-header .container,
    .muc-header-shell,
    .muc-header-account-v2 {
        overflow: visible !important;
    }

    .muc-header-account-v2 {
        z-index: 30;
        transform: translateY(-6px);
    }

    .muc-header-account-source-v2 {
        display: none !important;
    }

    .muc-header-utility-v2 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
        min-height: 29px;
        white-space: nowrap;
    }

    .muc-header-utility-v2 button,
    .muc-header-utility-v2 a {
        -webkit-tap-highlight-color: transparent;
    }

    .muc-header-secure-v2,
    .muc-header-balance-v2,
    .muc-header-account-button-v2,
    .muc-header-help-v2 {
        box-sizing: border-box;
        min-height: 27px;
        border: 1px solid rgba(255,255,255,.085);
        background: rgba(255,255,255,.035);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.045),
            0 3px 12px rgba(1,23,37,.055);
        color: #d8e8f2;
        transition:
            background-color .16s ease,
            border-color .16s ease,
            color .16s ease,
            transform .16s ease,
            box-shadow .16s ease;
    }

    .muc-header-secure-v2 {
        min-width: 92px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 6px;
        padding: 3px 10px 3px 6px;
        border-radius: 999px;
        cursor: default;
    }

    .muc-header-secure-icon-v2 {
        width: 19px;
        height: 19px;
        flex: 0 0 19px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #ffae37;
        background: rgba(242,138,0,.11);
        border: 1px solid rgba(255,171,55,.17);
    }

    .muc-header-secure-icon-v2 svg {
        width: 13px;
        height: 13px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .muc-header-secure-copy-v2,
    .muc-header-balance-copy-v2,
    .muc-header-account-copy-v2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
        line-height: 1.05;
        text-align: left;
    }

    .muc-header-secure-copy-v2 strong,
    .muc-header-balance-copy-v2 strong,
    .muc-header-account-copy-v2 strong {
        display: block;
        overflow: hidden;
        color: #f5f9fc;
        font-size: 9.5px;
        font-weight: 700;
        line-height: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .muc-header-secure-copy-v2 small,
    .muc-header-balance-copy-v2 small,
    .muc-header-account-copy-v2 small {
        display: none !important;
    }

    .muc-header-balance-v2 {
        min-width: 88px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 7px;
        padding: 3px 11px 3px 6px;
        border-radius: 999px;
        text-decoration: none !important;
        white-space: nowrap;
    }

    .muc-header-balance-v2[hidden] {
        display: none !important;
    }

    .muc-header-balance-v2:hover,
    .muc-header-balance-v2:focus {
        color: #fff;
        background: rgba(255,255,255,.075);
        border-color: rgba(255,255,255,.17);
        text-decoration: none;
    }

    .muc-header-balance-icon-v2 {
        width: 19px;
        height: 19px;
        flex: 0 0 19px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #8bd8b2;
        background: rgba(52,170,113,.11);
        border: 1px solid rgba(106,210,157,.13);
    }

    .muc-header-balance-icon-v2 svg {
        width: 13px;
        height: 13px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .muc-header-balance-copy-v2 {
        min-width: 45px;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        line-height: 1;
    }

    .muc-header-balance-copy-v2 strong {
        color: #f2fbf6;
        font-size: 10px;
        line-height: 1;
        font-variant-numeric: tabular-nums;
    }

    .muc-header-account-menu-wrap-v2 {
        position: relative;
        display: inline-flex;
    }

    .muc-header-account-button-v2 {
        max-width: 225px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 3px 6px 3px 4px;
        border-radius: 999px;
        font-family: inherit;
        cursor: pointer;
        outline: 0;
    }

    .muc-header-account-button-v2:hover,
    .muc-header-account-button-v2:focus,
    .muc-header-account-button-v2[aria-expanded="true"] {
        color: #fff;
        background: rgba(255,255,255,.08);
        border-color: rgba(255,255,255,.18);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.055),
            0 5px 16px rgba(0,20,34,.10);
    }

    .muc-header-avatar-v2 {
        width: 21px;
        height: 21px;
        flex: 0 0 21px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
        background:
            linear-gradient(145deg,
                rgba(242,138,0,.96),
                rgba(218,105,0,.98));
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.25),
            0 2px 7px rgba(134,65,0,.18);
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .15px;
    }

    .muc-header-avatar-v2 svg {
        width: 13px;
        height: 13px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .muc-header-account-copy-v2 {
        max-width: 145px;
    }

    .muc-header-chevron-v2 {
        width: 15px;
        height: 15px;
        flex: 0 0 15px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #8ca9bc;
        transition: transform .16s ease, color .16s ease;
    }

    .muc-header-chevron-v2 svg {
        width: 12px;
        height: 12px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .muc-header-account-button-v2[aria-expanded="true"] .muc-header-chevron-v2 {
        color: #fff;
        transform: rotate(180deg);
    }

    .muc-header-help-v2 {
        width: 27px;
        height: 27px;
        flex: 0 0 27px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        text-decoration: none !important;
    }

    .muc-header-help-v2 svg {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: #a9c0d0;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: stroke .16s ease;
    }

    .muc-header-help-v2:hover,
    .muc-header-help-v2:focus {
        background: rgba(255,255,255,.085);
        border-color: rgba(255,255,255,.18);
        transform: translateY(-1px);
    }

    .muc-header-help-v2:hover svg,
    .muc-header-help-v2:focus svg {
        stroke: #fff;
    }

    .muc-header-help-text-v2 {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .muc-header-account-menu-v2 {
        position: absolute;
        right: 0;
        top: 33px;
        z-index: 10060;
        width: 270px;
        overflow: hidden;
        border: 1px solid #d7e2e9;
        border-top: 2px solid #f28a00;
        border-radius: 14px;
        background: #ffffff !important;
        opacity: 1 !important;
        filter: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        isolation: isolate;
        box-shadow:
            0 18px 42px rgba(10,42,61,.24),
            0 4px 12px rgba(10,42,61,.10);
        color: #1d4967;
        transform-origin: top right;
    }

    .muc-header-account-menu-v2.is-portal-v2 {
        position: fixed !important;
        right: auto !important;
        margin: 0 !important;
        opacity: 1 !important;
        filter: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        transform-origin: top right;
    }

    .muc-header-account-menu-v2[hidden] {
        display: none !important;
    }

    .muc-header-account-menu-v2.is-opening {
        animation: mucHeaderMenuOpenV2 .16s ease-out both;
    }

    @keyframes mucHeaderMenuOpenV2 {
        from {
            transform: translateY(-4px) scale(.988);
        }
        to {
            transform: translateY(0) scale(1);
        }
    }

    .muc-header-menu-profile-v2 {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 13px 14px 12px;
        background:
            linear-gradient(135deg,
                #edf5f9,
                #f9fbfc);
        border-bottom: 1px solid #dfe8ed;
    }

    .muc-header-menu-profile-v2 > span:last-child {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .muc-header-menu-profile-v2 small {
        margin-bottom: 3px;
        color: #778e9d;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: .42px;
        text-transform: uppercase;
    }

    .muc-header-menu-profile-v2 strong {
        overflow: hidden;
        color: #163f5a;
        font-size: 13px;
        font-weight: 750;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .muc-header-menu-avatar-v2 {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        color: #fff;
        background:
            linear-gradient(145deg,#1f668f,#164765);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.17),
            0 4px 12px rgba(19,66,94,.14);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .25px;
    }

    .muc-header-menu-items-v2 {
        padding: 7px;
        background: #ffffff;
    }

    .muc-header-menu-note-v2 {
        margin: 2px 2px 8px;
        padding: 10px 11px;
        border: 1px solid #e4edf3;
        border-radius: 10px;
        background: linear-gradient(180deg,#f8fbfd,#f2f7fa);
        color: #537084;
    }

    .muc-header-menu-note-v2 strong {
        display: block;
        margin-bottom: 4px;
        color: #224c69;
        font-size: 11px;
        font-weight: 750;
        line-height: 1.25;
    }

    .muc-header-menu-note-v2 small {
        display: block;
        color: #678294;
        font-size: 10px;
        font-weight: 500;
        line-height: 1.45;
    }

    .muc-header-menu-link-v2,
    .muc-header-menu-status-v2 {
        min-height: 36px;
        display: flex;
        align-items: center;
        gap: 10px;
        box-sizing: border-box;
        border-radius: 9px;
    }

    .muc-header-menu-link-v2 {
        padding: 7px 9px;
        color: #285a79 !important;
        font-size: 11px;
        font-weight: 650;
        text-decoration: none !important;
        transition: background-color .14s ease, color .14s ease, box-shadow .14s ease, border-color .14s ease;
    }

    .muc-header-menu-link-v2.has-detail-v2 {
        align-items: flex-start;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .muc-header-menu-copy-v2 {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .muc-header-menu-label-v2 {
        display: block;
        line-height: 1.25;
    }

    .muc-header-menu-meta-v2 {
        display: block;
        margin-top: 2px;
        color: #7b92a2;
        font-size: 9px;
        font-weight: 550;
        line-height: 1.35;
    }

    .muc-header-menu-link-v2:hover,
    .muc-header-menu-link-v2:focus {
        color: #123f5c !important;
        background: #eef6fa;
        text-decoration: none !important;
    }

    .muc-header-menu-link-v2.is-guest-primary {
        margin-bottom: 4px;
        border: 1px solid #f3d5af;
        background: linear-gradient(180deg,#fff9f1,#fff3df);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
    }

    .muc-header-menu-link-v2.is-guest-primary:hover,
    .muc-header-menu-link-v2.is-guest-primary:focus {
        background: linear-gradient(180deg,#fff5e8,#fee9c7);
        border-color: #efc68b;
    }

    .muc-header-menu-icon-v2 {
        width: 25px;
        height: 25px;
        flex: 0 0 25px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: #397a9f;
        background: #e8f2f7;
    }

    .muc-header-menu-icon-v2 svg {
        width: 13px;
        height: 13px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .muc-header-menu-link-v2.is-signout {
        color: #98524b !important;
    }

    .muc-header-menu-link-v2.is-signout .muc-header-menu-icon-v2 {
        color: #a95a52;
        background: #fbefed;
    }

    .muc-header-menu-divider-v2 {
        height: 1px;
        margin: 6px 7px;
        background: #e6edf1;
    }

    .muc-header-menu-status-v2 {
        justify-content: space-between;
        min-height: 28px;
        padding: 4px 9px;
        color: #6e8493;
        font-size: 9px;
        line-height: 1.2;
    }

    .muc-header-menu-status-v2 strong {
        margin-left: 10px;
        color: #2a5875;
        font-size: 10px;
        font-weight: 750;
        font-variant-numeric: tabular-nums;
    }

    .muc-header-account-noscript-v2 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .muc-header-account-noscript-v2 > li {
        display: inline-block;
    }

    .muc-header-account-noscript-v2 a {
        color: #c8d9e5;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .muc-header-secure-v2 {
        padding-right: 8px;
    }

    .muc-header-account-copy-v2 {
        max-width: 100px;
    }
}

@media (min-width: 768px) and (max-width: 900px) {
    .muc-header-secure-v2 {
        display: none;
    }

    .muc-header-utility-v2 {
        gap: 5px;
    }

    .muc-header-account-button-v2 {
        max-width: 155px;
    }
}


/* ==========================================================
   MASTERUNLOCKCODE — GUEST TWO-ACCOUNT CHOICE V2.1
   2026-10-11
   Keep Sign In primary. Present Standard and USDT Pro as two
   clear account choices without making Pro visually dominant.
   ========================================================== */
@media (min-width: 768px) {
    .muc-header-account-menu-v2 {
        width: 304px;
        max-width: calc(100vw - 16px);
    }

    .muc-header-menu-link-v2.is-account-standard-v2,
    .muc-header-menu-link-v2.is-account-usdt-v2 {
        position: relative;
        margin-top: 5px;
        padding-right: 46px;
        border: 1px solid #d4e2ea;
        background: linear-gradient(180deg,#fbfdfe,#f4f8fa);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
    }

    .muc-header-menu-link-v2.is-account-standard-v2:hover,
    .muc-header-menu-link-v2.is-account-standard-v2:focus {
        background: linear-gradient(180deg,#f7fbfd,#edf5f9);
        border-color: #bfd5e1;
    }

    .muc-header-menu-link-v2.is-account-standard-v2:after {
        content: "✓";
        position: absolute;
        right: 11px;
        top: 50%;
        width: 22px;
        height: 22px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #1d8a66;
        background: #e8f6f0;
        border: 1px solid #cce8dc;
        font-size: 12px;
        line-height: 1;
        font-weight: 800;
        transform: translateY(-50%);
    }

    .muc-header-menu-link-v2.is-account-usdt-v2 {
        border-color: #cce6dc;
        background: linear-gradient(180deg,#f5fbf8,#edf8f3);
    }

    .muc-header-menu-link-v2.is-account-usdt-v2:hover,
    .muc-header-menu-link-v2.is-account-usdt-v2:focus {
        background: linear-gradient(180deg,#eff9f4,#e5f5ed);
        border-color: #b5ddcd;
    }

    .muc-header-menu-link-v2.is-account-usdt-v2 .muc-header-menu-label-v2 {
        color: #1f6752;
    }

    .muc-header-menu-link-v2.is-account-usdt-v2 .muc-header-menu-meta-v2 {
        color: #5e897a;
    }

    .muc-header-menu-link-v2.is-account-usdt-v2 .muc-header-menu-icon-v2 {
        color: #1d8a66;
        background: #def2e9;
    }

    .muc-header-menu-link-v2.is-account-usdt-v2:after {
        content: "PRO";
        position: absolute;
        right: 10px;
        top: 50%;
        min-width: 31px;
        height: 20px;
        padding: 0 6px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        color: #187255;
        background: #dff2e9;
        border: 1px solid #c8e7da;
        font-size: 8px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: .35px;
        transform: translateY(-50%);
    }

    .muc-header-menu-link-v2.is-account-standard-v2 .muc-header-menu-label-v2,
    .muc-header-menu-link-v2.is-account-usdt-v2 .muc-header-menu-label-v2 {
        font-size: 11px;
        font-weight: 750;
        white-space: nowrap;
    }
}