.sgh {
    --sgh-navy: #062b55;
    --sgh-navy-deep: #031e3b;
    --sgh-orange: #ff9500;
    --sgh-orange-hover: #e98500;
    --sgh-text: #f7fbff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9990;
	box-sizing: border-box;
    width: 100%;
	max-width: 100%;
    padding: 10px 16px;
    color: var(--sgh-text);
    font-family: inherit;
}

.sgh-spacer {
    display: block;
    width: 100%;
    height: 102px;
    pointer-events: none;
}

.admin-bar .sgh { top: 32px; }

.sgh *, .sgh *::before, .sgh *::after { box-sizing: border-box; }

.sgh__bar {
    width: min(1240px, 100%);
    min-height: 82px;
    margin: 0 auto;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    gap: 24px;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(6,43,85,.76), rgba(3,30,59,.68));
    box-shadow: 0 14px 42px rgba(1,19,38,.2);
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
}

.sgh__brand { flex: 0 0 auto; line-height: 0; }
.sgh__brand .custom-logo-link { display: block; }
.sgh__brand .custom-logo { width: 74px; height: 74px; object-fit: contain; border-radius: 16px; }
.sgh__logo-fallback {
    width: 74px; height: 74px; display: grid; place-items: center;
    color: #fff !important; background: var(--sgh-orange); border-radius: 13px;
    text-decoration: none !important; font-size: 18px; font-weight: 900;
}

