.p3-page .p2 {
    --p3-rail-w: 76px;
    --p3-rail-gap: 26px;
    --p3-gap: 16px;
    --p3-list-w: 300px;
    --p3-ctx-w: 340px;
    --p3-r: 22px;
    --p3-top: calc(var(--p2-top, 68px) + 22px);
    --p3-bar-h: 64px;
    --p2-panel: var(--s3-panel, #14171f);
    --p2-s1: var(--s3-s1, #181c25);
    --p2-s2: var(--s3-s2, #1f242f);
    --p2-s3: var(--s3-s3, #262c39);
    --p2-line: var(--s3-line, #262c39);
    --p2-muted: var(--s3-muted, #aab0c0);
    --p2-soft: var(--s3-soft, #6c7283);
    --p2-hover: var(--s3-hover, rgba(255, 255, 255, .045));
    --p2-list-bg: var(--s3-panel, #14171f);
}


html body.p3-page.p2-on {
    overflow: visible !important;
    background:
        radial-gradient(900px 560px at 8% -12%, rgba(255, 46, 108, .10), transparent 60%),
        radial-gradient(800px 520px at 100% 0%, rgba(255, 170, 61, .06), transparent 60%),
        var(--s3-bg) !important;
    color: var(--s3-text);
}

html body.p3-page.p2-on footer.v2-footer.s3-foot { display: block !important; }

html.s3-nocb body.p3-page .v2-navbar.s3-top .v2-nav-container { max-width: var(--s3-wrap) !important; padding: 0 var(--s3-gut) !important; }
html body.p3-page.p2-on #ds-imp-banner { left: 16px !important; }


.p3-page #p2-shell {
    position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: auto;
    max-width: var(--s3-wrap, 1320px);
    margin: 0 auto;
    padding: var(--p3-top) var(--s3-gut, 32px) 48px;
    border: 0;
    display: grid;
    column-gap: var(--p3-gap);
    row-gap: 0;
    align-items: start;
    grid-template-columns: calc(var(--p3-rail-w) + var(--p3-rail-gap) - var(--p3-gap)) var(--p3-list-w) minmax(0, 1fr) var(--p3-ctx-w);
    
    grid-template-rows: auto auto minmax(0, 1fr);
    grid-template-areas:
        "rail ban  ban  ban"
        "rail head head head"
        "rail list main ctx";
    font-family: 'Poppins', var(--font-sans, system-ui), sans-serif;
    color: var(--s3-text);
}
.p3-page #p2-shell:not(.has-list) {
    grid-template-columns: calc(var(--p3-rail-w) + var(--p3-rail-gap) - var(--p3-gap)) minmax(0, 1fr) var(--p3-ctx-w);
    grid-template-areas: "rail ban ban" "rail head head" "rail main ctx";
}
.p3-page #p2-shell:not(.has-ctx) {
    grid-template-columns: calc(var(--p3-rail-w) + var(--p3-rail-gap) - var(--p3-gap)) var(--p3-list-w) minmax(0, 1fr);
    grid-template-areas: "rail ban ban" "rail head head" "rail list main";
}
.p3-page #p2-shell:not(.has-list):not(.has-ctx) {
    grid-template-columns: calc(var(--p3-rail-w) + var(--p3-rail-gap) - var(--p3-gap)) minmax(0, 1fr);
    grid-template-areas: "rail ban" "rail head" "rail main";
}
.p3-page #p2-shell:not(.has-list) > .p2-list,
.p3-page #p2-shell:not(.has-ctx) > .p2-ctx { display: none; }
.p3-page #p2-shell > .p2-rail   { grid-area: rail; }
.p3-page #p2-shell > #p2-banners { grid-area: ban; }
.p3-page #p2-shell > .p3-head   { grid-area: head; }
.p3-page #p2-shell > .p2-list   { grid-area: list; }
.p3-page #p2-shell > .p2-main   { grid-area: main; }
.p3-page #p2-shell > .p2-ctx    { grid-area: ctx; }


.p3-page #p2-shell.is-fill {
    height: 100vh;
    min-height: 620px;
    grid-template-rows: auto auto minmax(0, 1fr);
    padding-bottom: 22px;
}
.p3-page #p2-shell.is-fill > .p2-list,
.p3-page #p2-shell.is-fill > .p2-main,
.p3-page #p2-shell.is-fill > .p2-ctx { align-self: stretch; min-height: 0; height: auto; }
.p3-page #p2-shell.is-fill > .p2-main { display: flex; flex-direction: column; overflow: hidden; }
.p3-page #p2-shell.is-fill > .p2-ctx { overflow-y: auto; overscroll-behavior: contain; }


.p3-page #p2-shell:not(.is-fill) > .p2-main { display: block; overflow: visible; }
.p3-page #p2-shell:not(.is-fill) > .p2-main > .ds-tabpane.is-active { display: block; }
.p3-page #p2-shell:not(.is-fill) > .p2-main .p2-scroll { overflow: visible; display: block; flex: none; min-height: 0; }
.p3-page #p2-shell:not(.is-fill) > .p2-ctx {
    position: sticky; top: var(--p3-top);
    max-height: calc(100vh - var(--p3-top) - 22px);
    overflow-y: auto; overscroll-behavior: contain;
}
.p3-page #p2-shell:not(.is-fill) > .p2-list {
    position: sticky; top: var(--p3-top);
    max-height: calc(100vh - var(--p3-top) - 22px);
}


.p3-page #p2-shell > .p2-rail {
    position: sticky; top: var(--p3-top);
    align-self: start;
    width: var(--p3-rail-w);
    height: calc(100vh - var(--p3-top) - 22px);
    min-height: 540px;
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 14px 0 12px;
    border-radius: 24px;
    background: linear-gradient(180deg, var(--s3-s1), var(--s3-panel));
    border: 1px solid var(--s3-line);
    box-shadow: 0 30px 60px -36px rgba(0, 0, 0, .7);
    z-index: 20;
}
html:not([data-theme="dark"]) .p3-page #p2-shell > .p2-rail { box-shadow: 0 24px 50px -34px rgba(20, 20, 30, .35); }
.p3-page #p2-rail .p2-rail__nav { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 4px; }
.p3-page #p2-rail .p3-rail__sep { display: block; width: 30px; height: 1px; background: var(--s3-line); margin: 6px 0; }
.p3-page #p2-rail .p2-nav {
    position: relative; width: 50px; height: 50px; border-radius: 16px;
    display: grid; place-items: center;
    color: var(--s3-muted); font-size: 18px;
    background: transparent;
    transition: background .18s, color .18s, box-shadow .18s;
}
.p3-page #p2-rail .p2-nav:hover { background: var(--s3-hover); color: var(--s3-text); }
.p3-page #p2-rail .p2-nav.is-active { color: #fff; background: var(--s3-grad-btn); box-shadow: 0 12px 26px -12px rgba(255, 46, 108, .85); }
.p3-page #p2-rail .p2-nav__badge {
    top: 3px; right: 1px; min-width: 19px; height: 19px; padding: 0 5px;
    font: 700 10.5px/15px 'Poppins', sans-serif;
    background: var(--s3-pink); border: 2px solid var(--s3-s1);
}
.p3-page #p2-rail .p2-nav.is-active .p2-nav__badge { background: #fff; color: var(--s3-pink); border-color: transparent; }
.p3-page #p2-rail .p3-pip { position: absolute; top: 9px; right: 9px; width: 9px; height: 9px; border-radius: 50%; border: 2px solid var(--s3-s1); }
.p3-page #p2-rail .p3-pip--amber { background: #fbbf24; }
.p3-page #p2-rail .p3-pip--pink { background: var(--s3-pink); }
.p3-page #p2-rail .p2-nav.is-active .p3-pip { border-color: transparent; background: #fff; }