.sgh__nav { display: flex; align-items: center; gap: 6px; margin-inline-end: auto; }
.sgh__nav > a, .sgh__menu-trigger {
    min-height: 38px; padding: 0 10px; display: inline-flex; align-items: center; gap: 5px;
    color: rgba(255,255,255,.88) !important; border: 0; border-radius: 11px;
    background: transparent; text-decoration: none !important; font: inherit; font-size: 14px; font-weight: 750;
    cursor: pointer; transition: background .18s ease, color .18s ease;
}
.sgh__menu-trigger { font-size: 13px; background: transparent !important; }
.sgh__nav > a:hover, .sgh__menu-trigger:hover, .sgh__menu.is-open .sgh__menu-trigger { color: #fff !important; background: rgba(255,255,255,.1) !important; }
.sgh__menu-trigger:hover, .sgh__menu.is-open .sgh__menu-trigger { color: #d9e9f7 !important; }
.sgh svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sgh__menu { position: relative; }
.sgh__nav > a > svg, .sgh__nav-leading-icon { width: 17px; height: 17px; flex: 0 0 17px; }
.sgh__menu-trigger > svg:last-child, .sgh__account-trigger > svg:last-child { width: 16px; height: 16px; transition: transform .18s ease; }
.sgh__menu.is-open .sgh__menu-trigger > svg:last-child, .sgh__account.is-open .sgh__account-trigger > svg:last-child { transform: rotate(180deg); }

.sgh__dropdown, .sgh__notification-panel {
    position: absolute; top: calc(100% + 13px); right: 0; width: 290px; padding: 9px;
    visibility: hidden; opacity: 0; transform: translateY(-7px); pointer-events: none;
    border: 1px solid rgba(255,255,255,.17); border-radius: 17px;
    background: linear-gradient(145deg, rgba(6,43,85,.97), rgba(3,30,59,.94));
    box-shadow: 0 22px 55px rgba(1,15,30,.35); backdrop-filter: blur(20px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
.sgh__menu.is-open .sgh__dropdown, .sgh__account.is-open .sgh__dropdown, .sgh__notifications.is-open .sgh__notification-panel { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; }
.sgh__dropdown a { display: flex; flex-direction: column; gap: 2px; padding: 11px 12px; color: #fff !important; border-radius: 11px; text-decoration: none !important; }
.sgh__dropdown a:hover { background: rgba(255,255,255,.11); }
.sgh__dropdown strong { font-size: 14px; }
.sgh__dropdown small { color: rgba(255,255,255,.62); font-size: 11px; }
.sgh__menu > .sgh__dropdown > a { flex-direction: row; align-items: center; gap: 10px; }
.sgh__menu > .sgh__dropdown > a > span:last-child { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sgh__dropdown-icon { width: 39px; height: 39px; flex: 0 0 39px; display: grid; place-items: center; color: #d9e9f7; background: rgba(255,255,255,.09); border-radius: 11px; }
.sgh__dropdown-icon svg { width: 20px; height: 20px; }
.sgh__menu > .sgh__dropdown > a:hover .sgh__dropdown-icon { color: #fff; background: rgba(255,255,255,.15); }

.sgh__tools { display: flex; align-items: center; gap: 8px; direction: rtl; }
.sgh__login { padding: 8px 7px; color: #fff !important; text-decoration: none !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 750; }
.sgh__cta {
    min-height: 42px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center;
    color: #17202a !important; background: var(--sgh-orange); border-radius: 12px;
    box-shadow: 0 9px 24px rgba(255,149,0,.22); text-decoration: none !important; font-size: 13px; font-weight: 900;
    white-space: nowrap; font-size: 12px !important; line-height: 1.25 !important; transition: transform .18s ease, background .18s ease;
}
.sgh__guest-join { gap: 7px; padding-inline: 16px; border: 1px solid rgba(255,255,255,.2); font-size: 13px !important; box-shadow: 0 10px 27px rgba(255,149,0,.28), inset 0 1px 0 rgba(255,255,255,.28); }
.sgh__guest-join svg { width: 18px; height: 18px; stroke-width: 2.2; }
.sgh__cta--desktop { font-size: 12px !important; }
.sgh__cta--provider { font-size: 13.5px !important; }
.sgh__cta:hover { color: #fff !important; background: var(--sgh-orange-hover); transform: translateY(-1px); }

.sgh__notifications, .sgh__account { position: relative; }
.sgh__icon-button {
    position: relative; width: 46px; height: 46px; display: grid; place-items: center;
    padding: 0 !important;
    color: var(--sgh-navy-deep) !important; border: 1px solid rgba(255,255,255,.36); border-radius: 12px;
    background: rgba(238,247,255,.88) !important; cursor: pointer;
}
.sgh__icon-button .sgh__bell { width: 25px; height: 25px; fill: currentColor; stroke: none; }
.sgh__icon-button:hover { color: var(--sgh-navy-deep) !important; background: #fff !important; }
.sgh__notifications.is-open .sgh__icon-button { color: var(--sgh-orange) !important; background: #fff !important; }
.sgh__count {
    position: absolute; top: -6px; left: -6px; min-width: 21px; height: 21px; padding: 0 5px;
    display: grid; place-items: center; color: #fff !important; background: #e53935 !important; border: 2px solid var(--sgh-navy);
    border-radius: 999px; font-size: 10px; font-weight: 900;
}
.sgh__count[hidden] { display: none !important; }

/* Clearer notification control with the unread counter on the right edge. */
.sgh__icon-button{border-color:rgba(255,255,255,.48)!important;background:linear-gradient(145deg,rgba(247,252,255,.98),rgba(218,237,245,.94))!important;box-shadow:0 8px 20px rgba(3,31,56,.2),inset 0 1px 0 #fff;transition:.18s ease}
.sgh__icon-button .sgh__bell{width:25px;height:25px;fill:#123b56!important;stroke:none!important}
.sgh__icon-button:hover,.sgh__icon-button:focus-visible{border-color:#ffb24b!important;background:#fff7ea!important;box-shadow:0 8px 22px rgba(255,145,31,.2);outline:0;transform:translateY(-1px)}
.sgh__icon-button:hover .sgh__bell,.sgh__icon-button:focus-visible .sgh__bell,.sgh__notifications.is-open .sgh__bell{fill:#cf6d0f!important}
.sgh__count{top:-6px!important;right:-6px!important;left:auto!important;min-width:22px;height:22px;border-color:#123b56!important;background:linear-gradient(135deg,#ff7e38,#e84539)!important;font-size:10px!important;box-shadow:0 3px 9px rgba(117,25,26,.3)}
.sgh__notification-panel {
    right: auto; left: 0; width: min(370px, calc(100vw - 28px)); padding: 0; overflow: hidden;
    border-color: rgba(255,255,255,.24);
    background: linear-gradient(145deg, rgba(14,39,59,.98), rgba(5,27,47,.97));
    box-shadow: 0 26px 70px rgba(1,12,25,.58), inset 0 1px 0 rgba(255,255,255,.1);
    backdrop-filter: blur(42px) saturate(110%);
    -webkit-backdrop-filter: blur(42px) saturate(110%);
    isolation: isolate;
}
.sgh__panel-heading { padding: 14px 15px; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.12); }
.sgh__panel-heading strong { font-size: 15px; }
.sgh__panel-heading span { color: rgba(255,255,255,.65); font-size: 11px; }
.sgh__notification-list { max-height: 390px; overflow-y: auto; padding: 7px; }
.sgh__notification-state { padding: 28px 15px; color: rgba(255,255,255,.7); text-align: center; font-size: 13px; }
.sgh__notification-item {
    width: 100%; padding: 11px 12px; display: block; color: #fff !important;
    border: 1px solid transparent !important; border-radius: 12px;
    background: rgba(255,255,255,.035) !important; text-align: right; text-decoration:none!important; font: inherit; cursor: pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent;
    opacity: .78;
    transition: background .16s ease, border-color .16s ease, opacity .16s ease, transform .16s ease;
}
.sgh__notification-item + .sgh__notification-item { margin-top: 5px; }
.sgh__notification-item:hover {
    color: #fff !important; background: rgba(255,255,255,.14) !important;
    border-color: rgba(255,255,255,.2) !important; opacity: 1; transform: translateX(-1px);
}
.sgh__notification-item.is-unread {
    background: rgba(255,255,255,.115) !important;
    border-color: rgba(158,230,192,.32) !important;
    box-shadow: inset -3px 0 0 #9ee6c0;
    opacity: 1;
}
.sgh__notification-item.is-loading{opacity:.72!important;pointer-events:none}
.sgh__notification-item strong { display: block; margin-bottom: 4px; color: #fff !important; font-size: 13px; }
.sgh__notification-item.is-unread strong { font-weight: 900; }
.sgh__notification-item p { margin: 0; color: rgba(255,255,255,.72) !important; font-size: 11px; line-height: 1.65; }
.sgh__notification-item time { display: block; margin-top: 6px; color: rgba(255,255,255,.45); font-size: 10px; }
.sgh__notification-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;overflow:hidden}.sgh__notification-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.08)}.sgh__notification-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sgh__notification-icon--task{color:#d9c1ff;background:rgba(143,104,194,.17)}.sgh__notification-icon--job{color:#9ee6c0;background:rgba(65,163,116,.16)}.sgh__notification-icon--message{color:#a8e9e1;background:rgba(46,147,137,.18)}.sgh__notification-icon--order_update{color:#ffd099;background:rgba(226,145,54,.15)}.sgh__notification-body{display:block;min-width:0;max-width:100%;overflow:hidden}.sgh__notification-item strong,.sgh__notification-item p{max-width:100%;overflow-wrap:anywhere;word-break:normal}.sgh__notification-order{display:inline-flex;margin-inline-start:6px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.8);font-size:8px;font-weight:800;vertical-align:middle}
.sgh__notification-order{font-size:13px!important;line-height:1.2!important;font-weight:900!important}

.sgh__account-trigger {
    min-height: 44px; padding: 2px 4px 2px 6px; display: flex; align-items: center; gap: 6px;
    color: #fff; border: 1px solid rgba(255,255,255,.14); border-radius: 14px;
    background: rgba(255,255,255,.08) !important; font: inherit; cursor: pointer;
}
.sgh__account-trigger:hover, .sgh__account.is-open .sgh__account-trigger { color: #fff !important; background: rgba(225,241,253,.15) !important; border-color: rgba(255,255,255,.24); }
.sgh__account-trigger img { width: 40px; height: 40px; min-width: 40px; max-width: none !important; aspect-ratio: 1 / 1; flex: 0 0 40px; display: block; object-fit: cover; border-radius: 10px; background: rgba(255,255,255,.18); }
.sgh__account-trigger span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff !important; font-size: 12px; font-weight: 800; }
.sgh__account-trigger:hover span, .sgh__account.is-open .sgh__account-trigger span { color: var(--sgh-orange) !important; }
.sgh__role-badge { display: inline-flex; min-height: 20px; padding: 3px 7px; align-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 8px!important; font-weight: 850!important; line-height: 1!important; white-space: nowrap; }
.sgh__role-badge--client { background: rgba(221,238,249,.13); color: #deedf7!important; }
.sgh__role-badge--provider { border-color: rgba(116,211,167,.27); background: rgba(82,179,132,.15); color: #9ce3bd!important; }
.sgh__dropdown--account { right: auto; left: 0; width: 210px; }
.sgh__dropdown--account a { display: block; font-size: 13px; font-weight: 700; }
.sgh__dropdown--account .sgh__account-link{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px;border:1px solid transparent;text-align:right!important;white-space:nowrap}
.sgh__account-link>svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sgh__account-link>span{display:inline!important;flex:0 1 auto;text-align:right!important}
.sgh__account-link.is-current{color:#fff!important;border-color:rgba(158,230,192,.32);background:rgba(158,230,192,.14)!important;box-shadow:inset -3px 0 0 #9ee6c0}
.sgh__account-link.is-current>svg{color:#9ee6c0}.sgh__account-link.is-current>span{font-weight:900}
.sgh__dropdown--account .sgh__logout { color: #ffb6b6 !important; border-top: 1px solid rgba(255,255,255,.1); margin-top: 5px; }
.sgh__dropdown--account .sgh__profile-summary { margin-bottom: 5px; padding: 11px 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; background: rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.1); }
.sgh__profile-summary strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff !important; font-size: 14px; }
.sgh__profile-summary:hover strong { color: var(--sgh-orange) !important; }
.sgh__profile-summary small { color: rgba(255,255,255,.58) !important; font-size: 10px; }
.sgh__profile-name { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.sgh__profile-name strong { min-width: 0; }
.sgh__profile-name .sgh__role-badge { flex: 0 0 auto; }

.sgh__mobile-trigger { display: none; width: 46px; height: 46px; padding: 0 !important; place-items: center; color: #fff !important; border: 2.7px solid rgba(255,255,255,.92) !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; cursor: pointer; transition: color .18s ease, border-color .18s ease, transform .18s ease; }
.sgh__mobile-trigger svg { width: 25px; height: 25px; stroke-width: 2.7; }
.sgh__mobile-trigger:hover, .sgh__mobile-trigger[aria-expanded="true"] { color: #fff !important; border-color: #fff; background: transparent !important; transform: scale(1.03); }
.sgh__mobile, .sgh__mobile-backdrop { display: none; }

@media (max-width: 980px) {
    .sgh-spacer { height: 88px; }
    .sgh { padding: 8px 10px; }
    .sgh__bar { min-height: 72px; padding: 8px 11px; gap: 9px; border-radius: 17px; }
    .sgh__brand .custom-logo, .sgh__logo-fallback { width: 58px; height: 58px; border-radius: 10px; }
    .sgh__nav, .sgh__cta--desktop, .sgh__tools > .sgh__login { display: none; }
    .sgh__tools { flex: 1; margin-inline-start: 0; gap: 6px; }
    .sgh__account { display: block; order: 1; margin-left: auto; }
    .sgh__notifications { order: 2; }
    .sgh__mobile-trigger { order: 3; }
    .sgh__account-trigger { width: 46px; height: 46px; min-height: 46px; padding: 0; background: transparent !important; border-color: transparent; }
    .sgh__account-trigger:hover, .sgh__account.is-open .sgh__account-trigger, .sgh__account-trigger:active, .sgh__account-trigger:focus { color: inherit !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; transform: none !important; outline: none; }
    .sgh__account-trigger img { width: 46px; height: 46px; min-width: 46px; flex-basis: 46px; border-radius: 12px; }
    .sgh__account-trigger > span { display: none; }
    .sgh__account-trigger > .sgh__role-badge { display: none; }
    .sgh__account-trigger > svg { display: none; }
    .sgh__tools > .sgh__guest-join { min-height: 40px; padding: 0 13px; display: inline-flex; order: 1; margin-left: auto; font-size: 12px !important; }
    .sgh__tools { margin-inline-start: auto; }
    .sgh__mobile-trigger { display: grid; }
    .sgh__notification-panel { left: -52px; }
    .sgh__dropdown--account { position: fixed; top: 87px; right: auto; left: 70px; width: min(240px, calc(100vw - 90px)); }
    .sgh__mobile-backdrop { position: fixed; inset: 0; z-index: 9991; background: rgba(1,15,30,.56); backdrop-filter: blur(3px); }
    .sgh__mobile-backdrop.is-open { display: block; }
    .sgh__mobile {
        position: fixed; top: 88px; right: 10px; bottom: auto; z-index: 9992; width: min(340px, 78vw); max-height: calc(100dvh - 112px);
        padding: 14px; display: flex; flex-direction: column; color: #fff; overflow: hidden;
        background: linear-gradient(155deg, rgba(6,43,85,.98), rgba(3,30,59,.98));
        border: 1px solid rgba(255,255,255,.16); border-radius: 20px;
        box-shadow: 0 22px 55px rgba(1,15,30,.42); transform: translateY(-7px) scale(.98); transform-origin: top right; visibility: hidden; opacity: 0; pointer-events: none;
        transition: transform .22s ease, opacity .18s ease, visibility .22s;
    }
    .sgh__mobile.is-open { transform: none; visibility: visible; opacity: 1; pointer-events: auto; }
    .sgh__mobile-heading { padding: 3px 2px 12px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.13); }
    .sgh__mobile-heading > div { display: flex; flex-direction: column; gap: 1px; }
    .sgh__mobile-heading small { color: rgba(255,255,255,.52); font-size: 9px; font-weight: 800; letter-spacing: .08em; }
    .sgh__mobile-heading strong { font-size: 16px; }
    .sgh__mobile-heading button { width: 38px; height: 38px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: rgba(255,255,255,.07); cursor: pointer; }
    .sgh__mobile-heading button:hover { color: var(--sgh-orange); background: rgba(255,255,255,.12); }
    .sgh__mobile-heading button svg { width: 20px; height: 20px; }
    .sgh__mobile nav { padding: 10px 0; display: flex; flex-direction: column; gap: 3px; overflow-y: auto; }
    .sgh__mobile nav a { padding: 8px; display: flex; align-items: center; gap: 10px; color: #fff !important; border-radius: 12px; text-decoration: none !important; }
    .sgh__mobile nav a:hover { background: rgba(255,255,255,.1); }
    .sgh__mobile-nav-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,.09); border-radius: 11px; }
    .sgh__mobile-nav-icon svg { width: 20px; height: 20px; }
    .sgh__mobile nav a > span:last-child { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
    .sgh__mobile nav strong { font-size: 13px; font-weight: 850; }
    .sgh__mobile nav small { color: rgba(255,255,255,.56); font-size: 9px; font-weight: 600; }
    .sgh__mobile-actions { margin-top: auto; padding-top: 14px; display: grid; gap: 9px; border-top: 1px solid rgba(255,255,255,.13); }
    .sgh__mobile-actions .sgh__cta { width: 100%; }
    .sgh__mobile-cta { gap: 7px; font-size: 11.5px !important; }
    .sgh__mobile-cta svg { width: 19px; height: 19px; }
    .sgh__mobile-logout, .sgh__mobile-login { padding: 11px; color: rgba(255,255,255,.76) !important; text-align: center; text-decoration: none !important; font-size: 13px; font-weight: 750; }
}

@media (max-width: 782px) {
    .admin-bar .sgh { top: 46px; }
    .admin-bar .sgh__dropdown--account,
    .admin-bar .sgh__notification-panel { top: 130px; }
    .admin-bar .sgh__mobile { top: 134px; max-height: calc(100dvh - 158px); }
}
@media (max-width: 480px) {
    .sgh__bar { padding: 8px 10px; }
    .sgh__brand .custom-logo, .sgh__logo-fallback { width: 52px; height: 52px; border-radius: 9px; }
    .sgh__icon-button { width: 42px; height: 42px; }
    .sgh__account-trigger { width: 42px; height: 42px; min-height: 42px; }
    .sgh__account-trigger img { width: 42px; height: 42px; min-width: 42px; flex-basis: 42px; }
    .sgh__mobile-trigger { width: 42px; height: 42px; }
    .sgh__notification-panel { position: fixed; top: 84px; right: 14px; left: 14px; width: auto; }
    .sgh__dropdown--account { top: 84px; right: 12px; left: 12px; width: auto; }
    .sgh__mobile { top: 84px; right: 9px; width: min(330px, calc(100vw - 38px)); max-height: calc(100dvh - 108px); }
}

/* Centered, high-contrast mobile navigation. */
@media (max-width: 980px) {
    .sgh__mobile {
        right: auto !important;
        left: 50% !important;
        width: min(370px, calc(100vw - 24px)) !important;
        padding: 15px !important;
        border-color: rgba(118, 224, 208, .28) !important;
        border-radius: 20px !important;
        background:
            radial-gradient(circle at 8% 5%, rgba(244, 154, 63, .2), transparent 33%),
            linear-gradient(150deg, rgba(9, 61, 75, .99), rgba(7, 37, 62, .99)) !important;
        box-shadow: 0 24px 65px rgba(2, 19, 34, .46) !important;
        transform: translate(-50%, -8px) scale(.98) !important;
        transform-origin: top center !important;
    }

    .sgh__mobile.is-open {
        transform: translate(-50%, 0) scale(1) !important;
    }

    .sgh__mobile-heading {
        padding: 2px 3px 13px !important;
        border-color: rgba(255, 255, 255, .16) !important;
    }

    .sgh__mobile-heading small,
    .sgh__mobile nav small {
        color: rgba(222, 242, 242, .72) !important;
    }

    .sgh__mobile-heading button {
        border-color: rgba(244, 154, 63, .32) !important;
        color: #fff !important;
        background: rgba(244, 154, 63, .13) !important;
    }

    .sgh__mobile-heading button:hover,
    .sgh__mobile-heading button:focus-visible {
        color: #173b4f !important;
        background: #f49a3f !important;
    }

    .sgh__mobile nav {
        gap: 5px !important;
    }

    .sgh__mobile nav a {
        min-height: 51px;
        padding: 6px 8px !important;
        border: 1px solid transparent;
    }

    .sgh__mobile nav a:hover,
    .sgh__mobile nav a:focus-visible {
        border-color: rgba(118, 224, 208, .2) !important;
        color: #fff !important;
        background: linear-gradient(90deg, rgba(31, 137, 128, .3), rgba(244, 154, 63, .12)) !important;
    }

    .sgh__mobile-nav-icon {
        color: #7de1d2 !important;
        background: rgba(255, 255, 255, .08) !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    }

    .sgh__mobile nav a:hover .sgh__mobile-nav-icon,
    .sgh__mobile nav a:focus-visible .sgh__mobile-nav-icon {
        color: #173b4f !important;
        background: #f49a3f !important;
    }
}

body.sgh-mobile-open { overflow: hidden; }

/* Canonical account identity in the header — v0.46.0 */
.sgh__account-trigger{min-width:250px}.sgh__account-copy{display:grid!important;min-width:0;gap:4px;text-align:right}.sgh__account-name{display:block!important;max-width:150px;overflow:hidden;color:#fff!important;font-size:13px!important;font-weight:900!important;text-overflow:ellipsis;white-space:nowrap}.sgh__account-meta,.sgh__profile-badges{display:flex!important;align-items:center;gap:4px;flex-wrap:wrap}.sgh__account-meta .sg-user-entity-badge,.sgh__account-meta .sg-user-rank-badge,.sgh__account-meta .sg-user-verified-badge,.sgh__profile-badges .sg-user-entity-badge,.sgh__profile-badges .sg-user-rank-badge,.sgh__profile-badges .sg-user-verified-badge{min-height:23px!important;padding:3px 6px!important;border-radius:7px!important;font-size:8px!important}.sgh__account-meta .sg-user-entity-badge svg,.sgh__account-meta .sg-user-rank-badge svg,.sgh__account-meta .sg-user-verified-badge svg,.sgh__profile-badges .sg-user-entity-badge svg,.sgh__profile-badges .sg-user-rank-badge svg,.sgh__profile-badges .sg-user-verified-badge svg{width:14px!important;height:14px!important;flex-basis:14px!important}.sgh__account-meta .sg-user-rank-badge small,.sgh__profile-badges .sg-user-rank-badge small{display:none!important}.sgh__account-meta .sg-user-rank-badge b,.sgh__profile-badges .sg-user-rank-badge b{font-size:8px!important}.sgh__account-chevron{width:23px!important;height:23px!important;flex:0 0 23px;color:#fff!important;stroke-width:2.5!important}.sgh__account.is-open .sgh__account-chevron{transform:rotate(180deg)}.sgh__profile-badges{margin-top:5px}
@media(max-width:980px){.sgh__account-trigger{width:auto!important;min-width:128px!important;height:46px!important;padding:0 4px!important;gap:4px!important}.sgh__account-trigger>.sgh__account-copy{display:grid!important}.sgh__account-name{display:none!important}.sgh__account-meta{gap:3px!important;flex-wrap:nowrap!important}.sgh__account-meta .sg-user-entity-badge,.sgh__account-meta .sg-user-rank-badge,.sgh__account-meta .sg-user-verified-badge{display:grid!important;width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;padding:0!important;place-items:center!important;border-radius:7px!important}.sgh__account-meta .sg-user-entity-badge>span,.sgh__account-meta .sg-user-rank-badge>span,.sgh__account-meta .sg-user-verified-badge>span{display:none!important}.sgh__account-meta .sg-user-entity-badge svg,.sgh__account-meta .sg-user-rank-badge svg,.sgh__account-meta .sg-user-verified-badge svg{width:17px!important;height:17px!important;flex-basis:17px!important}.sgh__account-chevron{display:none!important}}
@media(max-width:480px){.sgh__account-trigger{min-width:120px!important;height:42px!important}.sgh__account-trigger img{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important}.sgh__account-meta .sg-user-entity-badge,.sgh__account-meta .sg-user-rank-badge,.sgh__account-meta .sg-user-verified-badge{width:23px!important;min-width:23px!important;height:23px!important;min-height:23px!important}.sgh__account-meta .sg-user-entity-badge svg,.sgh__account-meta .sg-user-rank-badge svg,.sgh__account-meta .sg-user-verified-badge svg{width:15px!important;height:15px!important}}

/* Unified account cluster and canonical rank colors — v0.47.0 */
.sgh__account-trigger:hover .sg-user-rank-badge--new,.sgh__account.is-open .sg-user-rank-badge--new{color:#1f5961!important}.sgh__account-trigger:hover .sg-user-rank-badge--advance,.sgh__account.is-open .sg-user-rank-badge--advance{color:#214d85!important}.sgh__account-trigger:hover .sg-user-rank-badge--expert,.sgh__account.is-open .sg-user-rank-badge--expert{color:#6d4104!important}.sgh__account-trigger:hover .sg-user-rank-badge--skillful,.sgh__account.is-open .sg-user-rank-badge--skillful{color:#5f2d7b!important}.sgh__account-trigger:hover .sg-user-rank-badge span,.sgh__account.is-open .sg-user-rank-badge span{color:inherit!important}.sgh__account-chevron{width:27px!important;height:27px!important;stroke:#fff!important;stroke-width:2.8!important}
@media(max-width:980px){.sgh__account{margin-left:auto!important}.sgh__account-trigger{min-width:0!important;width:auto!important;max-width:calc(100vw - 90px)!important;height:50px!important;padding:4px 6px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:14px!important;background:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 18px rgba(2,22,35,.12)!important}.sgh__account-trigger:hover,.sgh__account.is-open .sgh__account-trigger{background:rgba(255,255,255,.14)!important}.sgh__account-meta{display:flex!important;gap:3px!important;padding:3px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:9px!important;background:rgba(4,34,51,.28)!important}.sgh__dropdown--account{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:min(260px,calc(100vw - 24px))!important;max-height:calc(100dvh - 105px)!important;overflow:auto!important;transform:translateY(-6px)!important;transform-origin:top right!important}.sgh__account.is-open .sgh__dropdown--account{transform:translateY(0)!important}.admin-bar .sgh__dropdown--account{top:calc(100% + 8px)!important}}
@media(max-width:480px){.sgh__account-trigger{height:46px!important;padding:3px 5px!important}.sgh__account-trigger img{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;border-radius:10px!important}.sgh__account-meta .sg-user-entity-badge,.sgh__account-meta .sg-user-rank-badge,.sgh__account-meta .sg-user-verified-badge{width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important}.sgh__dropdown--account{right:0!important;width:min(250px,calc(100vw - 18px))!important}}

/* Expert badge keeps its canonical brown foreground in every header state — v0.47.1 */
.sgh__account .sg-user-rank-badge--expert,
.sgh__account .sg-user-rank-badge--expert b,
.sgh__account .sg-user-rank-badge--expert small,
.sgh__account .sg-user-rank-badge--expert svg,
.sgh__account-trigger:hover .sg-user-rank-badge--expert,
.sgh__account.is-open .sg-user-rank-badge--expert{color:#6d4104!important}
.sgh__account .sg-user-rank-badge--expert svg,
.sgh__account .sg-user-rank-badge--expert svg *{fill:none!important;stroke:#6d4104!important}
.sgh__account-trigger:hover .sg-user-rank-badge--expert,
.sgh__account-trigger:hover .sg-user-rank-badge--expert svg,
.sgh__account.is-open .sg-user-rank-badge--expert,
.sgh__account.is-open .sg-user-rank-badge--expert svg{filter:none!important;transform:none!important}
.sgh__account .sg-user-rank-badge--capable,.sgh__account .sg-user-rank-badge--capable b,.sgh__account .sg-user-rank-badge--capable small,.sgh__account .sg-user-rank-badge--capable svg,.sgh__account-trigger:hover .sg-user-rank-badge--capable,.sgh__account.is-open .sg-user-rank-badge--capable{color:#285f43!important}.sgh__account .sg-user-rank-badge--capable svg *{fill:none!important;stroke:#285f43!important}