.p3-page #p2-rail .p2-rail__me {
    position: relative; flex: 0 0 auto;
    width: 52px; height: 52px; margin-bottom: 8px; padding: 2.5px;
    border-radius: 50%; background: var(--s3-grad);
    display: block;
}
.p3-page #p2-rail .p2-rail__me.is-gold { background: conic-gradient(from 210deg, #ffe7a3, #fcc84e, #f2a93b, #ffe7a3); }
.p3-page #p2-rail .p2-avatar--rail { width: 100%; height: 100%; font-size: 16px; border: 2.5px solid var(--s3-panel); }
.p3-page #p2-rail .p2-status-dot { right: 0; bottom: 0; border-color: var(--s3-panel); }
.p3-page #p2-rail .p2-rail__me.is-attn .p2-avatar { box-shadow: none; }
.p3-page #p2-rail .p2-rail__me.is-attn { animation: p3ring 2.2s ease-in-out infinite; }
@keyframes p3ring { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 46, 108, .55); } 50% { box-shadow: 0 0 0 7px rgba(255, 46, 108, 0); } }


.p3-page #p2-rail .p2-rail__foot { margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.p3-tile {
    position: relative; width: 54px; padding: 8px 0 7px; margin: 0;
    border-radius: 15px; border: 1px solid var(--s3-line); background: var(--s3-s2);
    display: flex; flex-direction: column; align-items: center; gap: 3px;
    font: inherit; font-size: 16px; color: var(--s3-text); cursor: pointer;
    transition: border-color .18s, transform .18s;
}
.p3-tile:hover { border-color: rgba(255, 46, 108, .45); }
.p3-tile small { font: 700 10.5px/1.1 'Poppins', sans-serif; letter-spacing: .01em; color: var(--s3-text); white-space: nowrap; }
.p3-tile--gold { color: var(--s3-gold); }
.p3-tile--gold.is-on {
    color: #2a1d04; border-color: transparent;
    background: linear-gradient(135deg, #ffe7a3, #fcc84e 55%, #f2a93b);
    box-shadow: 0 10px 22px -12px rgba(252, 200, 78, .8);
}
.p3-tile--gold.is-on small { color: #2a1d04; }
.p3-tile--credits i { color: var(--s3-gold); }
html:not([data-theme="dark"]) .p3-tile--gold:not(.is-on) { color: #c98a00; }
html:not([data-theme="dark"]) .p3-tile--credits i { color: #d39a10; }
.p3-page #p2-rail .p2-rail__foot #ds-theme-toggle {
    position: static !important; margin: 0 !important; width: 44px; height: 44px;
    border-radius: 13px; background: transparent; color: var(--s3-soft); border: 0; box-shadow: none;
}
.p3-page #p2-rail .p2-rail__foot #ds-theme-toggle:hover { color: var(--s3-text); background: var(--s3-hover); }


.p3-page #p2-rail .p2-nav::after,
.p3-page #p2-rail .p3-tile::after,
.p3-page #p2-rail .p2-rail__me::after {
    content: attr(data-tip);
    position: absolute; left: calc(100% + 14px); top: 50%;
    transform: translate(-4px, -50%);
    padding: 7px 11px; border-radius: 10px; white-space: nowrap;
    font: 600 12.5px/1.2 'Poppins', sans-serif; color: var(--s3-text);
    background: var(--s3-s3); border: 1px solid var(--s3-line);
    box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .7);
    opacity: 0; pointer-events: none; transition: opacity .15s, transform .15s; z-index: 80;
}
.p3-page #p2-rail .p2-nav:hover::after, .p3-page #p2-rail .p2-nav:focus-visible::after,
.p3-page #p2-rail .p3-tile:hover::after, .p3-page #p2-rail .p3-tile:focus-visible::after,
.p3-page #p2-rail .p2-rail__me:hover::after, .p3-page #p2-rail .p2-rail__me:focus-visible::after { opacity: 1; transform: translate(0, -50%); }
.p3-page #p2-rail .p2-rail__me[aria-expanded="true"]::after { opacity: 0 !important; }

.p3-page #p2-rail .p2-rail__toggle, .p3-page #p2-rail .p2-rail__melbl { display: none !important; }


@media (min-width: 900px) and (max-height: 780px) {
    .p3-page #p2-rail .p2-nav { width: 46px; height: 44px; font-size: 17px; }
    .p3-page #p2-rail .p2-rail__nav { gap: 4px; }
    .p3-page #p2-rail .p3-rail__sep { margin: 3px 0; }
    .p3-page #p2-rail .p2-rail__me { width: 46px; height: 46px; margin-bottom: 4px; }
    .p3-tile { padding: 6px 0 5px; font-size: 15px; }
    .p3-page #p2-rail .p2-rail__foot #ds-theme-toggle { height: 38px; }
}


@media (min-width: 900px) {
    .p3-page #p2-me {
        left: var(--p3-me-x, 140px); top: var(--p3-me-y, 90px);
        max-height: calc(100vh - var(--p3-me-y, 90px) - 16px);
        background: var(--s3-s1); border-color: var(--s3-line); border-radius: 20px;
    }
    .p3-page #p2-me .p3-m-only { display: none !important; }
}


.p3-page #p2-shell > .p3-head {
    display: flex; align-items: flex-end; justify-content: space-between; gap: 18px;
    min-height: 64px; margin: 0 0 20px; min-width: 0;
}
.p3-head__txt { min-width: 0; }
.p3-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 6px; font-size: 13px; line-height: 1.3; color: var(--s3-soft); }
.p3-crumbs a { color: var(--s3-soft) !important; text-decoration: none !important; }
.p3-crumbs a:hover { color: var(--s3-text) !important; }
.p3-crumbs > a:last-of-type:not(:hover) { color: var(--s3-muted) !important; }
.p3-crumbs i { font-size: 9px; opacity: .7; position: static !important; }
.p3-crumbs__parent { display: inline-flex; align-items: center; gap: 8px; }
.p3-crumbs__parent[hidden] { display: none !important; }
html body.p3-page .p3-head h1.p3-title {
    margin: 0; padding: 0; animation: none;
    font: 800 32px/1.1 'Poppins', sans-serif; letter-spacing: -.02em;
    color: var(--s3-text); background: none; -webkit-text-fill-color: currentColor; text-align: left;
}
.p3-head__actions { position: relative; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
.p3-head__actions > [hidden] { display: none !important; }
.p3-btn {
    height: 42px; padding: 0 16px; margin: 0; border-radius: 12px;
    display: inline-flex; align-items: center; gap: 9px;
    font: 600 13.5px/1 'Poppins', sans-serif; color: var(--s3-text) !important; text-decoration: none !important;
    background: var(--s3-s1); border: 1px solid var(--s3-line); cursor: pointer; white-space: nowrap;
    transition: border-color .18s, background .18s;
}
.p3-btn:hover { border-color: rgba(255, 46, 108, .45); }
.p3-btn > i { color: var(--s3-pink); font-size: 13px; position: static !important; }
.p3-btn--primary { color: #fff !important; border: 0; background: var(--s3-grad-btn); box-shadow: 0 12px 26px -12px rgba(255, 46, 108, .85); }
.p3-btn--primary > i { color: #fff; }
.p3-btn[disabled] { opacity: .55; cursor: not-allowed; }


.p3-statuswrap { position: relative; }
.p3-status .p3-status__caret { font-size: 10px; color: var(--s3-soft); margin-left: 2px; }
.p3-status__dot { width: 9px; height: 9px; border-radius: 50%; background: #8a90a0; flex: 0 0 auto; display: inline-block; }
.p3-status[data-state="online"] .p3-status__dot, .p3-status__dot--online { background: var(--s3-green); box-shadow: 0 0 10px rgba(34, 197, 94, .7); }
.p3-status__dot--offline { background: #8a90a0; }
.p3-status[data-state="hidden"] .p3-status__dot, .p3-status__dot--hidden { background: #4b5263; }
.p3-status[data-state="activate"] { color: #fff !important; border: 0; background: var(--s3-grad-btn); box-shadow: 0 12px 26px -12px rgba(255, 46, 108, .85); }
.p3-status[data-state="activate"] .p3-status__dot, .p3-status[data-state="activate"] .p3-status__caret,
.p3-status[data-state="locked"] .p3-status__dot, .p3-status[data-state="loading"] .p3-status__caret { display: none; }
.p3-status[data-state="locked"] { border-color: rgba(245, 158, 11, .5); color: #fcd34d !important; background: rgba(245, 158, 11, .1); }
.p3-status__lbl i { position: static !important; margin-right: 4px; }
.p3-status__menu {
    position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; min-width: 200px;
    display: flex; flex-direction: column; padding: 6px;
    background: var(--s3-s1); border: 1px solid var(--s3-line); border-radius: 14px;
    box-shadow: 0 18px 40px -14px rgba(0, 0, 0, .6);
}
.p3-status__menu[hidden] { display: none !important; }
.p3-status__menu button {
    display: flex; align-items: center; gap: 10px; width: 100%; margin: 0;
    padding: 10px 11px; border: 0; border-radius: 10px; background: none;
    font: 500 13.5px 'Poppins', sans-serif; color: var(--s3-text); cursor: pointer; text-align: left;
}
.p3-status__menu button:hover { background: var(--s3-hover); }
.p3-status__menu button.is-current { background: rgba(255, 46, 108, .1); }


.p3-page #p2-shell > #p2-banners { padding: 0; margin: 0 0 16px; min-width: 0; }


html body.p3-page #p2-shell > aside.p2-list {
    min-width: 0; min-height: 0;
    border-radius: var(--p3-r);
    border: 1px solid var(--s3-line) !important;
    background: var(--s3-panel) !important;
    color: var(--s3-text) !important;
    overflow: hidden;
}
html body.p3-page #p2-shell > main.p2-main {
    min-width: 0; margin: 0 !important; padding: 0 !important;
    background: transparent !important; color: var(--s3-text) !important; text-align: left;
}
html body.p3-page #p2-shell > aside.p2-ctx {
    min-width: 0; border: 0 !important; background: transparent !important; color: var(--s3-text) !important;
}
.p3-page #p2-shell .p2-ctx .p2-ctxpane { padding: 0; }

html body.p3-page #p2-shell section.p2-ctxpane,
html body.p3-page #p2-shell section.p2-listpane { background: transparent !important; }
.p3-page #p2-shell .p2-ctx .p2-ctx__close { top: 10px; right: 10px; }

.p3-page #p2-shell .p2-main .p2-page { max-width: none; margin: 0; padding: 0 0 8px; }
.p3-page #p2-shell .p2-main .p2-page.p2-page--dash { padding: 0 0 8px; }
.p3-page #p2-shell .p2-dash__me { top: var(--p3-top); }


.p3-page #p2-shell[data-section="messages"] .p2-main .p2-chat {
    width: 100%; max-width: none; margin: 0; flex: 1; min-height: 0;
    border-radius: var(--p3-r); border: 1px solid var(--s3-line);
}
.p3-page #p2-shell.is-fill .p2-main > .ds-tabpane.is-active { min-height: 0; }


.p3-subnav[hidden] { display: none !important; }
.p3-page #p2-shell .p3-subnav {
    display: flex; align-items: center; gap: 4px; flex: 0 0 auto;
    width: max-content; max-width: 100%; margin: 0 0 16px; padding: 5px;
    border-radius: 16px; border: 1px solid var(--s3-line); background: var(--s3-panel);
    overflow-x: auto; scrollbar-width: none;
}
.p3-page #p2-shell .p3-subnav::-webkit-scrollbar { display: none; }

.p3-page #p2-shell:not(.is-fill) .p3-subnav { position: sticky; top: var(--p2-top, 68px); z-index: 12; box-shadow: 0 14px 30px -22px rgba(0, 0, 0, .8); transition: border-radius .15s ease; }
.p3-page #p2-shell:not(.is-fill) .p3-subnav.is-stuck { border-top-left-radius: 0; border-top-right-radius: 0; border-top-color: transparent; }
.p3-subnav > button {
    display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto;
    height: 40px; padding: 0 14px; margin: 0; border-radius: 12px; border: 1px solid transparent;
    background: none; color: var(--s3-muted); font: 600 13.5px/1 'Poppins', sans-serif; cursor: pointer; white-space: nowrap;
}
.p3-subnav > button > i { font-size: 13px; position: static !important; }
.p3-subnav > button:hover { color: var(--s3-text); background: var(--s3-hover); }
.p3-subnav > button.is-active { color: var(--s3-text); background: rgba(255, 46, 108, .12); border-color: rgba(255, 46, 108, .38); }
.p3-subnav > button.is-active > i { color: var(--s3-pink); }
.p3-subnav__n { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; display: inline-grid; place-items: center; font: 700 10.5px/1 'Poppins', sans-serif; background: var(--s3-s2); color: var(--s3-muted); }
.p3-subnav__n.is-ok { background: rgba(34, 197, 94, .15); color: #4ade80; }
.p3-subnav__n.is-warn { background: rgba(245, 158, 11, .16); color: #fbbf24; }
html:not([data-theme="dark"]) .p3-subnav__n.is-ok { color: #15803d; }
html:not([data-theme="dark"]) .p3-subnav__n.is-warn { color: #b45309; }
.p3-subnav__go { font-size: 10px !important; opacity: .6; }


@media (min-width: 900px) and (max-width: 1279px) {
    .p3-page .p2 { --p3-list-w: 280px; --p3-gap: 14px; }
    .p3-page #p2-shell,
    .p3-page #p2-shell:not(.has-ctx) {
        grid-template-columns: calc(var(--p3-rail-w) + var(--p3-rail-gap) - var(--p3-gap)) var(--p3-list-w) minmax(0, 1fr);
        grid-template-areas: "rail ban ban" "rail head head" "rail list main";
    }
    .p3-page #p2-shell:not(.has-list),
    .p3-page #p2-shell:not(.has-list):not(.has-ctx) {
        grid-template-columns: calc(var(--p3-rail-w) + var(--p3-rail-gap) - var(--p3-gap)) minmax(0, 1fr);
        grid-template-areas: "rail ban" "rail head" "rail main";
    }
    html body.p3-page #p2-shell > aside.p2-ctx,
    html body.p3-page #p2-shell:not(.is-fill) > aside.p2-ctx {
        position: fixed; top: var(--p2-top, 68px); right: 0; bottom: 0; left: auto;
        width: 360px; max-height: none; z-index: 70; padding: 52px 16px 20px;
        transform: translateX(105%); transition: transform .25s ease;
        background: var(--s3-bg) !important; border-left: 1px solid var(--s3-line) !important;
        box-shadow: -24px 0 50px -24px rgba(0, 0, 0, .7); overflow-y: auto;
    }
    .p3-page #p2-shell.has-ctx > .p2-ctx { display: block; }
    .p3-page #p2-shell.ctx-open > .p2-ctx { transform: none; }
    .p3-page #p2-shell .p2-ctx .p2-ctx__close { display: inline-grid; }
}


@media (max-width: 899px) {
    .p3-page .p2 { --p3-top: calc(var(--p2-top, 58px) + 14px); }
    .p3-page #p2-shell,
    .p3-page #p2-shell.is-fill {
        display: block; height: auto; min-height: 0;
        padding: var(--p3-top) 16px calc(var(--p3-bar-h) + 34px + env(safe-area-inset-bottom));
    }
    
    .p3-page #p2-shell > .p2-rail {
        position: fixed; top: auto; left: 10px; right: 10px;
        bottom: calc(10px + env(safe-area-inset-bottom));
        width: auto; height: var(--p3-bar-h); min-height: 0;
        flex-direction: row; align-items: center; justify-content: space-around; gap: 2px;
        padding: 0 6px; border-radius: 22px; z-index: 60;
        background: color-mix(in srgb, var(--s3-panel) 92%, transparent);
        -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
        box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .6);
    }
    .p3-page #p2-rail .p2-rail__nav { display: contents; }
    .p3-page #p2-rail .p3-rail__sep,
    .p3-page #p2-rail .p2-rail__foot,
    .p3-page #p2-rail .p2-nav.p2-nav--desk,
    .p3-page #p2-rail .p2-nav::after, .p3-page #p2-rail .p3-tile::after, .p3-page #p2-rail .p2-rail__me::after { display: none !important; }
    
    .p3-page #p2-shell[data-p3-type="escort"] #p2-rail .p2-nav[data-primary="favorites"],
    .p3-page #p2-shell[data-p3-type="managed"] #p2-rail .p2-nav[data-primary="favorites"] { display: none !important; }
    .p3-page #p2-rail .p2-nav,
    .p3-page #p2-rail .p2-rail__me {
        flex: 1 1 0; min-width: 0; width: auto; height: 52px; margin: 0; padding: 0;
        border-radius: 16px; background: transparent;
        display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
        font-size: 18px; order: 1; color: var(--s3-muted);
    }
    .p3-page #p2-rail .p2-rail__me, .p3-page #p2-rail .p2-rail__me.is-gold { order: 9; background: transparent; }
    .p3-page #p2-rail .p2-nav.is-active { color: #fff; background: var(--s3-grad-btn); box-shadow: 0 10px 22px -12px rgba(255, 46, 108, .8); }
    .p3-page #p2-rail .p2-nav__lbl, .p3-page #p2-rail .p2-nav__lbl--mobile { display: block; font: 600 10.5px/1.1 'Poppins', sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
    .p3-page #p2-rail .p2-rail__me .p2-nav__lbl--mobile { color: var(--s3-muted); }
    .p3-page #p2-rail .p2-nav__badge { top: 2px; right: auto; left: calc(50% + 4px); }
    .p3-page #p2-rail .p2-avatar--rail { width: 26px; height: 26px; flex: 0 0 auto; font-size: 11px; border-width: 2px; box-shadow: 0 0 0 2px var(--s3-pink); }
    .p3-page #p2-rail .p2-rail__me.is-gold .p2-avatar--rail { box-shadow: 0 0 0 2px #fcc84e; }
    .p3-page #p2-rail .p2-status-dot { right: auto; left: calc(50% + 6px); top: 3px; bottom: auto; width: 10px; height: 10px; border-width: 2px; }
    .p3-page #p2-rail .p2-rail__me.is-attn { animation: none; }

    
    .p3-page #p2-shell > .p3-head { flex-direction: column; align-items: stretch; gap: 10px; min-height: 0; margin: 0 0 14px; }
    .p3-page #p2-shell.has-list.is-detail > .p3-head { display: none; }
    .p3-crumbs { display: none; }
    html body.p3-page .p3-head h1.p3-title { font-size: 26px; }
    .p3-head__actions { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 8px; margin: 0 -16px; padding: 0 16px 2px; }
    .p3-head__actions::-webkit-scrollbar { display: none; }
    .p3-btn { height: 38px; padding: 0 13px; font-size: 13px; flex: 0 0 auto; }
    .p3-status__menu { position: fixed; left: 16px; right: 16px; top: auto; bottom: calc(var(--p3-bar-h) + 26px + env(safe-area-inset-bottom)); min-width: 0; }
    .p3-statuswrap { position: static; }

    
    html body.p3-page #p2-shell > aside.p2-list { border-radius: 18px; overflow: visible; }
    .p3-page #p2-shell .p2-list .p2-listpane { overflow: visible; }
    .p3-page #p2-shell .p2-list .p2-list__body { overflow: visible; }
    .p3-page #p2-shell > .p2-main,
    .p3-page #p2-shell.is-fill > .p2-main { display: block; overflow-y: visible; overflow-x: clip; height: auto; }
    
    .p3-page #p2-shell > .p2-list, .p3-page #p2-shell.is-fill > .p2-list { overflow-y: visible; overflow-x: clip; }
    .p3-page #p2-shell > .p2-main > .ds-tabpane.is-active { display: block; }
    .p3-page #p2-shell .p2-main .p2-scroll { overflow: visible; display: block; }
    .p3-page #p2-shell.has-list:not(.is-detail) > .p2-main { display: none; }
    .p3-page #p2-shell.has-list.is-detail > .p2-list { display: none; }
    .p3-page #p2-shell .p2-mhead {
        position: sticky; top: var(--p2-top, 58px); z-index: 8;
        margin: calc(-1 * var(--p3-top) + var(--p2-top, 58px)) -16px 14px; padding: 10px 14px;
        background: color-mix(in srgb, var(--s3-bg) 92%, transparent);
        -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--s3-line);
    }
    .p3-page #p2-shell .p2-main .p2-page { padding: 0 0 8px; }
    .p3-page #p2-shell .p2-main .p2-empty { padding: 34px 20px; }
    
    .p3-page #p2-shell[data-section="messages"].is-detail > .p2-main {
        position: fixed; left: 0; right: 0; top: var(--p2-top, 58px);
        bottom: calc(var(--p3-bar-h) + 20px + env(safe-area-inset-bottom));
        z-index: 30; display: flex; flex-direction: column; overflow: hidden;
        background: var(--s3-bg) !important; padding: 8px 10px 0 !important;
    }
    .p3-page #p2-shell[data-section="messages"].is-detail > .p2-main > .ds-tabpane.is-active { display: flex; flex-direction: column; flex: 1; min-height: 0; }
    .p3-page #p2-shell[data-section="messages"] .p2-main .p2-chat { border-radius: 18px; }
    body.p3-page:has(#p2-shell[data-section="messages"].is-detail) footer.s3-foot { display: none !important; }
    
    html body.p3-page #p2-shell > aside.p2-ctx,
    html body.p3-page #p2-shell:not(.is-fill) > aside.p2-ctx {
        position: fixed; top: var(--p2-top, 58px); left: 0; right: 0; bottom: 0; z-index: 70;
        max-height: none; padding: 52px 16px 28px; overflow-y: auto;
        transform: translateX(105%); transition: transform .25s ease;
        background: var(--s3-bg) !important;
    }
    .p3-page #p2-shell.has-ctx > .p2-ctx { display: block; }
    .p3-page #p2-shell.ctx-open > .p2-ctx { transform: none; }
    
    .p3-page #p2-me { background: var(--s3-s1); border-color: var(--s3-line); z-index: 95; }
    html body.p3-page.p2-on #ds-imp-banner { left: 10px !important; bottom: calc(var(--p3-bar-h) + 26px + env(safe-area-inset-bottom)) !important; }
    html body.p3-page.p2-on footer.s3-foot p.seo-foot__legal { padding-bottom: 12px; }
}


.ds-account-frozen .p3-page .p3-tile,
.ds-account-frozen .p3-page #p3-statuswrap,
.ds-account-frozen .p3-page #p3-view,
.ds-account-frozen .p3-page #p3-search,
.ds-account-frozen .p3-page #p3-crumb-root { display: none !important; }


html body.p3-page #p2-shell .p3-msg-chips .p2-chip { border-radius: 999px; padding: 0 12px; font-size: 12px; }
html body.p3-page #p2-shell .p2-list .p3-biz-chips .p2-chip.is-on {
    color: #fff; background: var(--s3-grad-btn); border-color: transparent;
    box-shadow: 0 10px 20px -12px rgba(255, 46, 108, .9);
}
html body.p3-page #p2-shell .p2-list .p3-biz-chips .p2-chip.is-on .p2-chip__n,
html:not([data-theme="dark"]) body.p3-page #p2-shell .p2-list .p3-biz-chips .p2-chip.is-on .p2-chip__n { color: #fff; }


@media (min-width: 1280px) and (max-height: 1000px) {
    html body.p3-page #p2-shell #p2-ctx-vercard .p2-mecard__cover { height: 168px; }
    html body.p3-page #p2-shell #p2-ctx-vercard .p2-mecard__thumbs { padding-top: 10px; }
    html body.p3-page #p2-shell #p2-ctx-vercard .p2-mecard__score { padding-top: 8px; padding-bottom: 4px; }
    html body.p3-page #p2-shell #p2-ctx-vercard .p2-mecard__list button { padding-top: 5px; padding-bottom: 5px; }
}