.mp-profile-takeover,
.mp-profile-takeover *,
.mp-profile-takeover *::before,
.mp-profile-takeover *::after{box-sizing:border-box}
.mp-profile-takeover{display:block;clear:both;width:100%;max-width:none!important;min-width:0;margin:0!important;font:inherit;line-height:1.45}
.mp-profile-takeover img{max-width:100%}
.mp-profile-takeover button,
.mp-profile-takeover input,
.mp-profile-takeover select{font:inherit}

.mp-shell{max-width:1180px;margin:0 auto;color:var(--body-text,#334155)}
.mp-profile-nav{display:flex;gap:.35rem;align-items:center;overflow-x:auto;margin:0 0 1rem;padding:.38rem;background:var(--window-bg,#fff);border:1px solid var(--border-color,#dbe4ec);border-radius:12px;box-shadow:0 3px 12px rgba(30,64,100,.05)}
.mp-profile-nav a{display:flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.62rem .82rem;border-radius:8px;color:inherit;font-weight:600;text-decoration:none}
.mp-profile-nav a:hover,.mp-profile-nav a.active{background:var(--primary-color,#1766a6);color:#fff}
.mp-profile-nav span{min-width:1.55rem;padding:.08rem .38rem;border-radius:999px;background:rgba(23,102,166,.1);font-size:.75rem;text-align:center}
.mp-profile-nav a:hover span,.mp-profile-nav a.active span{background:rgba(255,255,255,.2)}
.mp-hero{position:relative;isolation:isolate;display:flex;justify-content:space-between;gap:2rem;overflow:hidden;padding:2rem;border-radius:16px;background:linear-gradient(135deg,#0e5b9d 0%,#0a477f 58%,#06355f 100%);color:#fff;box-shadow:0 14px 34px rgba(8,52,95,.2)}
.mp-hero:after{content:"";position:absolute;z-index:-1;right:-8%;bottom:-60%;width:420px;height:420px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}
.mp-hero-glow{position:absolute;z-index:-1;top:-140px;left:28%;width:400px;height:300px;background:radial-gradient(circle,rgba(72,176,255,.28),transparent 68%);pointer-events:none}
.mp-identity{display:flex;align-items:center;gap:1.3rem;min-width:0}
.mp-avatar{position:relative;display:grid;place-items:center;flex:0 0 116px;width:116px;height:116px;border:4px solid rgba(255,255,255,.9);border-radius:50%;background:#eef4f8;box-shadow:0 8px 25px rgba(0,0,0,.22)}
.mp-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.mp-avatar .main_icons{transform:scale(2.15)}
.mp-presence{position:absolute;right:3px;bottom:8px;width:19px;height:19px;border:3px solid #fff;border-radius:50%;background:#55d66b;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.mp-presence.is-offline{background:#9aa8b5}
.mp-identity-copy{min-width:0}.mp-name-line{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.mp-hero h1{margin:0;color:#fff;font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.05}.mp-role-badge{padding:.28rem .58rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.14);font-size:.76rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}.mp-status{display:flex;align-items:center;gap:.4rem;margin-top:.65rem;font-weight:600}.mp-status i{width:8px;height:8px;border-radius:50%;background:#aab6c2}.mp-status.is-online i{background:#58d56c}.mp-status.is-offline{opacity:.75}.mp-meta{display:flex;gap:.75rem 1.2rem;flex-wrap:wrap;margin-top:.55rem;font-size:.87rem;opacity:.88}
.mp-hero-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1rem;min-width:46%}.mp-actions{display:flex;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.mp-inline-action{display:inline-flex;margin:0}.mp-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:.38rem;margin:0;padding:.67rem .9rem;border:1px solid rgba(255,255,255,.36);border-radius:8px;background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(5px);box-shadow:none}.mp-actions .button:hover,.mp-actions .button.mp-action-primary{background:#fff;color:#0e568f}.mp-actions .mp-inline-action .button{height:100%}.mp-social-counts{display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(4,39,70,.18)}.mp-social-counts>*{display:flex;flex-direction:column;min-width:84px;padding:.54rem .9rem;border-right:1px solid rgba(255,255,255,.17);color:#fff;text-align:center;text-decoration:none}.mp-social-counts>*:last-child{border:0}.mp-social-counts b{font-size:1.08rem}.mp-social-counts span,.mp-social-counts small{font-size:.73rem;opacity:.84}
.mp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.mp-kpis>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--border-color,#dbe4ec);border-radius:11px;background:var(--window-bg,#fff);box-shadow:0 4px 14px rgba(20,55,85,.055)}.mp-kpis small{font-weight:600;opacity:.68}.mp-kpis strong{color:var(--primary-color,#1766a6);font-size:1.3rem}
.mp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.mp-card{min-width:0;padding:1.25rem;border:1px solid var(--border-color,#dbe4ec);border-radius:12px;background:var(--window-bg,#fff);box-shadow:0 5px 17px rgba(20,55,85,.065)}.mp-card h1,.mp-card h2{margin:0 0 1rem;color:var(--primary-color,#1766a6)}.mp-card h2{display:flex;align-items:center;gap:.55rem;font-size:1.14rem}.mp-card h2:before{content:"";width:4px;height:1.1em;border-radius:999px;background:linear-gradient(#45a8e8,#1766a6)}.mp-card dl{display:grid;grid-template-columns:minmax(125px,38%) 1fr;margin:0}.mp-card dt,.mp-card dd{padding:.58rem 0;border-bottom:1px solid rgba(100,120,140,.16)}.mp-card dt{font-weight:600;opacity:.72}.mp-card dd{margin:0;overflow-wrap:anywhere}.mp-card dl>*:nth-last-child(-n+2){border-bottom:0}.mp-muted{opacity:.72}.mp-bio{min-height:2.5rem;margin-top:0}.mp-admin-card{border-color:#efc98e;background:linear-gradient(135deg,var(--window-bg,#fff),#fff8ed)}.mp-admin-card h2{color:#a85e0b}.mp-admin-card h2:before{background:#e49a36}.mp-admin-note{padding:.65rem .75rem;border-radius:8px;background:rgba(224,145,39,.11);color:#86500f}.mp-group-pills{display:flex;gap:.35rem;flex-wrap:wrap}.mp-group-pills span{padding:.2rem .48rem;border-radius:999px;background:rgba(23,102,166,.1);color:var(--primary-color,#1766a6);font-size:.79rem;font-weight:600}
.mp-list-row{display:grid;grid-template-columns:30px 1fr;gap:.6rem;align-items:start;padding:.7rem 0;border-bottom:1px solid rgba(100,120,140,.16);text-decoration:none}.mp-list-row:last-child{border:0}.mp-list-row small,.mp-timeline small,.mp-people small{display:block;opacity:.65}.mp-list-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(23,102,166,.09);color:var(--primary-color,#1766a6)}.mp-empty{display:grid;place-items:center;gap:.55rem;min-height:145px;padding:1.5rem;text-align:center;opacity:.6}.mp-empty-icon{font-size:2.2rem}.mp-timeline{position:relative;padding-left:.3rem}.mp-timeline:before{content:"";position:absolute;top:.8rem;bottom:.8rem;left:.55rem;width:2px;background:rgba(23,102,166,.15)}.mp-timeline span{position:relative;display:grid;grid-template-columns:20px 1fr;padding:.58rem 0}.mp-timeline span i{z-index:1;width:10px;height:10px;margin-top:.28rem;border:3px solid var(--window-bg,#fff);border-radius:50%;background:var(--primary-color,#1766a6);box-shadow:0 0 0 1px rgba(23,102,166,.25)}.mp-timeline span b,.mp-timeline span small{grid-column:2}
.mp-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.mp-people>a{display:flex;align-items:center;gap:.75rem;padding:.8rem;border:1px solid var(--border-color,#dbe4ec);border-radius:9px;text-decoration:none}.mp-person-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:50%;object-fit:cover}.mp-people>a b{flex:1}.mp-people>a small{white-space:nowrap}.mp-card .pagesection{margin-top:1rem}.mp-directory-tools{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:0 0 1rem}.mp-directory-tools input[type=search]{flex:1 1 220px;min-width:0}.mp-directory-tools select{min-width:150px}
.mp-request-list{display:grid;gap:.75rem;margin-bottom:1.5rem}.mp-request-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.mp-request-person{display:flex;align-items:center;gap:.7rem;min-width:0}.mp-request-person span:last-child{display:grid}.mp-request-actions{display:flex;gap:.5rem;flex-wrap:wrap}.mp-request-message{margin-top:.35rem;font-style:normal;opacity:.78}.mp-select-all{display:flex;align-items:center;gap:.45rem;padding:.55rem .75rem;margin-bottom:.5rem;font-weight:600}
.mp-settings-card{max-width:760px}.mp-setting-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,280px);gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(100,120,140,.18)}.mp-setting-row label{display:grid;gap:.25rem}.mp-setting-row label small{font-weight:400;opacity:.7}.mp-setting-row select{width:100%}.mp-setting-actions{display:flex;justify-content:flex-end;padding-top:1rem}.mp-admin-counts{grid-template-columns:repeat(4,minmax(0,1fr));margin:1rem 0}.mp-admin-table{display:grid;gap:.6rem}.mp-admin-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(0,0,0,.08)}.mp-admin-row:last-child{border-bottom:0}.mp-admin-row small{display:block;margin-top:.2rem;opacity:.68}.mp-admin-row form{margin:0}.mp-danger{border-color:#b42318!important;color:#b42318!important}.mp-admin-repair{margin-top:1rem}.mp-confirm{cursor:pointer}
@media(max-width:850px){.mp-hero{flex-direction:column;padding:1.45rem}.mp-hero-right{align-items:stretch;min-width:0}.mp-actions{justify-content:flex-start}.mp-social-counts>*{flex:1}.mp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-grid{grid-template-columns:1fr}.mp-identity{align-items:flex-start}.mp-avatar{flex-basis:88px;width:88px;height:88px}.mp-admin-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mp-profile-nav{border-radius:8px}.mp-hero{padding:1.05rem;border-radius:11px}.mp-identity{gap:.85rem}.mp-name-line{display:block}.mp-role-badge{display:inline-block;margin-top:.45rem}.mp-actions{display:grid;grid-template-columns:1fr 1fr}.mp-actions .button,.mp-actions .mp-inline-action,.mp-actions .mp-inline-action .button{width:100%}.mp-social-counts>*{min-width:0;padding:.45rem}.mp-kpis{grid-template-columns:1fr 1fr}.mp-card dl{grid-template-columns:1fr}.mp-card dd{padding-top:0}.mp-card dl>*:nth-last-child(-n+2){border-bottom:1px solid rgba(100,120,140,.16)}.mp-card dl>*:last-child{border-bottom:0}.mp-directory-tools>*{width:100%}.mp-request-row,.mp-admin-row{align-items:flex-start;flex-direction:column}.mp-setting-row{grid-template-columns:1fr}.mp-setting-actions{justify-content:stretch}.mp-setting-actions .button{width:100%}}

.mp-admin-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin:1rem 0}.mp-admin-filters label{display:grid;gap:.3rem;font-weight:600}.mp-admin-filters input,.mp-admin-filters select{min-width:170px}.mp-integration-card{grid-column:1/-1}.mp-integration-items{display:flex;flex-wrap:wrap;gap:.5rem}.mp-reputation{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border:1px solid var(--mp-border,#d7e0ea);border-radius:10px;margin-bottom:1rem}

/* 1.0.18 approved-profile visual pass */
.mp-profile-takeover{max-width:none;margin:0}
.mp-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:1rem;align-items:start}
.mp-sidebar{position:sticky;top:1rem;display:grid;gap:.65rem}
.mp-side-panel{overflow:hidden;border:1px solid var(--border-color,#dbe4ec);border-radius:10px;background:var(--window-bg,#fff);box-shadow:0 4px 14px rgba(20,55,85,.055)}
.mp-side-panel h2{margin:0;padding:.8rem 1rem;border-bottom:1px solid var(--border-color,#dbe4ec);background:linear-gradient(180deg,rgba(23,102,166,.07),rgba(23,102,166,.025));color:var(--primary-color,#1766a6);font-size:.84rem;letter-spacing:.045em;text-transform:uppercase}
.mp-side-nav{display:grid;padding:.38rem}
.mp-side-nav a{display:grid;grid-template-columns:22px 1fr auto;gap:.55rem;align-items:center;padding:.68rem .72rem;border-radius:7px;color:inherit;text-decoration:none}
.mp-side-nav a:hover,.mp-side-nav a.active{background:rgba(23,102,166,.1);color:var(--primary-color,#1766a6)}
.mp-side-nav a.active{box-shadow:inset 3px 0 var(--primary-color,#1766a6);font-weight:700}
.mp-side-nav .main_icons{opacity:.75}.mp-side-nav b{min-width:1.4rem;padding:.08rem .35rem;border-radius:999px;background:rgba(23,102,166,.1);font-size:.72rem;text-align:center}
.mp-main{min-width:0}
.mp-hero{min-height:190px;padding:1.55rem 1.65rem;border-radius:11px;background:linear-gradient(122deg,#0c5b9e 0%,#074a84 56%,#073966 100%);box-shadow:0 10px 28px rgba(5,52,92,.18)}
.mp-avatar{flex-basis:108px;width:108px;height:108px}
.mp-hero-right{min-width:50%;gap:.7rem}
.mp-actions .button{min-height:40px;padding:.6rem .86rem;background:#fff;color:#164f80;border-color:rgba(255,255,255,.65);font-weight:700}
.mp-actions .button:hover{background:#edf7ff;color:#0a4679}.mp-actions .button.mp-action-primary{background:#fff;color:#0a4f87}
.mp-social-counts{align-self:flex-end}
.mp-hero-stats{display:grid;grid-template-columns:repeat(3,72px);gap:.42rem}
.mp-hero-stats>div{display:grid;place-items:center;min-height:70px;padding:.38rem;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(4,39,70,.16)}
.mp-hero-stats span{font-size:.92rem;opacity:.95}.mp-hero-stats b{font-size:1.06rem}.mp-hero-stats small{font-size:.69rem;opacity:.86}
.mp-grid{gap:.8rem;margin-top:.8rem}.mp-card{padding:1.05rem;border-radius:10px;box-shadow:0 4px 14px rgba(20,55,85,.055)}
.mp-card h2{padding-bottom:.7rem;margin-bottom:.65rem;border-bottom:1px solid rgba(100,120,140,.14);font-size:1.05rem}.mp-card h2:before{width:3px}
.mp-card-intro{margin:.1rem 0 .45rem;color:var(--primary-color,#1766a6);font-size:.84rem;opacity:.72}
.mp-card-achievements{grid-column:1/-1}.mp-achievements{display:flex;flex-wrap:wrap;gap:.45rem}.mp-achievement-pill{padding:.36rem .58rem;border-radius:999px;background:rgba(23,102,166,.1);color:var(--primary-color,#1766a6);font-weight:700}
@media(max-width:900px){.mp-layout{grid-template-columns:1fr}.mp-sidebar{position:static;display:block}.mp-sidebar .mp-side-panel{margin-bottom:.55rem}.mp-side-nav{display:flex;overflow-x:auto}.mp-side-nav a{grid-template-columns:20px auto auto;white-space:nowrap}.mp-hero-right{min-width:0}.mp-hero-stats{grid-template-columns:repeat(3,minmax(62px,1fr))}}
@media(max-width:650px){.mp-hero{min-height:0}.mp-actions{grid-template-columns:1fr}.mp-social-counts{align-self:stretch}.mp-hero-stats{width:100%}}

/* Phase 3 core compatibility: canonical assets and theme-contained icons. */
.mp-profile-takeover .mp-svg-icon,
.mp-profile-takeover .mp-svg-icon *{
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    vector-effect:non-scaling-stroke
}
.mp-profile-takeover .mp-svg-icon{
    display:inline-block!important;
    flex:0 0 auto!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    vertical-align:-.18em!important
}
.mp-profile-takeover .mp-side-nav .mp-svg-icon{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    max-width:16px!important;
    max-height:16px!important;
    opacity:.78
}
.mp-profile-takeover .mp-avatar-fallback{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden;
    color:#7d8d9c!important;
    background:linear-gradient(145deg,#f7fafc,#dce6ef)!important
}
.mp-profile-takeover .mp-avatar-fallback .mp-svg-icon{
    width:55%!important;
    height:55%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:55%!important;
    max-height:55%!important;
    stroke-width:1.35!important
}
.mp-profile-takeover .mp-person-avatar.mp-avatar-fallback{
    display:grid!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important
}
.mp-profile-takeover .mp-hero-stats .mp-svg-icon{
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    color:#fff!important;
    opacity:.95
}
.mp-profile-takeover .mp-request-person>.mp-svg-icon{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    max-width:20px!important;
    max-height:20px!important
}
.mp-profile-takeover .mp-hero-stats>div{color:#fff!important}
.mp-profile-takeover .mp-social-counts a,
.mp-profile-takeover .mp-social-counts span{color:#fff!important;opacity:1!important}
.mp-profile-takeover .mp-social-counts small,
.mp-profile-takeover .mp-social-counts span span{color:rgba(255,255,255,.82)!important}
.mp-profile-takeover .mp-actions{position:relative;z-index:2}
@media(min-width:901px){
    .mp-profile-takeover .mp-layout{grid-template-columns:190px minmax(0,1fr)!important}
}

/* Phase 4 cross-theme profile compatibility. */
body.mp_profile_overview #main_content_section,
body:has(.mp-profile-takeover) #main_content_section{
    min-width:0
}
body.mp_profile_overview #genericmenu,
body:has(.mp-profile-takeover) #genericmenu{
    display:none!important
}
body.mp_profile_overview #admin_content,
body:has(.mp-profile-takeover) #admin_content{
    display:block!important;
    float:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important
}
body.mp_profile_overview #main_content_section>.roundframe,
body:has(.mp-profile-takeover) #main_content_section>.roundframe{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important
}
.mp-profile-takeover{
    --primary-color:#1766a6;
    --window-bg:#fff;
    --border-color:#dbe4ec;
    --body-text:#334155;
    width:100%!important;
    max-width:1180px!important;
    min-width:0!important;
    margin:0 auto!important;
    color:var(--body-text)!important;
    font-size:14px!important;
    line-height:1.45!important;
    container-type:inline-size
}
.mp-profile-takeover :where(h1,h2,h3,h4,p,dl,dt,dd,small,b,strong,span,a,button,input,select,textarea){
    font-family:inherit
}
.mp-profile-takeover :where(a,a:visited){
    text-decoration:none
}
.mp-profile-takeover :where(a,button,input,select,textarea):focus-visible{
    outline:3px solid rgba(23,102,166,.25)!important;
    outline-offset:2px!important
}
.mp-profile-takeover .mp-layout{
    width:100%!important;
    min-width:0!important
}
.mp-profile-takeover .mp-sidebar,
.mp-profile-takeover .mp-main,
.mp-profile-takeover .mp-grid,
.mp-profile-takeover .mp-card,
.mp-profile-takeover .mp-hero,
.mp-profile-takeover .mp-identity,
.mp-profile-takeover .mp-identity-copy,
.mp-profile-takeover .mp-hero-right{
    min-width:0
}
.mp-profile-takeover .mp-main{
    width:100%!important;
    container-type:inline-size
}
.mp-profile-takeover .mp-side-panel,
.mp-profile-takeover .mp-card{
    color:#334155!important;
    background:#fff!important;
    border-color:#dbe4ec!important
}
.mp-profile-takeover .mp-side-panel h2,
.mp-profile-takeover .mp-card h1,
.mp-profile-takeover .mp-card h2,
.mp-profile-takeover .mp-card-intro,
.mp-profile-takeover .mp-group-pills span,
.mp-profile-takeover .mp-achievement-pill{
    color:#1766a6!important
}
.mp-profile-takeover .mp-side-nav a{
    width:100%!important;
    min-width:0!important;
    color:#334155!important;
    line-height:1.25!important
}
.mp-profile-takeover .mp-side-nav a:hover,
.mp-profile-takeover .mp-side-nav a:focus-visible,
.mp-profile-takeover .mp-side-nav a.active{
    color:#1766a6!important;
    text-decoration:none!important
}
.mp-profile-takeover .mp-side-nav a.active{
    background:rgba(23,102,166,.1)!important
}
.mp-profile-takeover .mp-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    width:100%!important;
    min-height:190px!important;
    gap:1.35rem!important;
    color:#fff!important
}
.mp-profile-takeover .mp-hero :where(h1,b,strong,small,span,a){
    color:inherit
}
.mp-profile-takeover .mp-identity{
    align-items:center!important
}
.mp-profile-takeover .mp-avatar{
    overflow:visible!important;
    flex:0 0 108px!important;
    width:108px!important;
    height:108px!important;
    min-width:108px!important;
    min-height:108px!important;
    max-width:108px!important;
    max-height:108px!important
}
.mp-profile-takeover .mp-avatar>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:cover!important
}
.mp-profile-takeover .mp-hero-right{
    display:grid!important;
    justify-items:end!important;
    align-content:center!important;
    width:auto!important;
    min-width:300px!important;
    gap:.65rem!important
}
.mp-profile-takeover .mp-actions{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    width:auto!important;
    max-width:100%!important;
    gap:.5rem!important
}
.mp-profile-takeover .mp-actions .button,
.mp-profile-takeover .mp-actions .mp-inline-action .button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:40px!important;
    height:auto!important;
    margin:0!important;
    padding:.62rem .86rem!important;
    border:1px solid rgba(255,255,255,.7)!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#0a4f87!important;
    font-size:.86rem!important;
    font-weight:700!important;
    line-height:1.2!important;
    text-align:center!important;
    text-transform:none!important;
    white-space:normal!important;
    box-shadow:none!important
}
.mp-profile-takeover .mp-actions .button:hover,
.mp-profile-takeover .mp-actions .button:focus-visible{
    background:#edf7ff!important;
    color:#073f6d!important;
    text-decoration:none!important
}
.mp-profile-takeover .mp-social-counts{
    justify-self:end!important;
    align-self:auto!important;
    max-width:100%!important
}
.mp-profile-takeover .mp-social-counts>a{
    min-width:78px!important
}
.mp-profile-takeover .mp-hero-stats{
    justify-self:end!important;
    width:auto!important
}
.mp-profile-takeover .mp-hero-stats>div{
    width:72px!important;
    min-width:72px!important;
    color:#fff!important
}
.mp-profile-takeover .mp-card{
    overflow:hidden
}
.mp-profile-takeover .mp-card :where(a,a:visited){
    color:#1766a6
}
.mp-profile-takeover .mp-admin-card{
    border-color:#efc98e!important;
    background:linear-gradient(135deg,#fff,#fff8ed)!important
}
.mp-profile-takeover .mp-admin-card h2{
    color:#a85e0b!important
}
.mp-profile-takeover .mp-card dl>*{
    min-width:0
}
.mp-profile-takeover .mp-card dd,
.mp-profile-takeover .mp-list-row,
.mp-profile-takeover .mp-request-person{
    overflow-wrap:anywhere
}
@container (max-width:700px){
    .mp-profile-takeover .mp-hero{
        grid-template-columns:1fr!important
    }
    .mp-profile-takeover .mp-hero-right{
        justify-items:stretch!important;
        width:100%!important;
        min-width:0!important
    }
    .mp-profile-takeover .mp-actions{
        justify-content:flex-start!important;
        width:100%!important
    }
    .mp-profile-takeover .mp-social-counts,
    .mp-profile-takeover .mp-hero-stats{
        justify-self:stretch!important;
        width:100%!important
    }
    .mp-profile-takeover .mp-social-counts>a,
    .mp-profile-takeover .mp-hero-stats>div{
        flex:1 1 0!important;
        width:auto!important;
        min-width:0!important
    }
    .mp-profile-takeover .mp-hero-stats{
        grid-template-columns:repeat(3,minmax(0,1fr))!important
    }
}
@container (max-width:560px){
    .mp-profile-takeover .mp-grid{
        grid-template-columns:1fr!important
    }
    .mp-profile-takeover .mp-identity{
        align-items:flex-start!important
    }
    .mp-profile-takeover .mp-avatar{
        flex-basis:84px!important;
        width:84px!important;
        height:84px!important;
        min-width:84px!important;
        min-height:84px!important;
        max-width:84px!important;
        max-height:84px!important
    }
    .mp-profile-takeover .mp-actions{
        display:grid!important;
        grid-template-columns:1fr!important
    }
    .mp-profile-takeover .mp-actions .button,
    .mp-profile-takeover .mp-actions .mp-inline-action,
    .mp-profile-takeover .mp-actions .mp-inline-action .button{
        width:100%!important
    }
}
@media(max-width:900px){
    .mp-profile-takeover{
        max-width:100%!important
    }
    .mp-profile-takeover .mp-side-nav a{
        width:auto!important
    }
}

/* Phase 6 final mobile navigation correction.
 * Use component width rather than the host theme's viewport so the profile
 * remains readable inside narrow or sidebar-based custom themes. */
@container (max-width:900px){
    .mp-profile-takeover .mp-side-nav{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:.25rem!important;
        overflow:visible!important;
        padding:.38rem!important
    }
    .mp-profile-takeover .mp-side-nav a{
        display:grid!important;
        grid-template-columns:16px minmax(0,1fr) auto!important;
        align-items:center!important;
        width:100%!important;
        min-width:0!important;
        min-height:44px!important;
        padding:.55rem .5rem!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important
    }
    .mp-profile-takeover .mp-side-nav a>span:not(.main_icons),
    .mp-profile-takeover .mp-side-nav a>strong{
        min-width:0!important
    }
    .mp-profile-takeover .mp-side-nav b{
        justify-self:end!important
    }
}
@container (max-width:650px){
    .mp-profile-takeover .mp-side-nav{
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
}
@container (max-width:430px){
    .mp-profile-takeover .mp-side-nav{
        grid-template-columns:1fr!important
    }
    .mp-profile-takeover .mp-side-nav a{
        grid-template-columns:18px minmax(0,1fr) auto!important;
        padding:.62rem .7rem!important
    }
}

/* Phase 3 — reusable profile shell and permission-aware navigation. */
.mp-profile-takeover .mp-route-content{
    width:100%;
    min-width:0;
    margin-top:.8rem
}
.mp-profile-takeover .mp-route-content>.mp-card{
    width:100%;
    max-width:none;
    margin:0
}
.mp-profile-takeover .mp-route-card>h1{
    margin:0 0 1rem;
    padding-bottom:.75rem;
    border-bottom:1px solid rgba(100,120,140,.16);
    color:#1766a6!important;
    font-size:1.35rem;
    line-height:1.2
}
.mp-profile-takeover .mp-side-panel{
    overflow:hidden
}
.mp-profile-takeover .mp-side-panel h2{
    overflow-wrap:anywhere
}
.mp-profile-takeover .mp-side-nav a{
    grid-template-columns:20px minmax(0,1fr) auto!important
}
.mp-profile-takeover .mp-side-nav .mp-nav-label{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis
}
.mp-profile-takeover .mp-side-nav .mp-nav-count{
    justify-self:end;
    margin-left:auto
}
.mp-profile-takeover .mp-side-panel-actions .mp-side-nav a,
.mp-profile-takeover .mp-side-panel-staff .mp-side-nav a{
    font-size:.86rem
}
.mp-profile-takeover .mp-side-panel-actions .mp-side-nav a[data-mp-route="deleteaccount"]{
    color:#9f2d25!important
}
.mp-profile-takeover .mp-directory-tools{
    padding-bottom:.85rem;
    border-bottom:1px solid rgba(100,120,140,.14)
}
.mp-profile-takeover .mp-people:has(>.mp-empty){
    grid-template-columns:1fr
}
.mp-profile-takeover .mp-request-list:has(>.mp-empty){
    grid-template-columns:1fr
}
@media(min-width:901px){
    .mp-profile-takeover .mp-sidebar{
        max-height:calc(100vh - 2rem);
        overflow:auto;
        scrollbar-width:thin
    }
}
@media(max-width:900px){
    .mp-profile-takeover .mp-sidebar{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.55rem
    }
    .mp-profile-takeover .mp-sidebar .mp-side-panel{
        margin:0!important
    }
    .mp-profile-takeover .mp-side-nav{
        display:grid!important;
        overflow:visible!important
    }
}
@media(max-width:600px){
    .mp-profile-takeover .mp-sidebar{
        grid-template-columns:1fr
    }
    .mp-profile-takeover .mp-route-card{
        padding:.9rem!important
    }
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-two{
    grid-template-columns:repeat(2,72px)!important
}
@container (max-width:700px){
    .mp-profile-takeover .mp-hero-stats.mp-hero-stats-two{
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
}

/* Phase 4 — display image correction and refined profile hero hierarchy. */
.mp-profile-takeover .mp-sr-only{
    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
}
.mp-profile-takeover .mp-avatar{
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important
}
.mp-profile-takeover .mp-avatar-media{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:4px solid rgba(255,255,255,.94);
    border-radius:50%;
    background:#eaf1f6;
    box-shadow:0 8px 25px rgba(0,0,0,.22)
}
.mp-profile-takeover .mp-avatar-media>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    border-radius:0!important;
    object-fit:cover!important;
    object-position:center!important
}
.mp-profile-takeover .mp-avatar-media>.mp-avatar-fallback{
    border-radius:0!important
}
.mp-profile-takeover .mp-avatar-fallback{
    background:linear-gradient(145deg,#f8fbfd 0%,#dbe7f0 100%)!important;
    color:#47708f!important
}
.mp-profile-takeover .mp-avatar-initials{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    font-size:clamp(1.65rem,4cqi,2.25rem);
    font-weight:750;
    line-height:1;
    letter-spacing:.035em;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.7)
}
.mp-profile-takeover .mp-person-avatar.mp-avatar-fallback{
    overflow:hidden!important;
    border:1px solid rgba(23,102,166,.12)!important;
    border-radius:50%!important
}
.mp-profile-takeover .mp-person-avatar .mp-avatar-initials,
.mp-profile-takeover .mp-person-avatar.mp-avatar-fallback .mp-avatar-initials{
    font-size:.82rem!important
}
.mp-profile-takeover .mp-presence{
    right:-1px!important;
    bottom:8px!important;
    z-index:3;
    width:22px!important;
    height:22px!important;
    border:4px solid #fff!important;
    border-radius:50%!important;
    background:#54c96a!important;
    box-shadow:0 2px 8px rgba(0,0,0,.28)!important
}
.mp-profile-takeover .mp-presence.is-offline{
    background:#95a6b5!important
}
.mp-profile-takeover .mp-status{
    display:none!important
}
.mp-profile-takeover .mp-name-line{
    gap:.6rem!important
}
.mp-profile-takeover .mp-meta{
    display:flex!important;
    align-items:center;
    gap:.45rem .6rem!important;
    margin-top:.75rem!important;
    opacity:1!important
}
.mp-profile-takeover .mp-meta>span{
    display:inline-flex;
    align-items:center;
    gap:.3rem;
    min-height:28px;
    padding:.28rem .55rem;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(2,39,72,.16);
    color:rgba(255,255,255,.9)!important;
    font-size:.78rem!important;
    line-height:1.2
}
.mp-profile-takeover .mp-meta b{
    color:#fff!important;
    font-weight:700
}
.mp-profile-takeover .mp-hero-right{
    align-content:center!important;
    gap:.7rem!important
}
.mp-profile-takeover .mp-hero-metrics{
    display:grid;
    justify-items:end;
    gap:.5rem;
    width:100%
}
.mp-profile-takeover .mp-social-counts,
.mp-profile-takeover .mp-hero-stats{
    margin:0!important
}
.mp-profile-takeover .mp-social-counts>a,
.mp-profile-takeover .mp-hero-stats>a{
    transition:background-color .16s ease,border-color .16s ease,transform .16s ease
}
.mp-profile-takeover .mp-social-counts>a:hover,
.mp-profile-takeover .mp-social-counts>a:focus-visible,
.mp-profile-takeover .mp-hero-stats>a:hover,
.mp-profile-takeover .mp-hero-stats>a:focus-visible{
    background:rgba(255,255,255,.11)!important;
    border-color:rgba(255,255,255,.38)!important;
    color:#fff!important;
    text-decoration:none!important;
    transform:translateY(-1px)
}
.mp-profile-takeover .mp-hero-stats{
    display:grid!important;
    grid-template-columns:repeat(3,72px)!important;
    gap:.42rem!important
}
.mp-profile-takeover .mp-hero-stats>a{
    display:grid!important;
    place-items:center!important;
    width:72px!important;
    min-width:72px!important;
    min-height:70px!important;
    padding:.38rem!important;
    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:9px!important;
    background:rgba(4,39,70,.16)!important;
    color:#fff!important;
    text-align:center!important;
    text-decoration:none!important
}
.mp-profile-takeover .mp-hero-stats>a b{
    font-size:1.06rem!important;
    line-height:1.05!important
}
.mp-profile-takeover .mp-hero-stats>a small{
    font-size:.69rem!important;
    line-height:1.1!important;
    opacity:.86!important
}
.mp-profile-takeover .mp-actions{
    order:2;
    padding-top:.08rem
}
.mp-profile-takeover .mp-actions .button,
.mp-profile-takeover .mp-actions .mp-inline-action .button{
    gap:.42rem!important;
    min-height:38px!important;
    padding:.55rem .75rem!important;
    border-radius:8px!important;
    font-size:.82rem!important
}
.mp-profile-takeover .mp-actions .mp-action-icon{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    max-width:16px!important;
    max-height:16px!important;
    stroke-width:1.8!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-two{
    grid-template-columns:repeat(2,72px)!important
}
@container (max-width:700px){
    .mp-profile-takeover .mp-hero-metrics{
        justify-items:stretch!important
    }
    .mp-profile-takeover .mp-social-counts,
    .mp-profile-takeover .mp-hero-stats{
        justify-self:stretch!important;
        width:100%!important
    }
    .mp-profile-takeover .mp-hero-stats{
        grid-template-columns:repeat(3,minmax(0,1fr))!important
    }
    .mp-profile-takeover .mp-hero-stats.mp-hero-stats-two{
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
    .mp-profile-takeover .mp-hero-stats>a{
        width:auto!important;
        min-width:0!important
    }
    .mp-profile-takeover .mp-actions{
        justify-content:flex-start!important
    }
}
@container (max-width:560px){
    .mp-profile-takeover .mp-meta{
        align-items:flex-start!important;
        flex-direction:column!important
    }
    .mp-profile-takeover .mp-meta>span{
        width:100%;
        border-radius:7px
    }
    .mp-profile-takeover .mp-presence{
        right:-2px!important;
        bottom:5px!important;
        width:19px!important;
        height:19px!important;
        border-width:3px!important
    }
}

/* Phase 7 — Posts, Topics, Attachments and Unwatched Topics adapters. */
.mp-profile-takeover .mp-content-adapter{
    overflow:visible!important
}
.mp-profile-takeover .mp-content-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
    padding-bottom:.9rem;
    border-bottom:1px solid rgba(100,120,140,.16)
}
.mp-profile-takeover .mp-content-heading h1{
    margin:0 0 .28rem!important;
    padding:0!important;
    border:0!important
}
.mp-profile-takeover .mp-content-heading p{
    max-width:760px;
    margin:0;
    color:#64748b;
    font-size:.9rem
}
.mp-profile-takeover .mp-content-tabs{
    display:flex;
    align-items:center;
    gap:.35rem;
    overflow-x:auto;
    margin:.9rem 0 1rem;
    padding:.32rem;
    border:1px solid #dbe4ec;
    border-radius:10px;
    background:#f7fafc;
    scrollbar-width:thin
}
.mp-profile-takeover .mp-content-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.38rem;
    flex:0 0 auto;
    min-height:38px;
    padding:.55rem .75rem;
    border-radius:7px;
    color:#475569!important;
    font-size:.86rem;
    font-weight:700;
    line-height:1.15;
    white-space:nowrap;
    text-decoration:none!important
}
.mp-profile-takeover .mp-content-tabs a:hover,
.mp-profile-takeover .mp-content-tabs a:focus-visible{
    background:#e9f3fa;
    color:#0f5d96!important
}
.mp-profile-takeover .mp-content-tabs a.active{
    background:#1766a6;
    color:#fff!important;
    box-shadow:0 3px 10px rgba(23,102,166,.18)
}
.mp-profile-takeover .mp-content-tabs .mp-svg-icon{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    max-width:16px!important;
    max-height:16px!important
}
.mp-profile-takeover .mp-content-pagination{
    display:flex;
    justify-content:flex-end;
    min-height:0;
    margin:.75rem 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important
}
.mp-profile-takeover .mp-content-pagination .pagelinks{
    min-width:0
}
.mp-profile-takeover .mp-post-stream{
    display:grid;
    gap:.8rem
}
.mp-profile-takeover .mp-post-card{
    overflow:hidden;
    border:1px solid #dbe4ec;
    border-radius:10px;
    background:#fff;
    box-shadow:0 3px 12px rgba(20,55,85,.045)
}
.mp-profile-takeover .mp-post-card.is-unapproved{
    border-color:#e7bf73;
    background:#fffdf8
}
.mp-profile-takeover .mp-post-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
    padding:.85rem 1rem;
    border-bottom:1px solid rgba(100,120,140,.14);
    background:#f8fafc
}
.mp-profile-takeover .mp-post-heading-copy{
    min-width:0
}
.mp-profile-takeover .mp-post-card-head h2{
    display:block!important;
    margin:0 0 .3rem!important;
    padding:0!important;
    border:0!important;
    color:#174f7a!important;
    font-size:1rem!important;
    line-height:1.28!important
}
.mp-profile-takeover .mp-post-card-head h2:before{
    display:none!important
}
.mp-profile-takeover .mp-post-card-head h2 a{
    color:#174f7a!important;
    overflow-wrap:anywhere
}
.mp-profile-takeover .mp-post-card-head h2 a:hover{
    color:#0f6fae!important;
    text-decoration:underline!important
}
.mp-profile-takeover .mp-post-meta{
    display:flex;
    align-items:center;
    gap:.38rem;
    flex-wrap:wrap;
    color:#64748b;
    font-size:.78rem
}
.mp-profile-takeover .mp-post-meta a{
    color:#1766a6!important;
    font-weight:650
}
.mp-profile-takeover .mp-post-number{
    flex:0 0 auto;
    padding:.22rem .46rem;
    border-radius:999px;
    background:rgba(23,102,166,.09);
    color:#1766a6!important;
    font-size:.75rem;
    font-weight:750
}
.mp-profile-takeover .mp-post-approval{
    margin:.75rem 1rem 0;
    padding:.58rem .7rem;
    border:1px solid #edc984;
    border-radius:7px;
    background:#fff4dd;
    color:#7c4a08;
    font-size:.82rem;
    font-weight:650
}
.mp-profile-takeover .mp-post-body{
    min-height:54px;
    padding:1rem;
    color:#334155;
    line-height:1.58;
    overflow-wrap:anywhere
}
.mp-profile-takeover .mp-post-body:after{
    content:"";
    display:block;
    clear:both
}
.mp-profile-takeover .mp-post-body img,
.mp-profile-takeover .mp-post-body iframe,
.mp-profile-takeover .mp-post-body video{
    max-width:100%!important
}
.mp-profile-takeover .mp-post-body blockquote{
    margin:.75rem 0;
    padding:.7rem .85rem;
    border-left:3px solid #58a7d9;
    border-radius:0 7px 7px 0;
    background:#f5f9fc
}
.mp-profile-takeover .mp-post-actions{
    display:flex;
    justify-content:flex-end;
    min-height:42px;
    padding:.48rem .7rem;
    border-top:1px solid rgba(100,120,140,.14);
    background:#fafcfd
}
.mp-profile-takeover .mp-post-actions .quickbuttons{
    margin:0!important
}
.mp-profile-takeover .mp-post-actions .quickbuttons>li>a,
.mp-profile-takeover .mp-post-actions .quickbuttons>li>button{
    border-radius:6px!important
}
.mp-profile-takeover .mp-content-empty{
    min-height:180px;
    border:1px dashed #cbd8e3;
    border-radius:9px;
    background:#f9fbfc
}
.mp-profile-takeover .mp-native-list-adapter{
    min-width:0;
    overflow-x:auto;
    border:1px solid #dbe4ec;
    border-radius:10px;
    background:#fff
}
.mp-profile-takeover .mp-native-list-adapter .cat_bar,
.mp-profile-takeover .mp-native-list-adapter .title_bar{
    margin:0!important;
    border-radius:0!important
}
.mp-profile-takeover .mp-native-list-adapter .table_grid,
.mp-profile-takeover .mp-native-list-adapter table{
    width:100%!important;
    min-width:620px;
    margin:0!important;
    border:0!important;
    border-collapse:collapse!important;
    background:#fff!important
}
.mp-profile-takeover .mp-native-list-adapter th{
    padding:.72rem .75rem!important;
    border:0!important;
    border-bottom:1px solid #dbe4ec!important;
    background:#f3f7fa!important;
    color:#334155!important;
    font-size:.78rem!important;
    font-weight:750!important;
    text-align:left!important
}
.mp-profile-takeover .mp-native-list-adapter td{
    padding:.75rem!important;
    border:0!important;
    border-bottom:1px solid rgba(100,120,140,.13)!important;
    background:#fff!important;
    color:#475569!important;
    vertical-align:middle!important
}
.mp-profile-takeover .mp-native-list-adapter tr:last-child td{
    border-bottom:0!important
}
.mp-profile-takeover .mp-native-list-adapter tr:hover td{
    background:#f8fbfd!important
}
.mp-profile-takeover .mp-native-list-adapter .pagesection{
    min-width:620px;
    margin:0!important;
    padding:.7rem .75rem!important;
    border-top:1px solid #dbe4ec!important;
    background:#fafcfd!important
}
@container (max-width:620px){
    .mp-profile-takeover .mp-content-adapter{
        padding:.85rem!important
    }
    .mp-profile-takeover .mp-content-tabs{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        overflow:visible
    }
    .mp-profile-takeover .mp-content-tabs a{
        min-width:0;
        white-space:normal
    }
    .mp-profile-takeover .mp-post-card-head{
        gap:.55rem;
        padding:.75rem .8rem
    }
    .mp-profile-takeover .mp-post-body{
        padding:.85rem
    }
    .mp-profile-takeover .mp-post-actions{
        justify-content:flex-start
    }
}
@container (max-width:390px){
    .mp-profile-takeover .mp-content-tabs{
        grid-template-columns:1fr
    }
    .mp-profile-takeover .mp-post-number{
        display:none
    }
}


/* Phase 8 — completed Friends, Followers, Following and request management. */
.mp-profile-takeover .mp-route-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
    margin:0 0 1rem;
    padding-bottom:.85rem;
    border-bottom:1px solid rgba(100,120,140,.16)
}
.mp-profile-takeover .mp-route-heading h1{
    margin:0!important;
    padding:0!important;
    border:0!important
}
.mp-profile-takeover .mp-route-heading p{
    max-width:700px;
    margin:.35rem 0 0;
    opacity:.72
}
.mp-profile-takeover .mp-route-total,
.mp-profile-takeover .mp-request-summary span,
.mp-profile-takeover .mp-request-section-heading>span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:.25rem .62rem;
    border-radius:999px;
    background:rgba(23,102,166,.1);
    color:var(--primary-color,#1766a6);
    font-size:.78rem;
    font-weight:700;
    white-space:nowrap
}
.mp-profile-takeover .mp-button-muted{
    background:transparent!important;
    color:inherit!important
}
.mp-profile-takeover .mp-relationship-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(285px,1fr));
    gap:.8rem
}
.mp-profile-takeover .mp-relationship-person{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    min-width:0;
    padding:.85rem;
    border:1px solid var(--border-color,#dbe4ec);
    border-radius:11px;
    background:var(--window-bg,#fff);
    transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease
}
.mp-profile-takeover .mp-relationship-person:hover{
    border-color:rgba(23,102,166,.42);
    box-shadow:0 7px 18px rgba(20,55,85,.08);
    transform:translateY(-1px)
}
.mp-profile-takeover .mp-relationship-identity{
    display:flex;
    align-items:center;
    gap:.75rem;
    min-width:0;
    color:inherit!important;
    text-decoration:none
}
.mp-profile-takeover .mp-directory-avatar,
.mp-profile-takeover .mp-request-avatar{
    position:relative;
    display:grid;
    place-items:center;
    flex:0 0 52px;
    width:52px;
    height:52px;
    overflow:visible;
    border-radius:50%;
    background:linear-gradient(145deg,#f7fafc,#dce6ef)
}
.mp-profile-takeover .mp-directory-avatar>img,
.mp-profile-takeover .mp-request-avatar>img,
.mp-profile-takeover .mp-directory-avatar>.mp-avatar-fallback,
.mp-profile-takeover .mp-request-avatar>.mp-avatar-fallback{
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    border-radius:50%!important;
    object-fit:cover
}
.mp-profile-takeover .mp-directory-presence{
    position:absolute;
    right:-1px;
    bottom:2px;
    width:13px;
    height:13px;
    border:2px solid var(--window-bg,#fff);
    border-radius:50%;
    background:#9aa8b5;
    box-shadow:0 1px 4px rgba(0,0,0,.16)
}
.mp-profile-takeover .mp-directory-presence.is-online{background:#55d66b}
.mp-profile-takeover .mp-relationship-copy{
    display:grid;
    gap:.08rem;
    min-width:0
}
.mp-profile-takeover .mp-relationship-copy strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.mp-profile-takeover .mp-relationship-copy small{
    display:block;
    overflow:hidden;
    color:inherit;
    font-size:.76rem;
    opacity:.68;
    text-overflow:ellipsis;
    white-space:nowrap
}
.mp-profile-takeover .mp-relationship-copy small>span{font-weight:650}
.mp-profile-takeover .mp-relationship-username{opacity:.78!important}
.mp-profile-takeover .mp-relationship-actions{
    flex:0 0 auto
}
.mp-profile-takeover .mp-compact-action{
    margin:0
}
.mp-profile-takeover .mp-compact-action .button{
    min-height:34px;
    margin:0;
    padding:.38rem .62rem;
    font-size:.78rem;
    white-space:nowrap
}
.mp-profile-takeover .mp-directory-pagination{
    margin-top:1rem;
    padding-top:.8rem;
    border-top:1px solid rgba(100,120,140,.14)
}
.mp-profile-takeover .mp-directory-empty>.mp-svg-icon,
.mp-profile-takeover .mp-request-empty>.mp-svg-icon{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important
}
.mp-profile-takeover .mp-social-counts.mp-social-counts-single>*{
    min-width:112px!important
}
.mp-profile-takeover .mp-requests-card{
    display:grid;
    gap:1.2rem
}
.mp-profile-takeover .mp-request-summary{
    display:flex;
    gap:.4rem;
    flex-wrap:wrap;
    justify-content:flex-end
}
.mp-profile-takeover .mp-request-section{
    min-width:0;
    padding:1rem;
    border:1px solid rgba(100,120,140,.16);
    border-radius:11px;
    background:rgba(100,120,140,.025)
}
.mp-profile-takeover .mp-request-section-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    margin-bottom:.8rem
}
.mp-profile-takeover .mp-request-section-heading h2{
    margin:0;
    padding:0;
    border:0
}
.mp-profile-takeover .mp-request-form{margin:0}
.mp-profile-takeover .mp-request-list{
    display:grid;
    gap:.6rem;
    margin:0
}
.mp-profile-takeover .mp-request-row{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:.75rem;
    padding:.8rem;
    border:1px solid var(--border-color,#dbe4ec);
    border-radius:10px;
    background:var(--window-bg,#fff)
}
.mp-profile-takeover .mp-request-row:last-child{border-bottom:1px solid var(--border-color,#dbe4ec)}
.mp-profile-takeover .mp-request-row-readonly{grid-template-columns:minmax(0,1fr)}
.mp-profile-takeover .mp-request-check{
    width:17px;
    height:17px;
    margin:0
}
.mp-profile-takeover .mp-request-person{
    display:flex;
    align-items:center;
    gap:.75rem;
    min-width:0;
    color:inherit!important;
    text-decoration:none
}
.mp-profile-takeover .mp-request-copy{
    display:grid;
    min-width:0
}
.mp-profile-takeover .mp-request-copy strong,
.mp-profile-takeover .mp-request-copy small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.mp-profile-takeover .mp-request-copy small{
    font-size:.76rem;
    opacity:.67
}
.mp-profile-takeover .mp-request-message{
    display:block;
    margin-top:.38rem;
    padding:.45rem .55rem;
    border-left:3px solid rgba(23,102,166,.35);
    border-radius:0 6px 6px 0;
    background:rgba(23,102,166,.055);
    font-size:.84rem;
    line-height:1.4;
    white-space:normal
}
.mp-profile-takeover .mp-request-actions{
    justify-content:flex-end
}
.mp-profile-takeover .mp-request-actions .button{
    min-height:34px;
    margin:0;
    padding:.38rem .62rem;
    font-size:.78rem
}
.mp-profile-takeover .mp-bulk-actions{
    gap:.5rem;
    padding-top:.8rem
}
.mp-profile-takeover .mp-request-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.3rem;
    margin-top:.85rem
}
.mp-profile-takeover .mp-request-pagination a,
.mp-profile-takeover .mp-request-pagination strong{
    display:grid;
    place-items:center;
    min-width:32px;
    min-height:32px;
    padding:.25rem .45rem;
    border:1px solid var(--border-color,#dbe4ec);
    border-radius:7px;
    text-decoration:none
}
.mp-profile-takeover .mp-request-pagination strong{
    border-color:var(--primary-color,#1766a6);
    background:var(--primary-color,#1766a6);
    color:#fff
}
.mp-profile-takeover .mp-privacy-card{
    max-width:820px
}
.mp-profile-takeover .mp-privacy-section{
    margin:0 0 1rem;
    padding:1rem;
    border:1px solid rgba(100,120,140,.16);
    border-radius:11px
}
.mp-profile-takeover .mp-privacy-section>header{
    margin-bottom:.4rem
}
.mp-profile-takeover .mp-privacy-section>header h2{
    margin:0 0 .25rem
}
.mp-profile-takeover .mp-privacy-section>header p{
    margin:0;
    opacity:.7
}
.mp-profile-takeover .mp-setting-toggle{
    grid-template-columns:1fr!important
}
.mp-profile-takeover .mp-setting-toggle label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem
}
.mp-profile-takeover .mp-setting-toggle label>span{
    display:grid;
    gap:.2rem
}
.mp-profile-takeover .mp-setting-toggle input{
    flex:0 0 auto;
    width:18px;
    height:18px
}
@container (max-width:680px){
    .mp-profile-takeover .mp-route-heading{
        display:grid
    }
    .mp-profile-takeover .mp-route-total,
    .mp-profile-takeover .mp-request-summary{
        justify-self:start
    }
    .mp-profile-takeover .mp-request-summary{
        justify-content:flex-start
    }
    .mp-profile-takeover .mp-request-row{
        grid-template-columns:auto minmax(0,1fr)
    }
    .mp-profile-takeover .mp-request-actions{
        grid-column:2;
        justify-content:flex-start
    }
}
@container (max-width:480px){
    .mp-profile-takeover .mp-relationship-grid{
        grid-template-columns:1fr
    }
    .mp-profile-takeover .mp-relationship-person{
        align-items:flex-start;
        flex-direction:column
    }
    .mp-profile-takeover .mp-relationship-actions,
    .mp-profile-takeover .mp-relationship-actions .mp-inline-action,
    .mp-profile-takeover .mp-relationship-actions .button{
        width:100%
    }
    .mp-profile-takeover .mp-request-row{
        grid-template-columns:1fr
    }
    .mp-profile-takeover .mp-request-check{
        position:absolute;
        margin:.35rem
    }
    .mp-profile-takeover .mp-request-person{
        padding-left:1.7rem
    }
    .mp-profile-takeover .mp-request-actions{
        grid-column:1;
        width:100%
    }
    .mp-profile-takeover .mp-request-actions .mp-inline-action,
    .mp-profile-takeover .mp-request-actions .button{
        width:100%
    }
    .mp-profile-takeover .mp-setting-toggle label{
        align-items:flex-start
    }
}

/* Phase 9: third-party profile application adapters. */
.mp-profile-takeover .mp-extension-adapter{
    overflow:hidden
}
.mp-profile-takeover .mp-extension-heading{
    display:flex;
    align-items:center;
    gap:1rem;
    padding-bottom:1rem;
    margin-bottom:1rem;
    border-bottom:1px solid var(--mp-border,#e2e8f0)
}
.mp-profile-takeover .mp-extension-heading-icon{
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    border-radius:14px;
    color:var(--mp-accent,#2563eb);
    background:color-mix(in srgb,var(--mp-accent,#2563eb) 12%,transparent)
}
.mp-profile-takeover .mp-extension-heading-icon .mp-svg-icon{
    width:24px;
    height:24px
}
.mp-profile-takeover .mp-extension-content{
    min-width:0
}
.mp-profile-takeover .mp-extension-native-template,
.mp-profile-takeover .mp-extension-native-list,
.mp-profile-takeover .mp-extension-direct-output{
    min-width:0;
    max-width:100%
}
.mp-profile-takeover .mp-extension-content img,
.mp-profile-takeover .mp-extension-content video,
.mp-profile-takeover .mp-extension-content iframe{
    max-width:100%
}
.mp-profile-takeover .mp-extension-content table{
    max-width:100%
}
.mp-profile-takeover .mp-extension-native-list{
    overflow-x:auto;
    overscroll-behavior-inline:contain
}
.mp-profile-takeover .mp-extension-content>.cat_bar:first-child,
.mp-profile-takeover .mp-extension-content>.title_bar:first-child,
.mp-profile-takeover .mp-extension-content>.information:first-child{
    margin-top:0
}
.mp-profile-takeover .mp-extension-empty{
    min-height:180px
}
.mp-profile-takeover .mp-request-row.is-highlighted{
    outline:3px solid color-mix(in srgb,var(--mp-accent,#2563eb) 35%,transparent);
    outline-offset:2px;
    background:color-mix(in srgb,var(--mp-accent,#2563eb) 8%,var(--mp-card,#fff));
    scroll-margin-top:1.25rem
}
@container (max-width:520px){
    .mp-profile-takeover .mp-extension-heading{
        align-items:flex-start
    }
    .mp-profile-takeover .mp-extension-heading-icon{
        flex-basis:40px;
        width:40px;
        height:40px;
        border-radius:12px
    }
}

.mp-request-alert-note {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  margin: 0 0 1rem;
  padding: .75rem .9rem;
  border: 1px solid var(--mp-border, rgba(100, 116, 139, .28));
  border-radius: .75rem;
  background: color-mix(in srgb, var(--mp-accent, #2563eb) 7%, transparent);
  color: var(--mp-muted-colour, inherit);
  font-size: .92rem;
}

.mp-request-alert-note .mp-icon {
  flex: 0 0 auto;
  width: 1.1rem;
  height: 1.1rem;
  margin-top: .08rem;
}

/* Phase 10: native SMF account, preference and privacy form adapters. */
.mp-profile-takeover .mp-native-settings-adapter{
    overflow:hidden
}
.mp-profile-takeover .mp-native-settings-heading{
    display:flex;
    align-items:center;
    gap:1rem;
    padding-bottom:1rem;
    margin-bottom:1rem;
    border-bottom:1px solid var(--mp-border,#e2e8f0)
}
.mp-profile-takeover .mp-native-settings-heading-icon{
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    border-radius:14px;
    color:var(--mp-accent,#2563eb);
    background:color-mix(in srgb,var(--mp-accent,#2563eb) 12%,transparent)
}
.mp-profile-takeover .mp-native-settings-heading-icon .mp-svg-icon{
    width:24px;
    height:24px
}
.mp-profile-takeover .mp-native-settings-tabs{
    margin:0 0 1rem;
    overflow-x:auto;
    scrollbar-width:thin
}
.mp-profile-takeover .mp-native-settings-tabs ul{
    display:flex;
    gap:.4rem;
    min-width:max-content;
    margin:0;
    padding:0;
    list-style:none
}
.mp-profile-takeover .mp-native-settings-tabs a{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:.45rem .8rem;
    border:1px solid var(--mp-border,#dbe4ec);
    border-radius:999px;
    color:inherit;
    text-decoration:none;
    font-weight:650
}
.mp-profile-takeover .mp-native-settings-tabs a:hover,
.mp-profile-takeover .mp-native-settings-tabs a:focus-visible{
    border-color:color-mix(in srgb,var(--mp-accent,#2563eb) 55%,var(--mp-border,#dbe4ec));
    color:var(--mp-accent,#2563eb)
}
.mp-profile-takeover .mp-native-settings-tabs a.active{
    border-color:var(--mp-accent,#2563eb);
    background:var(--mp-accent,#2563eb);
    color:#fff
}
.mp-profile-takeover .mp-native-settings-messages:empty{
    display:none
}
.mp-profile-takeover .mp-native-settings-messages .errorbox,
.mp-profile-takeover .mp-native-settings-messages .infobox{
    margin:0 0 1rem
}
.mp-profile-takeover .mp-native-settings-content,
.mp-profile-takeover .mp-native-settings-native-template,
.mp-profile-takeover .mp-native-settings-native-list,
.mp-profile-takeover .mp-native-settings-direct-output{
    min-width:0;
    max-width:100%
}
.mp-profile-takeover .mp-native-settings-content>form,
.mp-profile-takeover .mp-native-settings-native-template>form{
    margin:0
}
.mp-profile-takeover .mp-native-settings-content>form>.cat_bar:first-of-type,
.mp-profile-takeover .mp-native-settings-native-template>form>.cat_bar:first-of-type{
    display:none
}
.mp-profile-takeover .mp-native-settings-content>form>.information:first-of-type,
.mp-profile-takeover .mp-native-settings-native-template>form>.information:first-of-type{
    margin-top:0
}
.mp-profile-takeover .mp-native-settings-content>form>.roundframe,
.mp-profile-takeover .mp-native-settings-native-template>form>.roundframe{
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none
}
.mp-profile-takeover .mp-native-settings-content dl.settings{
    display:grid;
    grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr);
    gap:.8rem 1.1rem;
    margin:0
}
.mp-profile-takeover .mp-native-settings-content dl.settings>dt,
.mp-profile-takeover .mp-native-settings-content dl.settings>dd{
    float:none;
    width:auto;
    min-width:0;
    margin:0;
    padding:.4rem 0
}
.mp-profile-takeover .mp-native-settings-content dl.settings>dt{
    align-self:start
}
.mp-profile-takeover .mp-native-settings-content input[type="text"],
.mp-profile-takeover .mp-native-settings-content input[type="email"],
.mp-profile-takeover .mp-native-settings-content input[type="password"],
.mp-profile-takeover .mp-native-settings-content input[type="url"],
.mp-profile-takeover .mp-native-settings-content input[type="number"],
.mp-profile-takeover .mp-native-settings-content select,
.mp-profile-takeover .mp-native-settings-content textarea{
    max-width:100%
}
.mp-profile-takeover .mp-native-settings-content textarea{
    width:100%;
    box-sizing:border-box
}
.mp-profile-takeover .mp-native-settings-content .righttext,
.mp-profile-takeover .mp-native-settings-content .buttonlist{
    margin-top:1rem
}
.mp-profile-takeover .mp-native-settings-content table{
    max-width:100%
}
.mp-profile-takeover .mp-native-settings-native-list{
    overflow-x:auto;
    overscroll-behavior-inline:contain
}
.mp-profile-takeover .mp-native-settings-content img,
.mp-profile-takeover .mp-native-settings-content iframe{
    max-width:100%
}
.mp-profile-takeover .mp-native-settings-empty{
    min-height:180px
}
@container (max-width:640px){
    .mp-profile-takeover .mp-native-settings-heading{
        align-items:flex-start
    }
    .mp-profile-takeover .mp-native-settings-heading-icon{
        flex-basis:40px;
        width:40px;
        height:40px;
        border-radius:12px
    }
    .mp-profile-takeover .mp-native-settings-content dl.settings{
        grid-template-columns:1fr;
        gap:.2rem
    }
    .mp-profile-takeover .mp-native-settings-content dl.settings>dd{
        padding-top:0;
        padding-bottom:.9rem
    }
    .mp-profile-takeover .mp-native-settings-content .button,
    .mp-profile-takeover .mp-native-settings-content button[type="submit"],
    .mp-profile-takeover .mp-native-settings-content input[type="submit"]{
        max-width:100%
    }
}

/* Phase 11: native SMF permissions, tracking and warning tools. */
.mp-profile-takeover .mp-native-staff-adapter{
    overflow:hidden
}
.mp-profile-takeover .mp-native-staff-heading{
    display:flex;
    align-items:center;
    gap:1rem;
    padding-bottom:1rem;
    margin-bottom:1rem;
    border-bottom:1px solid var(--mp-border,#e2e8f0)
}
.mp-profile-takeover .mp-native-staff-heading-icon{
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    border-radius:14px;
    color:var(--mp-warning,#a16207);
    background:color-mix(in srgb,var(--mp-warning,#a16207) 12%,transparent)
}
.mp-profile-takeover .mp-native-staff-heading-icon .mp-svg-icon{
    width:24px;
    height:24px
}
.mp-profile-takeover .mp-native-staff-heading-copy{
    min-width:0;
    flex:1
}
.mp-profile-takeover .mp-native-staff-title-row{
    display:flex;
    align-items:center;
    gap:.6rem;
    flex-wrap:wrap
}
.mp-profile-takeover .mp-native-staff-title-row h1{
    margin:0
}
.mp-profile-takeover .mp-native-staff-badge{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:.2rem .55rem;
    border:1px solid color-mix(in srgb,var(--mp-warning,#a16207) 42%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,var(--mp-warning,#a16207) 9%,transparent);
    color:var(--mp-warning,#8a5604);
    font-size:.72rem;
    font-weight:750;
    letter-spacing:.02em;
    text-transform:uppercase
}
.mp-profile-takeover .mp-native-staff-tabs{
    margin:0 0 1rem;
    overflow-x:auto;
    scrollbar-width:thin
}
.mp-profile-takeover .mp-native-staff-tabs ul{
    display:flex;
    gap:.4rem;
    min-width:max-content;
    margin:0;
    padding:0;
    list-style:none
}
.mp-profile-takeover .mp-native-staff-tabs a{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:.45rem .8rem;
    border:1px solid var(--mp-border,#dbe4ec);
    border-radius:999px;
    color:inherit;
    text-decoration:none;
    font-weight:650
}
.mp-profile-takeover .mp-native-staff-tabs a:hover,
.mp-profile-takeover .mp-native-staff-tabs a:focus-visible{
    border-color:color-mix(in srgb,var(--mp-warning,#a16207) 55%,var(--mp-border,#dbe4ec));
    color:var(--mp-warning,#8a5604)
}
.mp-profile-takeover .mp-native-staff-tabs a.active{
    border-color:var(--mp-warning,#a16207);
    background:var(--mp-warning,#a16207);
    color:#fff
}
.mp-profile-takeover .mp-native-staff-messages:empty{
    display:none
}
.mp-profile-takeover .mp-native-staff-messages .errorbox,
.mp-profile-takeover .mp-native-staff-messages .infobox{
    margin:0 0 1rem
}
.mp-profile-takeover .mp-native-staff-content,
.mp-profile-takeover .mp-native-staff-native-template,
.mp-profile-takeover .mp-native-staff-native-list,
.mp-profile-takeover .mp-native-staff-direct-output{
    min-width:0;
    max-width:100%
}
.mp-profile-takeover .mp-native-staff-content>form,
.mp-profile-takeover .mp-native-staff-native-template>form{
    margin:0
}
.mp-profile-takeover .mp-native-staff-content .cat_bar:first-child,
.mp-profile-takeover .mp-native-staff-native-template>.cat_bar:first-child,
.mp-profile-takeover .mp-native-staff-native-template>form>.cat_bar:first-of-type{
    display:none
}
.mp-profile-takeover .mp-native-staff-content .roundframe,
.mp-profile-takeover .mp-native-staff-native-template>.roundframe{
    max-width:100%;
    box-sizing:border-box
}
.mp-profile-takeover .mp-native-staff-content table{
    max-width:100%
}
.mp-profile-takeover .mp-native-staff-content .table_grid,
.mp-profile-takeover .mp-native-staff-content .tborder,
.mp-profile-takeover .mp-native-staff-native-list{
    overflow-x:auto;
    overscroll-behavior-inline:contain
}
.mp-profile-takeover .mp-native-staff-content select,
.mp-profile-takeover .mp-native-staff-content textarea,
.mp-profile-takeover .mp-native-staff-content input[type="text"],
.mp-profile-takeover .mp-native-staff-content input[type="number"],
.mp-profile-takeover .mp-native-staff-content input[type="email"]{
    max-width:100%
}
.mp-profile-takeover .mp-native-staff-content textarea{
    width:100%;
    box-sizing:border-box
}
.mp-profile-takeover .mp-native-staff-content .warning_level,
.mp-profile-takeover .mp-native-staff-content #warning_text{
    max-width:100%
}
.mp-profile-takeover .mp-native-staff-content .generic_bar{
    max-width:100%
}
.mp-profile-takeover .mp-native-staff-empty{
    min-height:180px
}
@container (max-width:640px){
    .mp-profile-takeover .mp-native-staff-heading{
        align-items:flex-start
    }
    .mp-profile-takeover .mp-native-staff-heading-icon{
        flex-basis:40px;
        width:40px;
        height:40px;
        border-radius:12px
    }
    .mp-profile-takeover .mp-native-staff-title-row{
        align-items:flex-start
    }
    .mp-profile-takeover .mp-native-staff-content .button,
    .mp-profile-takeover .mp-native-staff-content button[type="submit"],
    .mp-profile-takeover .mp-native-staff-content input[type="submit"]{
        max-width:100%
    }
}

/* Phase 12: complete takeover of remaining native full-page profile routes. */
.mp-profile-takeover .mp-native-page-adapter{
    min-width:0;
    overflow:hidden
}
.mp-profile-takeover .mp-native-page-heading{
    display:flex;
    align-items:center;
    gap:1rem;
    padding-bottom:1rem;
    margin-bottom:1rem;
    border-bottom:1px solid var(--mp-border,#e2e8f0)
}
.mp-profile-takeover .mp-native-page-heading-icon{
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    border-radius:14px;
    color:var(--mp-accent,#2563eb);
    background:color-mix(in srgb,var(--mp-accent,#2563eb) 11%,transparent)
}
.mp-profile-takeover .mp-native-page-heading-icon .mp-svg-icon{
    width:24px;
    height:24px
}
.mp-profile-takeover .mp-native-page-heading-copy{
    min-width:0;
    flex:1
}
.mp-profile-takeover .mp-native-page-title-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.6rem
}
.mp-profile-takeover .mp-native-page-title-row h1{
    margin:0
}
.mp-profile-takeover .mp-native-page-heading p{
    margin:.35rem 0 0;
    color:var(--mp-muted,#64748b)
}
.mp-profile-takeover .mp-native-page-danger{
    border-color:color-mix(in srgb,#b42318 35%,var(--mp-border,#e2e8f0))
}
.mp-profile-takeover .mp-native-page-danger .mp-native-page-heading-icon{
    color:#b42318;
    background:color-mix(in srgb,#b42318 10%,transparent)
}
.mp-profile-takeover .mp-native-page-danger-badge{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:.2rem .55rem;
    border:1px solid color-mix(in srgb,#b42318 42%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,#b42318 8%,transparent);
    color:#b42318;
    font-size:.72rem;
    font-weight:750;
    letter-spacing:.02em;
    text-transform:uppercase
}
.mp-profile-takeover .mp-native-page-messages:empty{
    display:none
}
.mp-profile-takeover .mp-native-page-messages .errorbox,
.mp-profile-takeover .mp-native-page-messages .infobox{
    margin:0 0 1rem
}
.mp-profile-takeover .mp-native-page-content,
.mp-profile-takeover .mp-native-page-native-template,
.mp-profile-takeover .mp-native-page-native-list,
.mp-profile-takeover .mp-native-page-direct-output{
    min-width:0;
    max-width:100%
}
.mp-profile-takeover .mp-native-page-content>form,
.mp-profile-takeover .mp-native-page-native-template>form{
    margin:0
}
.mp-profile-takeover .mp-native-page-content .cat_bar:first-child,
.mp-profile-takeover .mp-native-page-native-template>.cat_bar:first-child,
.mp-profile-takeover .mp-native-page-native-template>form>.cat_bar:first-of-type{
    display:none
}
.mp-profile-takeover .mp-native-page-content .roundframe,
.mp-profile-takeover .mp-native-page-native-template>.roundframe,
.mp-profile-takeover .mp-native-page-content .information{
    max-width:100%;
    box-sizing:border-box
}
.mp-profile-takeover .mp-native-page-content .table_grid,
.mp-profile-takeover .mp-native-page-content .tborder,
.mp-profile-takeover .mp-native-page-native-list{
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain
}
.mp-profile-takeover .mp-native-page-content table{
    max-width:100%
}
.mp-profile-takeover .mp-native-page-content img,
.mp-profile-takeover .mp-native-page-content canvas,
.mp-profile-takeover .mp-native-page-content svg{
    max-width:100%
}
.mp-profile-takeover .mp-native-page-content input[type="text"],
.mp-profile-takeover .mp-native-page-content input[type="email"],
.mp-profile-takeover .mp-native-page-content input[type="password"],
.mp-profile-takeover .mp-native-page-content input[type="number"],
.mp-profile-takeover .mp-native-page-content select,
.mp-profile-takeover .mp-native-page-content textarea{
    max-width:100%;
    box-sizing:border-box
}
.mp-profile-takeover .mp-native-page-content textarea{
    width:100%
}
.mp-profile-takeover .mp-native-page-content .pagesection{
    margin:.85rem 0
}
.mp-profile-takeover .mp-native-page-content .activity_stats{
    max-width:100%;
    overflow-x:auto;
    padding-bottom:.5rem
}
.mp-profile-takeover .mp-native-page-content .half_content{
    min-width:0;
    box-sizing:border-box
}
.mp-profile-takeover .mp-native-page-showdrafts .windowbg,
.mp-profile-takeover .mp-native-page-showalerts .windowbg{
    border-radius:12px
}
.mp-profile-takeover .mp-native-page-deleteaccount .warningbox,
.mp-profile-takeover .mp-native-page-deleteaccount .information{
    border-color:color-mix(in srgb,#b42318 35%,var(--mp-border,#e2e8f0));
    background:color-mix(in srgb,#b42318 5%,var(--mp-surface,#fff))
}
.mp-profile-takeover .mp-native-page-deleteaccount .button,
.mp-profile-takeover .mp-native-page-deleteaccount button[type="submit"],
.mp-profile-takeover .mp-native-page-deleteaccount input[type="submit"]{
    border-color:#b42318
}
.mp-profile-takeover .mp-native-page-empty{
    min-height:180px
}
@container (max-width:760px){
    .mp-profile-takeover .mp-native-page-content .half_content{
        float:none;
        width:100%;
        margin-inline:0
    }
}
@container (max-width:640px){
    .mp-profile-takeover .mp-native-page-heading{
        align-items:flex-start
    }
    .mp-profile-takeover .mp-native-page-heading-icon{
        flex-basis:40px;
        width:40px;
        height:40px;
        border-radius:12px
    }
    .mp-profile-takeover .mp-native-page-content .button,
    .mp-profile-takeover .mp-native-page-content button[type="submit"],
    .mp-profile-takeover .mp-native-page-content input[type="submit"]{
        max-width:100%
    }
}


/* Phase 13: empty states, pagination, search, semantic dates and recovery. */
.mp-profile-takeover .mp-state{
    min-height:160px;
    padding:1.35rem;
    border:1px dashed color-mix(in srgb,var(--mp-border,#dbe4ec) 88%,transparent);
    border-radius:14px;
    background:color-mix(in srgb,var(--mp-card,#fff) 94%,var(--mp-accent,#2563eb) 6%);
    color:inherit;
    opacity:1
}
.mp-profile-takeover .mp-state-icon{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border-radius:50%;
    background:color-mix(in srgb,var(--mp-accent,#2563eb) 12%,transparent);
    color:var(--mp-accent,#2563eb)
}
.mp-profile-takeover .mp-state-icon .mp-svg-icon{
    width:24px;
    height:24px
}
.mp-profile-takeover .mp-state>strong{
    max-width:42rem;
    font-size:1rem;
    line-height:1.35
}
.mp-profile-takeover .mp-state>p{
    max-width:42rem;
    margin:0;
    color:var(--mp-muted-colour,#64748b);
    line-height:1.55
}
.mp-profile-takeover .mp-state-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.55rem;
    margin-top:.25rem
}
.mp-profile-takeover .mp-state-error{
    border-style:solid;
    border-color:color-mix(in srgb,var(--mp-danger,#b42318) 32%,var(--mp-border,#dbe4ec));
    background:color-mix(in srgb,var(--mp-danger,#b42318) 6%,var(--mp-card,#fff))
}
.mp-profile-takeover .mp-state-error .mp-state-icon{
    color:var(--mp-danger,#b42318);
    background:color-mix(in srgb,var(--mp-danger,#b42318) 12%,transparent)
}
.mp-profile-takeover .mp-state-notice{
    border-style:solid
}
.mp-profile-takeover .mp-recovery-notice{
    display:flex;
    align-items:flex-start;
    gap:.55rem;
    margin:0 0 1rem;
    padding:.7rem .85rem;
    border:1px solid color-mix(in srgb,var(--mp-accent,#2563eb) 25%,var(--mp-border,#dbe4ec));
    border-radius:10px;
    background:color-mix(in srgb,var(--mp-accent,#2563eb) 6%,transparent);
    color:var(--mp-muted-colour,#475569);
    font-size:.9rem;
    line-height:1.45
}
.mp-profile-takeover .mp-recovery-notice .mp-svg-icon{
    flex:0 0 auto;
    width:18px;
    height:18px;
    margin-top:.05rem;
    color:var(--mp-accent,#2563eb)
}
.mp-profile-takeover time{
    color:inherit;
    font:inherit
}
.mp-profile-takeover .mp-overview-empty{
    min-height:130px
}
.mp-profile-takeover .mp-directory-empty,
.mp-profile-takeover .mp-request-empty,
.mp-profile-takeover .mp-content-empty{
    width:100%;
    box-sizing:border-box
}
.mp-profile-takeover .mp-content-pagination .pagelinks,
.mp-profile-takeover .mp-directory-pagination .pagelinks{
    max-width:100%;
    overflow-x:auto;
    scrollbar-width:thin
}
@container (max-width:480px){
    .mp-profile-takeover .mp-state-actions,
    .mp-profile-takeover .mp-state-actions .button{
        width:100%
    }
    .mp-profile-takeover .mp-recovery-notice{
        align-items:flex-start
    }
}

/* Phase 14: responsive, keyboard and accessibility completion. */
.mp-profile-takeover .mp-skip-link{
    position:fixed;
    z-index:10000;
    inset-block-start:.75rem;
    inset-inline-start:.75rem;
    padding:.7rem 1rem;
    border:2px solid currentColor;
    border-radius:8px;
    background:var(--mp-card,#fff);
    color:var(--mp-text,#111827);
    font-weight:700;
    transform:translateY(-180%);
    transition:transform .15s ease
}
.mp-profile-takeover .mp-skip-link:focus{transform:translateY(0)}
.mp-profile-takeover :where(a,button,input,select,textarea,[tabindex]):focus-visible{
    outline:3px solid color-mix(in srgb,var(--mp-accent,#2563eb) 80%,white 20%);
    outline-offset:3px;
    box-shadow:0 0 0 2px var(--mp-card,#fff)
}
.mp-profile-takeover :where(button,.button,a.mp-action-primary,[role="button"]){min-block-size:44px}
.mp-profile-takeover :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-block-size:44px;font-size:max(1rem,16px)}
.mp-profile-takeover .mp-side-nav a,.mp-profile-takeover .mp-content-tabs a,.mp-profile-takeover .mp-native-settings-tabs a,.mp-profile-takeover .mp-native-staff-tabs a{min-block-size:44px}
.mp-profile-takeover .mp-presence,.mp-profile-takeover .mp-directory-presence{forced-color-adjust:none}
.mp-profile-takeover .mp-route-content{min-width:0}
.mp-profile-takeover .mp-native-page-content :where(table,.table_grid){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mp-profile-takeover .mp-native-page-content :where(img,video,iframe,canvas,svg){max-width:100%}
.mp-profile-takeover .mp-native-page-content iframe{width:100%}
.mp-profile-takeover .mp-actions form{min-width:0}
.mp-profile-takeover [aria-disabled="true"]{cursor:progress;opacity:.68}
@media (prefers-reduced-motion:reduce){
    .mp-profile-takeover *,.mp-profile-takeover *::before,.mp-profile-takeover *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media (prefers-contrast:more){
    .mp-profile-takeover :where(.mp-hero,.mp-card,.mp-side-panel,.mp-native-page-card,.mp-state){border-width:2px}
    .mp-profile-takeover .mp-side-nav a.active{outline:2px solid currentColor;outline-offset:-2px}
}
@media (forced-colors:active){
    .mp-profile-takeover :where(.mp-hero,.mp-card,.mp-side-panel,.mp-native-page-card,.mp-state,.mp-recovery-notice){border:1px solid CanvasText;background:Canvas;color:CanvasText}
    .mp-profile-takeover :where(.button,button,input,select,textarea){border:1px solid ButtonText}
    .mp-profile-takeover .mp-presence.is-online,.mp-profile-takeover .mp-directory-presence.is-online{background:Highlight;border-color:Canvas}
}
@container (max-width:760px){
    .mp-profile-takeover .mp-layout{grid-template-columns:minmax(0,1fr)}
    .mp-profile-takeover .mp-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
    .mp-profile-takeover .mp-hero{align-items:flex-start}
    .mp-profile-takeover .mp-actions{width:100%}
}
@container (max-width:520px){
    .mp-profile-takeover .mp-sidebar{grid-template-columns:minmax(0,1fr)}
    .mp-profile-takeover .mp-identity{align-items:flex-start}
    .mp-profile-takeover .mp-hero-right,.mp-profile-takeover .mp-actions,.mp-profile-takeover .mp-actions form,.mp-profile-takeover .mp-actions .button{width:100%}
    .mp-profile-takeover .mp-actions .button,.mp-profile-takeover .mp-actions button{justify-content:center}
    .mp-profile-takeover .mp-content-tabs,.mp-profile-takeover .mp-native-settings-tabs ul,.mp-profile-takeover .mp-native-staff-tabs ul{overflow-x:auto;scroll-snap-type:x proximity}
    .mp-profile-takeover .mp-content-tabs a,.mp-profile-takeover .mp-native-settings-tabs a,.mp-profile-takeover .mp-native-staff-tabs a{scroll-snap-align:start;white-space:nowrap}
}

/* Phase 15: cross-theme compatibility and installed-theme hardening. */
.mp-profile-takeover,
.mp-profile-takeover *,
.mp-profile-takeover *::before,
.mp-profile-takeover *::after{
    box-sizing:border-box
}
.mp-profile-takeover{
    --mp-accent:#1766a6;
    --mp-accent-strong:#0a4f87;
    --mp-link:var(--mp-accent-strong);
    --mp-surface:#f5f8fb;
    --mp-card:#fff;
    --mp-field:#fff;
    --mp-text:#334155;
    --mp-muted-colour:#64748b;
    --mp-muted-text:var(--mp-muted-colour);
    --mp-heading:var(--mp-accent);
    --mp-border:#dbe4ec;
    --mp-shadow:0 5px 17px rgba(20,55,85,.065);
    --mp-warning:#a16207;
    --mp-danger:#b42318;
    --primary-color:var(--mp-accent);
    --window-bg:var(--mp-card);
    --border-color:var(--mp-border);
    --body-text:var(--mp-text);
    color:var(--mp-text)!important;
    color-scheme:light;
    isolation:isolate
}
.mp-profile-takeover.mp-theme-dark{
    --mp-accent:#67b7ef;
    --mp-accent-strong:#9bd3f8;
    --mp-surface:#111827;
    --mp-card:#1b2533;
    --mp-field:#111a26;
    --mp-text:#e7edf4;
    --mp-muted-colour:#b6c3d2;
    --mp-border:#3a495c;
    --mp-shadow:0 6px 20px rgba(0,0,0,.28);
    --mp-warning:#f2bd58;
    --mp-danger:#ff8f88;
    color-scheme:dark
}
.mp-profile-takeover :where(.mp-side-panel,.mp-card,.mp-kpis>div,.mp-native-settings-card,.mp-native-staff-card,.mp-native-page-card,.mp-extension-card,.mp-request-row,.mp-relationship-card){
    border-color:var(--mp-border)!important;
    background:var(--mp-card)!important;
    color:var(--mp-text)!important;
    box-shadow:var(--mp-shadow)
}
.mp-profile-takeover :where(.mp-side-panel h2,.mp-card h1,.mp-card h2,.mp-card-intro,.mp-native-settings-heading h1,.mp-native-staff-heading h1,.mp-native-page-heading h1,.mp-extension-heading h1){
    color:var(--mp-accent)!important
}
.mp-profile-takeover :where(.mp-side-nav a,.mp-list-row,.mp-people>a,.mp-content-card,.mp-request-row a,.mp-native-page-content,.mp-native-settings-content,.mp-native-staff-content,.mp-extension-content){
    color:var(--mp-text)!important
}
.mp-profile-takeover :where(.mp-muted,.mp-card-intro,.mp-list-row small,.mp-timeline small,.mp-people small,.mp-directory-meta,.mp-request-meta,.smalltext){
    color:var(--mp-muted-colour)!important;
    opacity:1
}
.mp-profile-takeover :where(.mp-side-nav a:hover,.mp-side-nav a:focus-visible,.mp-side-nav a.active,.mp-content-tabs a:hover,.mp-content-tabs a:focus-visible,.mp-content-tabs a.active,.mp-native-settings-tabs a:hover,.mp-native-settings-tabs a:focus-visible,.mp-native-settings-tabs a.active,.mp-native-staff-tabs a:hover,.mp-native-staff-tabs a:focus-visible,.mp-native-staff-tabs a.active){
    color:var(--mp-accent)!important
}
.mp-profile-takeover :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
    border:1px solid var(--mp-border)!important;
    border-radius:8px;
    background:var(--mp-field)!important;
    color:var(--mp-text)!important;
    accent-color:var(--mp-accent)
}
.mp-profile-takeover :where(input,select,textarea)::placeholder{
    color:var(--mp-muted-colour);
    opacity:.8
}
.mp-profile-takeover .mp-route-content :where(.button,button[type="submit"],input[type="submit"]):not(.mp-actions .button){
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
    min-height:44px;
    max-width:100%;
    padding:.62rem .9rem;
    border:1px solid var(--mp-border);
    border-radius:8px;
    background:var(--mp-card);
    color:var(--mp-accent-strong);
    font:inherit;
    font-weight:700;
    line-height:1.2;
    text-transform:none;
    text-shadow:none;
    box-shadow:none
}
.mp-profile-takeover .mp-route-content :where(.button,button[type="submit"],input[type="submit"]):not(.mp-actions .button):hover,
.mp-profile-takeover .mp-route-content :where(.button,button[type="submit"],input[type="submit"]):not(.mp-actions .button):focus-visible{
    border-color:var(--mp-accent);
    background:color-mix(in srgb,var(--mp-accent) 10%,var(--mp-card));
    color:var(--mp-accent-strong)
}
.mp-profile-takeover .mp-route-content :where(.mp-action-primary,.button.primary_button,button.primary_button,input.primary_button){
    border-color:var(--mp-accent)!important;
    background:var(--mp-accent)!important;
    color:#fff!important
}
.mp-profile-takeover :where(.windowbg,.windowbg2,.roundframe,.information,.infobox,.noticebox,.warningbox,.errorbox){
    max-width:100%;
    color:var(--mp-text)
}
.mp-profile-takeover .mp-native-page-content :where(.windowbg,.windowbg2,.roundframe,.information,.infobox),
.mp-profile-takeover .mp-native-settings-content :where(.windowbg,.windowbg2,.roundframe,.information,.infobox),
.mp-profile-takeover .mp-native-staff-content :where(.windowbg,.windowbg2,.roundframe,.information,.infobox){
    border-color:var(--mp-border)!important;
    background:var(--mp-card)!important;
    color:var(--mp-text)!important
}
.mp-profile-takeover :where(.table_grid,.tborder,table){
    border-color:var(--mp-border)!important;
    border-collapse:collapse
}
.mp-profile-takeover :where(.table_grid th,.table_grid td,.tborder th,.tborder td){
    border-color:var(--mp-border)!important
}
.mp-profile-takeover :where(.title_bar,.titlebg,.cat_bar,.catbg){
    max-width:100%
}
.mp-profile-takeover .mp-native-page-content :where(.title_bar,.titlebg),
.mp-profile-takeover .mp-native-settings-content :where(.title_bar,.titlebg),
.mp-profile-takeover .mp-native-staff-content :where(.title_bar,.titlebg){
    border-color:var(--mp-border)!important;
    background:color-mix(in srgb,var(--mp-accent) 8%,var(--mp-card))!important;
    color:var(--mp-text)!important
}
.mp-profile-takeover :where(.mp-admin-card){
    border-color:color-mix(in srgb,var(--mp-warning) 50%,var(--mp-border))!important;
    background:color-mix(in srgb,var(--mp-warning) 7%,var(--mp-card))!important
}
.mp-profile-takeover :where(.mp-admin-card h2,.mp-admin-note){color:var(--mp-warning)!important}
.mp-profile-takeover .mp-avatar-fallback{
    border-color:var(--mp-card)!important;
    background:color-mix(in srgb,var(--mp-accent) 8%,var(--mp-card))!important;
    color:var(--mp-muted-colour)!important
}
.mp-profile-takeover .mp-presence,
.mp-profile-takeover .mp-directory-presence{
    border-color:var(--mp-card)!important
}
.mp-profile-takeover :where(.mp-side-nav,.mp-content-tabs,.mp-native-settings-tabs ul,.mp-native-staff-tabs ul){
    scrollbar-color:var(--mp-accent) transparent;
    scrollbar-width:thin
}
.mp-profile-takeover :where(.mp-layout,.mp-main,.mp-route-content,.mp-card,.mp-native-page-content,.mp-native-settings-content,.mp-native-staff-content,.mp-extension-content){
    max-width:100%
}
.mp-profile-takeover :where(pre,code){
    max-width:100%;
    overflow-wrap:anywhere
}
.mp-profile-takeover pre{overflow:auto}
.mp-profile-takeover :where(img,video,canvas,iframe,svg){height:auto}
.mp-profile-takeover .mp-svg-icon{height:18px}

/* Keep the canonical shell stable when host themes float, flex or table-wrap content. */
.mp-profile-takeover.mp-theme-family-default,
.mp-profile-takeover.mp-theme-family-poetry-art-online,
.mp-profile-takeover.mp-theme-family-canvas,
.mp-profile-takeover.mp-theme-family-atelier,
.mp-profile-takeover.mp-theme-family-inkwell{
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important
}
.mp-profile-takeover.mp-theme-family-canvas .mp-layout,
.mp-profile-takeover.mp-theme-family-atelier .mp-layout,
.mp-profile-takeover.mp-theme-family-inkwell .mp-layout{
    float:none!important
}
.mp-profile-takeover.mp-theme-family-poetry-art-online :where(.mp-actions .button,.mp-route-content .button),
.mp-profile-takeover.mp-theme-family-atelier :where(.mp-actions .button,.mp-route-content .button){
    letter-spacing:normal;
    text-transform:none
}

/* JavaScript compact classes mirror container queries for browsers or themes
   that disable CSS containment. */
.mp-profile-takeover.mp-compact .mp-layout{grid-template-columns:minmax(0,1fr)!important}
.mp-profile-takeover.mp-compact .mp-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.mp-profile-takeover.mp-compact .mp-hero{grid-template-columns:minmax(0,1fr)!important;align-items:flex-start!important}
.mp-profile-takeover.mp-compact .mp-hero-right,.mp-profile-takeover.mp-compact .mp-actions{width:100%}
.mp-profile-takeover.mp-narrow .mp-sidebar{grid-template-columns:minmax(0,1fr)}
.mp-profile-takeover.mp-narrow .mp-identity{align-items:flex-start!important}
.mp-profile-takeover.mp-narrow :where(.mp-hero-right,.mp-actions,.mp-actions form,.mp-actions .button){width:100%}
.mp-profile-takeover.mp-narrow :where(.mp-content-tabs,.mp-native-settings-tabs ul,.mp-native-staff-tabs ul){overflow-x:auto;scroll-snap-type:x proximity}
.mp-profile-takeover.mp-narrow :where(.mp-content-tabs a,.mp-native-settings-tabs a,.mp-native-staff-tabs a){scroll-snap-align:start;white-space:nowrap}

@supports not (color:color-mix(in srgb,white,black)){
    .mp-profile-takeover .mp-route-content :where(.button,button[type="submit"],input[type="submit"]):not(.mp-actions .button):hover{background:var(--mp-surface)}
    .mp-profile-takeover :where(.mp-state,.mp-recovery-notice,.mp-native-page-content .title_bar,.mp-native-settings-content .title_bar,.mp-native-staff-content .title_bar){background:var(--mp-surface)!important}
}

/* Phase 15 verified corrections from the browser matrix. */
html.mp-modern-profile-active #main_content_section{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important
}
.mp-profile-takeover .mp-actions .button,
.mp-profile-takeover .mp-actions .mp-inline-action .button{
    min-height:44px!important;
    min-block-size:44px!important
}

/* Dark host themes need higher specificity than the earlier light-theme
   compatibility rules, several of which intentionally use !important. */
.mp-profile-takeover.mp-theme-dark :where(.mp-side-panel,.mp-card,.mp-kpis>div,.mp-native-settings-card,.mp-native-staff-card,.mp-native-page-card,.mp-extension-card,.mp-request-row,.mp-relationship-card,.mp-state){
    border-color:var(--mp-border)!important;
    background:var(--mp-card)!important;
    color:var(--mp-text)!important;
    box-shadow:var(--mp-shadow)!important
}
.mp-profile-takeover.mp-theme-dark :where(.mp-side-panel h2,.mp-content-tabs,.mp-native-settings-tabs ul,.mp-native-staff-tabs ul){
    border-color:var(--mp-border)!important;
    background:color-mix(in srgb,var(--mp-accent) 8%,var(--mp-card))!important;
    color:var(--mp-text)!important
}
.mp-profile-takeover.mp-theme-dark :where(.mp-side-nav a,.mp-content-tabs a,.mp-native-settings-tabs a,.mp-native-staff-tabs a,.mp-card p,.mp-card dt,.mp-card dd){
    color:var(--mp-text)!important
}
.mp-profile-takeover.mp-theme-dark :where(.mp-side-nav a:hover,.mp-side-nav a:focus-visible,.mp-side-nav a.active,.mp-content-tabs a:hover,.mp-content-tabs a:focus-visible,.mp-content-tabs a.active,.mp-native-settings-tabs a:hover,.mp-native-settings-tabs a:focus-visible,.mp-native-settings-tabs a.active,.mp-native-staff-tabs a:hover,.mp-native-staff-tabs a:focus-visible,.mp-native-staff-tabs a.active){
    background:color-mix(in srgb,var(--mp-accent) 12%,var(--mp-card))!important;
    color:var(--mp-link,var(--mp-accent-strong))!important
}
.mp-profile-takeover.mp-theme-dark .mp-native-page-content :where(.windowbg,.windowbg2,.roundframe,.information,.infobox,.table_grid,.tborder),
.mp-profile-takeover.mp-theme-dark .mp-native-settings-content :where(.windowbg,.windowbg2,.roundframe,.information,.infobox,.table_grid,.tborder),
.mp-profile-takeover.mp-theme-dark .mp-native-staff-content :where(.windowbg,.windowbg2,.roundframe,.information,.infobox,.table_grid,.tborder){
    border-color:var(--mp-border)!important;
    background:var(--mp-card)!important;
    color:var(--mp-text)!important
}
.mp-profile-takeover.mp-theme-dark .mp-empty,
.mp-profile-takeover.mp-theme-dark .mp-state{
    opacity:1!important
}

/* Phase 17: administrator installed-environment diagnostics. */
.mp-diagnostics{display:grid;gap:1rem}
.mp-diagnostics-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.mp-diagnostics-heading h2{margin:0 0 .25rem}
.mp-diagnostics-fingerprint{max-width:22rem;padding:.45rem .6rem;border:1px solid rgba(100,120,140,.25);border-radius:7px;overflow-wrap:anywhere;font-size:.72rem}
.mp-diagnostics-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.mp-diagnostics-summary>span{display:grid;place-items:center;min-height:78px;padding:.75rem;border:1px solid rgba(100,120,140,.22);border-radius:10px;background:rgba(100,120,140,.055)}
.mp-diagnostics-summary b{font-size:1.45rem;line-height:1}
.mp-diagnostic-summary-pass b,.mp-diagnostic-pass>span{color:#16723a}
.mp-diagnostic-summary-warning b,.mp-diagnostic-warning>span{color:#9a6500}
.mp-diagnostic-summary-fail b,.mp-diagnostic-fail>span{color:#b42318}
.mp-diagnostic-summary-info b,.mp-diagnostic-info>span{color:#1766a6}
.mp-diagnostic-list{display:grid;gap:.5rem}
.mp-diagnostic-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border:1px solid rgba(100,120,140,.2);border-left-width:4px;border-radius:8px;background:rgba(100,120,140,.035)}
.mp-diagnostic-item>div{display:grid;gap:.18rem;min-width:0}
.mp-diagnostic-item small{opacity:.72;overflow-wrap:anywhere}
.mp-diagnostic-item>span{flex:0 0 auto;font-weight:700}
.mp-diagnostic-pass{border-left-color:#16723a}
.mp-diagnostic-warning{border-left-color:#b77900}
.mp-diagnostic-fail{border-left-color:#b42318}
.mp-diagnostic-info{border-left-color:#1766a6}
.mp-diagnostics-errors{display:grid;gap:.6rem}
.mp-diagnostics-errors h3{margin:.35rem 0 0}
.mp-diagnostics-error{display:grid;gap:.35rem;padding:.75rem .85rem;border:1px solid rgba(180,35,24,.22);border-radius:8px;background:rgba(180,35,24,.045)}
.mp-diagnostics-error>div{display:flex;justify-content:space-between;gap:1rem}
.mp-diagnostics-error p{margin:0;overflow-wrap:anywhere}
.mp-diagnostics-error code{font-size:.78rem;overflow-wrap:anywhere}
.mp-diagnostics-report{display:grid;gap:.35rem}
.mp-diagnostics-report>span{opacity:.72}
.mp-diagnostics-report textarea{width:100%;min-height:18rem;padding:.75rem;border:1px solid rgba(100,120,140,.3);border-radius:8px;font:13px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
@media(max-width:720px){
    .mp-diagnostics-heading{display:grid}
    .mp-diagnostics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mp-diagnostic-item,.mp-diagnostics-error>div{align-items:flex-start;display:grid}
}

/* Final installed-profile correction — account separation and overview cleanup. */
@media(min-width:901px){
    .mp-profile-takeover .mp-layout{
        grid-template-columns:220px minmax(0,1fr)!important
    }
    .mp-profile-takeover .mp-sidebar{
        max-height:none!important;
        overflow:visible!important;
        scrollbar-width:auto
    }
}
.mp-profile-takeover .mp-side-nav .mp-nav-label{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    line-height:1.25
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified{
    display:grid!important;
    grid-template-columns:repeat(var(--mp-stat-count,3),minmax(64px,72px))!important;
    justify-content:end!important;
    width:auto!important;
    max-width:100%!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>a{
    width:auto!important;
    min-width:64px!important
}
.mp-profile-takeover .mp-admin-card{
    border-color:color-mix(in srgb,var(--mp-border,#d8e0e8) 82%,var(--mp-warning,#a85e0b) 18%)!important;
    background:var(--mp-card,#fff)!important
}
.mp-profile-takeover .mp-admin-card h2{
    color:var(--mp-text,#26384a)!important
}
.mp-profile-takeover .mp-admin-card h2:before{
    background:color-mix(in srgb,var(--mp-accent,#1766a6) 72%,var(--mp-warning,#a85e0b) 28%)!important
}
.mp-profile-takeover .mp-admin-note{
    padding:.55rem .65rem!important;
    background:color-mix(in srgb,var(--mp-warning,#a85e0b) 6%,var(--mp-card,#fff))!important;
    color:var(--mp-muted-text,#66788a)!important;
    font-size:.84rem
}
.mp-account-settings-shell .mp-account-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1rem;
    padding:1.2rem 1.35rem;
    border:1px solid var(--mp-border,#dbe4ec);
    border-radius:12px;
    background:var(--mp-card,#fff);
    box-shadow:0 5px 17px rgba(20,55,85,.06)
}
.mp-account-settings-shell .mp-account-header h1{
    margin:.15rem 0 .2rem;
    color:var(--mp-heading,var(--mp-accent,#1766a6));
    font-size:1.55rem;
    line-height:1.2
}
.mp-account-settings-shell .mp-account-header p{
    margin:0;
    color:var(--mp-muted-text,#66788a)
}
.mp-account-settings-shell .mp-account-eyebrow{
    color:var(--mp-accent,#1766a6);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase
}
.mp-account-settings-shell .mp-account-header-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:.55rem
}
.mp-account-settings-shell .mp-account-header-actions .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.38rem;
    min-height:42px;
    margin:0
}
.mp-account-settings-shell .mp-account-layout{
    align-items:start
}
.mp-account-settings-shell .mp-route-content{
    margin-top:0!important
}
.mp-account-settings-shell .mp-account-side-panel .mp-side-nav a[data-mp-route="deleteaccount"]{
    color:var(--mp-danger,#b42318)!important
}
.mp-account-settings-shell .mp-native-settings-adapter,
.mp-account-settings-shell .mp-native-page-adapter,
.mp-account-settings-shell .mp-privacy-card{
    margin-top:0!important
}
@media(max-width:900px){
    .mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified{
        grid-template-columns:repeat(auto-fit,minmax(68px,1fr))!important;
        justify-content:stretch!important;
        width:100%!important
    }
    .mp-account-settings-shell .mp-account-header{
        align-items:flex-start;
        flex-direction:column
    }
    .mp-account-settings-shell .mp-account-header-actions{
        justify-content:flex-start;
        width:100%
    }
}
@media(max-width:600px){
    .mp-account-settings-shell .mp-account-header-actions{
        display:grid;
        grid-template-columns:1fr
    }
    .mp-account-settings-shell .mp-account-header-actions .button{
        width:100%
    }
}

/* Final source-level UX completion — personal tools, genuine activity and Poetry & Art Online integration. */
.mp-profile-takeover{
    --mp-hero-start:#0c5b9e;
    --mp-hero-mid:#074a84;
    --mp-hero-end:#073966;
    --mp-hero-glow:rgba(72,176,255,.28)
}
.mp-profile-takeover.mp-theme-dark{
    --mp-hero-start:#183c59;
    --mp-hero-mid:#122f49;
    --mp-hero-end:#0c2236;
    --mp-hero-glow:rgba(103,183,239,.22)
}
.mp-profile-takeover .mp-hero{
    background:linear-gradient(122deg,var(--mp-hero-start) 0%,var(--mp-hero-mid) 56%,var(--mp-hero-end) 100%)!important
}
.mp-profile-takeover .mp-hero-glow{
    background:radial-gradient(circle,var(--mp-hero-glow),transparent 68%)!important
}
.mp-profile-takeover .mp-actions .button:hover,
.mp-profile-takeover .mp-actions .button:focus-visible,
.mp-profile-takeover .mp-actions .button.mp-action-primary{
    color:var(--mp-accent-strong,#0a4f87)!important
}
.mp-profile-takeover.mp-theme-family-poetry-art-online{
    --mp-accent:#c96809;
    --mp-accent-strong:#974b00;
    --mp-warning:#a95b0b;
    --mp-hero-start:#435c74;
    --mp-hero-mid:#2f4963;
    --mp-hero-end:#20374e;
    --mp-hero-glow:rgba(240,155,32,.28)
}
.mp-profile-takeover.mp-theme-family-poetry-art-online.mp-theme-dark{
    --mp-accent:#f0a33a;
    --mp-accent-strong:#ffd08a;
    --mp-hero-start:#334a60;
    --mp-hero-mid:#243b50;
    --mp-hero-end:#182c3f;
    --mp-hero-glow:rgba(240,163,58,.23)
}
.mp-profile-takeover.mp-theme-family-poetry-art-online .mp-role-badge{
    border-color:rgba(255,190,101,.5);
    background:rgba(211,112,14,.24)
}
.mp-profile-takeover.mp-theme-family-poetry-art-online .mp-presence.is-online{
    box-shadow:0 0 0 2px rgba(240,155,32,.24)
}
.mp-profile-takeover .mp-activity-row .mp-list-icon{
    display:grid;
    place-items:center
}
.mp-profile-takeover .mp-activity-row .mp-list-icon .mp-svg-icon{
    width:17px;
    height:17px
}
.mp-profile-takeover .mp-activity-kind{
    color:var(--mp-accent-strong,#0a4f87);
    font-weight:700
}
.mp-personal-tools-shell .mp-personal-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1rem;
    padding:1.2rem 1.35rem;
    border:1px solid var(--mp-border,#dbe4ec);
    border-radius:12px;
    background:var(--mp-card,#fff);
    box-shadow:var(--mp-shadow,0 5px 17px rgba(20,55,85,.06))
}
.mp-personal-tools-shell .mp-personal-header h1{
    margin:.15rem 0 .2rem;
    color:var(--mp-accent,#1766a6);
    font-size:1.55rem;
    line-height:1.2
}
.mp-personal-tools-shell .mp-personal-header p{
    margin:0;
    color:var(--mp-muted-colour,#66788a)
}
.mp-personal-tools-shell .mp-personal-eyebrow{
    color:var(--mp-accent,#1766a6);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase
}
.mp-personal-tools-shell .mp-personal-header-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:.55rem
}
.mp-personal-tools-shell .mp-personal-header-actions .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.38rem;
    min-height:42px;
    margin:0
}
.mp-personal-tools-shell .mp-personal-layout{
    align-items:start
}
.mp-personal-tools-shell .mp-route-content{
    margin-top:0!important
}
.mp-personal-tools-shell :where(.mp-native-page-adapter,.mp-content-adapter,.mp-requests-card){
    margin-top:0!important
}
@media(max-width:900px){
    .mp-personal-tools-shell .mp-personal-header{
        align-items:flex-start;
        flex-direction:column
    }
    .mp-personal-tools-shell .mp-personal-header-actions{
        justify-content:flex-start;
        width:100%
    }
}
@media(max-width:600px){
    .mp-personal-tools-shell .mp-personal-header-actions{
        display:grid;
        grid-template-columns:1fr
    }
    .mp-personal-tools-shell .mp-personal-header-actions .button{
        width:100%
    }
}

/* Final installed screenshot correction — full-height navigation and integrated Personal Tools hero. */
.mp-profile-takeover .mp-sidebar{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    overscroll-behavior:auto!important
}
.mp-profile-takeover .mp-sidebar::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important
}
@media(min-width:901px){
    .mp-profile-takeover .mp-layout{
        align-items:start!important
    }
    .mp-profile-takeover .mp-sidebar{
        position:static!important;
        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        left:auto!important
    }
}
.mp-personal-tools-shell .mp-personal-header{
    position:relative;
    isolation:isolate;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.25rem;
    min-height:132px;
    margin:0 0 1rem;
    padding:1.25rem 1.4rem;
    overflow:hidden;
    border:0;
    border-radius:12px;
    background:linear-gradient(122deg,var(--mp-hero-start,#435c74) 0%,var(--mp-hero-mid,#2f4963) 58%,var(--mp-hero-end,#20374e) 100%);
    color:#fff;
    box-shadow:0 10px 28px rgba(5,52,92,.18)
}
.mp-personal-tools-shell .mp-personal-header:after{
    content:"";
    position:absolute;
    z-index:-1;
    right:-74px;
    bottom:-138px;
    width:300px;
    height:300px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:50%;
    box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.022)
}
.mp-personal-tools-shell .mp-personal-header-main{
    display:flex;
    align-items:center;
    gap:1rem;
    min-width:0
}
.mp-personal-tools-shell .mp-personal-header-avatar{
    position:relative;
    display:grid;
    place-items:center;
    flex:0 0 64px;
    width:64px;
    height:64px;
    border:3px solid rgba(255,255,255,.92);
    border-radius:50%;
    background:#eaf1f6;
    box-shadow:0 7px 20px rgba(0,0,0,.2)
}
.mp-personal-tools-shell .mp-personal-header-avatar-media,
.mp-personal-tools-shell .mp-personal-header-avatar-media>img,
.mp-personal-tools-shell .mp-personal-header-avatar-media>.mp-avatar-fallback{
    display:block;
    width:100%;
    height:100%;
    border-radius:50%
}
.mp-personal-tools-shell .mp-personal-header-avatar-media{
    overflow:hidden
}
.mp-personal-tools-shell .mp-personal-header-avatar-media>img{
    object-fit:cover
}
.mp-personal-tools-shell .mp-personal-header-avatar .mp-avatar-fallback{
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#edf3f7,#cfdae3);
    color:#45647e;
    font-weight:800
}
.mp-personal-tools-shell .mp-personal-header-presence{
    position:absolute;
    right:-1px;
    bottom:3px;
    width:15px;
    height:15px;
    border:3px solid #fff;
    border-radius:50%;
    background:#9caab6;
    box-shadow:0 2px 6px rgba(0,0,0,.2)
}
.mp-personal-tools-shell .mp-personal-header-presence.is-online{
    background:#4fc968
}
.mp-personal-tools-shell .mp-personal-header-copy{
    min-width:0
}
.mp-personal-tools-shell .mp-personal-eyebrow{
    color:#ffd18d!important;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase
}
.mp-personal-tools-shell .mp-personal-title-line{
    display:flex;
    align-items:center;
    gap:.5rem;
    flex-wrap:wrap;
    margin:.12rem 0 .25rem
}
.mp-personal-tools-shell .mp-personal-header h1{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(1.45rem,2.4vw,1.9rem)!important;
    line-height:1.08!important
}
.mp-personal-tools-shell .mp-personal-member-name,
.mp-personal-tools-shell .mp-personal-role{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:.18rem .5rem;
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:.73rem;
    font-weight:700;
    line-height:1.15
}
.mp-personal-tools-shell .mp-personal-role{
    border-color:rgba(255,190,101,.42);
    background:rgba(201,104,9,.28);
    text-transform:uppercase;
    letter-spacing:.025em
}
.mp-personal-tools-shell .mp-personal-header p{
    max-width:650px;
    margin:0!important;
    color:rgba(255,255,255,.82)!important;
    font-size:.9rem;
    line-height:1.45
}
.mp-personal-tools-shell .mp-personal-header-actions{
    position:relative;
    z-index:1;
    display:flex;
    flex:0 0 auto;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:.55rem
}
.mp-personal-tools-shell .mp-personal-header-actions .button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.38rem!important;
    min-height:42px!important;
    margin:0!important;
    padding:.6rem .82rem!important;
    border:1px solid rgba(255,255,255,.62)!important;
    border-radius:8px!important;
    background:#fff!important;
    color:var(--mp-accent-strong,#0a4f87)!important;
    box-shadow:0 4px 12px rgba(0,0,0,.12)!important;
    font-weight:700!important;
    text-transform:none!important
}
.mp-personal-tools-shell .mp-personal-header-actions .button:hover,
.mp-personal-tools-shell .mp-personal-header-actions .button:focus-visible{
    border-color:#fff!important;
    background:#fff8ed!important;
    color:var(--mp-accent-strong,#0a4f87)!important;
    transform:translateY(-1px)
}
@media(max-width:900px){
    .mp-personal-tools-shell .mp-personal-header{
        align-items:flex-start;
        flex-direction:column;
        min-height:0
    }
    .mp-personal-tools-shell .mp-personal-header-main,
    .mp-personal-tools-shell .mp-personal-header-actions{
        width:100%
    }
    .mp-personal-tools-shell .mp-personal-header-actions{
        justify-content:flex-start
    }
}
@media(max-width:600px){
    .mp-personal-tools-shell .mp-personal-header{
        padding:1rem
    }
    .mp-personal-tools-shell .mp-personal-header-avatar{
        flex-basis:54px;
        width:54px;
        height:54px
    }
    .mp-personal-tools-shell .mp-personal-title-line{
        gap:.35rem
    }
    .mp-personal-tools-shell .mp-personal-header-actions{
        display:grid;
        grid-template-columns:1fr
    }
    .mp-personal-tools-shell .mp-personal-header-actions .button{
        width:100%!important
    }
}


/* Final member-area architecture correction.
 * Public Profile, Personal Tools, Account Settings and Staff Tools are separate
 * workspaces. The public profile rail must never inherit private/staff groups. */
.mp-staff-tools-shell .mp-staff-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin:0 0 1rem;
    padding:1rem 1.15rem;
    border:1px solid color-mix(in srgb,var(--mp-border,#d8e0e8) 78%,#b56a16 22%);
    border-radius:var(--mp-radius,12px);
    background:linear-gradient(135deg,color-mix(in srgb,var(--mp-surface,#fff) 94%,#f3e8d9 6%),var(--mp-surface,#fff));
    box-shadow:var(--mp-shadow,0 8px 24px rgba(19,42,66,.08));
}
.mp-staff-tools-shell .mp-staff-eyebrow{
    display:block;
    margin-bottom:.2rem;
    color:#a85d0a;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.mp-staff-tools-shell .mp-staff-header h1{margin:0;font-size:clamp(1.45rem,2.5vw,2rem)}
.mp-staff-tools-shell .mp-staff-header p{margin:.35rem 0 0;color:var(--mp-muted,#617083)}
.mp-staff-tools-shell .mp-staff-header-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.mp-staff-tools-shell .mp-staff-sidebar .mp-side-panel h2{color:#9b560b}
.mp-profile-takeover:not(.mp-personal-tools-shell):not(.mp-account-settings-shell):not(.mp-staff-tools-shell) .mp-side-panel-personal,
.mp-profile-takeover:not(.mp-personal-tools-shell):not(.mp-account-settings-shell):not(.mp-staff-tools-shell) .mp-side-panel-settings,
.mp-profile-takeover:not(.mp-personal-tools-shell):not(.mp-account-settings-shell):not(.mp-staff-tools-shell) .mp-side-panel-staff,
.mp-profile-takeover:not(.mp-personal-tools-shell):not(.mp-account-settings-shell):not(.mp-staff-tools-shell) .mp-side-panel-actions{
    display:none!important;
}
@media(max-width:700px){
    .mp-staff-tools-shell .mp-staff-header{align-items:flex-start;flex-direction:column}
    .mp-staff-tools-shell .mp-staff-header-actions,.mp-staff-tools-shell .mp-staff-header-actions .button{width:100%}
}

/* Modern Profiles 1.0.20 audited integration refinement: balanced hero, profile side activity and ADI. */
.mp-profile-takeover .mp-hero{
    display:grid;
    grid-template-columns:minmax(285px,.9fr) minmax(410px,1.25fr);
    align-items:center;
    gap:1.2rem;
}
.mp-profile-takeover .mp-identity{min-width:0}
.mp-profile-takeover .mp-identity-copy{flex:1;min-width:175px}
.mp-profile-takeover .mp-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(130px,max-content));
    gap:.45rem;
    align-items:stretch;
}
.mp-profile-takeover .mp-meta>span{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:.35rem;
    min-width:0;
    padding:.42rem .62rem;
    white-space:nowrap;
}
.mp-profile-takeover .mp-meta>span :where(time,span){white-space:nowrap}
.mp-profile-takeover .mp-hero-right{width:100%;min-width:0;align-items:stretch}
.mp-profile-takeover .mp-hero-metrics{width:100%}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified{width:100%;grid-template-columns:repeat(var(--mp-stat-count),minmax(58px,1fr))}
.mp-profile-takeover .mp-actions{width:100%;justify-content:flex-end}
.mp-profile-takeover .mp-actions .button{min-height:38px;padding:.58rem .72rem;white-space:nowrap}

.mp-profile-takeover .mp-avatar-adi.mp-avatar-shape-square,
.mp-profile-takeover .mp-avatar-adi.mp-avatar-shape-square .mp-avatar-media,
.mp-profile-takeover .mp-avatar-adi.mp-avatar-shape-square :where(img,.mp-avatar-fallback){border-radius:0}
.mp-profile-takeover .mp-avatar-adi.mp-avatar-shape-curved,
.mp-profile-takeover .mp-avatar-adi.mp-avatar-shape-curved .mp-avatar-media,
.mp-profile-takeover .mp-avatar-adi.mp-avatar-shape-curved :where(img,.mp-avatar-fallback){border-radius:16%}
.mp-profile-takeover .mp-avatar-shadow .mp-avatar-media{box-shadow:0 7px 18px rgba(0,0,0,.28)}
.mp-profile-takeover .mp-presence-shaped .mp-presence{border-radius:4px}
.mp-profile-takeover .mp-avatar-generic-icon{width:42%;height:42%;opacity:.58}

.mp-profile-takeover .mp-overview-layout{display:block}
.mp-profile-takeover .mp-overview-layout.has-side-cards{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(225px,265px);
    gap:.8rem;
    align-items:start;
}
.mp-profile-takeover .mp-overview-main{margin-top:.8rem}
.mp-profile-takeover .mp-overview-side{display:grid;gap:.8rem;margin-top:.8rem;position:sticky;top:1rem}
.mp-profile-takeover .mp-overview-side .mp-card{padding:1rem}
.mp-profile-takeover .mp-card-span-full{grid-column:1/-1}
.mp-profile-takeover .mp-profile-activity-summary{display:grid;gap:.85rem}
.mp-profile-takeover .mp-activity-status{display:flex;align-items:center;gap:.55rem;padding:.62rem .7rem;border-radius:8px;background:rgba(100,120,140,.08)}
.mp-profile-takeover .mp-activity-status i{width:9px;height:9px;border-radius:50%;background:#98a6b3;box-shadow:0 0 0 3px rgba(152,166,179,.14)}
.mp-profile-takeover .mp-activity-status.is-online i{background:#39b85a;box-shadow:0 0 0 3px rgba(57,184,90,.15)}
.mp-profile-takeover .mp-current-location{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.55rem;align-items:start}
.mp-profile-takeover .mp-current-location .mp-svg-icon{width:20px;height:20px;color:var(--primary-color,#1766a6)}
.mp-profile-takeover .mp-current-location span{display:grid;gap:.18rem;min-width:0}
.mp-profile-takeover .mp-current-location small{opacity:.66}
.mp-profile-takeover .mp-current-location b{font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}
.mp-profile-takeover .mp-profile-viewers{display:grid;gap:.35rem}
.mp-profile-takeover .mp-profile-viewer{display:grid;grid-template-columns:38px minmax(0,1fr);gap:.55rem;align-items:center;padding:.42rem;border-radius:8px;color:inherit;text-decoration:none}
.mp-profile-takeover .mp-profile-viewer:hover{background:rgba(23,102,166,.075)}
.mp-profile-takeover .mp-viewer-avatar{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:50%;background:rgba(23,102,166,.12);font-weight:700}
.mp-profile-takeover .mp-viewer-avatar img{width:100%;height:100%;object-fit:cover}
.mp-profile-takeover .mp-profile-viewer>span:last-child{display:grid;min-width:0}
.mp-profile-takeover .mp-profile-viewer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-profile-takeover .mp-profile-viewer small{font-size:.72rem;opacity:.68}

@media(max-width:1180px){
    .mp-profile-takeover .mp-overview-layout.has-side-cards{grid-template-columns:1fr}
    .mp-profile-takeover .mp-overview-side{grid-template-columns:repeat(2,minmax(0,1fr));position:static;margin-top:.8rem}
}
@media(max-width:980px){
    .mp-profile-takeover .mp-hero{grid-template-columns:1fr}
    .mp-profile-takeover .mp-actions{justify-content:flex-start}
}
@media(max-width:650px){
    .mp-profile-takeover .mp-meta{grid-template-columns:1fr}
    .mp-profile-takeover .mp-meta>span{white-space:normal}
    .mp-profile-takeover .mp-overview-side{grid-template-columns:1fr}
}

/* PAO live acceptance follow-up: real ADI rendering and staff-safe hero actions. */
.mp-profile-takeover .mp-avatar-adi[data-avatar-source="adi-initials"] .mp-avatar-fallback{
    background:var(--mp-adi-initial-bg,linear-gradient(145deg,#4f7898 0%,#335b7a 100%))!important;
    color:#fff!important;
    text-shadow:0 1px 2px rgba(0,0,0,.28)!important
}
.mp-profile-takeover .mp-avatar-adi[data-avatar-source="adi-initials"] .mp-avatar-initials{
    color:#fff!important;
    text-shadow:0 1px 2px rgba(0,0,0,.28)!important
}
.mp-profile-takeover .mp-avatar-media[data-adi~="avatar"]{
    margin:0;
    cursor:default
}
.mp-profile-takeover .mp-presence[data-adi~="icon"]{
    box-sizing:border-box
}
.mp-profile-takeover .mp-hero-has-staff-action{
    align-items:center
}
.mp-profile-takeover .mp-hero-action-stack{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:.6rem .75rem;
    width:100%;
    min-width:0
}
.mp-profile-takeover .mp-hero-action-stack .mp-member-actions{
    width:auto;
    min-width:0;
    justify-content:flex-end
}
.mp-profile-takeover .mp-staff-quick-action{
    display:flex;
    align-items:stretch;
    min-width:0;
    padding-left:.75rem;
    border-left:1px solid rgba(255,255,255,.18)
}
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.38rem;
    min-height:38px;
    margin:0;
    padding:.58rem .72rem;
    white-space:nowrap;
    border:1px solid rgba(255,196,112,.68)!important;
    border-radius:8px;
    background:#fff7ec!important;
    color:#9a5000!important;
    box-shadow:none
}
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action:hover,
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action:focus-visible{
    border-color:#ffd59a!important;
    background:#ffedd2!important;
    color:#7b3f00!important
}
@media(max-width:1180px){
    .mp-profile-takeover .mp-hero-action-stack{
        grid-template-columns:1fr
    }
    .mp-profile-takeover .mp-hero-action-stack .mp-member-actions{
        justify-content:flex-start
    }
    .mp-profile-takeover .mp-staff-quick-action{
        justify-content:flex-start;
        padding-top:.55rem;
        padding-left:0;
        border-top:1px solid rgba(255,255,255,.14);
        border-left:0
    }
}
@media(max-width:650px){
    .mp-profile-takeover .mp-hero-action-stack,
    .mp-profile-takeover .mp-hero-action-stack .mp-member-actions,
    .mp-profile-takeover .mp-staff-quick-action,
    .mp-profile-takeover .mp-staff-quick-action .mp-staff-action{
        width:100%
    }
    .mp-profile-takeover .mp-hero-action-stack .mp-member-actions{
        display:grid;
        grid-template-columns:1fr
    }
}

/* Phase 5 avatar integrity: malformed/failed URLs fall back cleanly. */
.mp-profile-takeover .mp-avatar-media>img[data-mp-avatar-failed="1"]{display:none!important}

/* Phase 6 — native ADI size isolation and deterministic fallback rendering.
 * Avatars Display Integration intentionally applies global dimensions to every
 * element carrying data-adi="avatar". Modern Profiles uses that attribute to
 * honour ADI settings, but owns a larger profile canvas. Keep ADI's shape,
 * shadow and status semantics while preventing its 36px generic rule from
 * collapsing the hero avatar. */
.mp-profile-takeover .mp-avatar-media[data-adi~="avatar"],
.mp-personal-tools-shell .mp-personal-header-avatar-media[data-adi~="avatar"]{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    line-height:normal!important;
    font-size:inherit!important;
    display:grid!important;
    place-items:center!important;
    object-fit:initial!important
}
.mp-profile-takeover .mp-avatar-media>.mp-avatar-fallback:not([hidden]),
.mp-personal-tools-shell .mp-personal-header-avatar-media>.mp-avatar-fallback:not([hidden]){
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important
}
.mp-profile-takeover .mp-avatar-media>.mp-avatar-fallback[hidden],
.mp-personal-tools-shell .mp-personal-header-avatar-media>.mp-avatar-fallback[hidden]{
    display:none!important
}
.mp-profile-takeover .mp-avatar-adi[data-avatar-source="adi-initials"] .mp-avatar-media>.mp-avatar-fallback,
.mp-personal-tools-shell .mp-avatar-adi[data-avatar-source="adi-initials"] .mp-personal-header-avatar-media>.mp-avatar-fallback{
    display:grid!important
}
.mp-profile-takeover .mp-avatar-media[data-adi~="circle"],
.mp-profile-takeover .mp-avatar-media[data-adi~="circle"] :where(img,.mp-avatar-fallback),
.mp-personal-tools-shell .mp-personal-header-avatar-media[data-adi~="circle"],
.mp-personal-tools-shell .mp-personal-header-avatar-media[data-adi~="circle"] :where(img,.mp-avatar-fallback){
    border-radius:50%!important
}
.mp-profile-takeover .mp-avatar-media[data-adi~="curved"],
.mp-profile-takeover .mp-avatar-media[data-adi~="curved"] :where(img,.mp-avatar-fallback),
.mp-personal-tools-shell .mp-personal-header-avatar-media[data-adi~="curved"],
.mp-personal-tools-shell .mp-personal-header-avatar-media[data-adi~="curved"] :where(img,.mp-avatar-fallback){
    border-radius:16%!important
}


/* Phase 7 — profile information architecture and role-neutral hero refinement.
 * The header prioritises identity, presence, contribution and contextual actions.
 * Social graph counts remain available in profile navigation instead of dominating
 * every member's header, particularly new accounts with all-zero totals. */
.mp-profile-takeover .mp-hero{
    grid-template-columns:minmax(360px,1fr) minmax(390px,.92fr)!important;
    align-items:center!important;
    gap:1.45rem!important;
    min-height:178px!important;
    padding:1.55rem 1.7rem!important
}
.mp-profile-takeover .mp-identity{
    align-items:center!important;
    gap:1.15rem!important
}
.mp-profile-takeover .mp-avatar{
    flex-basis:104px!important;
    width:104px!important;
    height:104px!important;
    min-width:104px!important;
    min-height:104px!important;
    max-width:104px!important;
    max-height:104px!important
}
.mp-profile-takeover .mp-name-line{
    align-items:center!important;
    gap:.58rem!important
}
.mp-profile-takeover .mp-hero h1{
    font-size:clamp(1.9rem,3.4vw,2.55rem)!important;
    letter-spacing:-.025em
}
.mp-profile-takeover .mp-role-badge{
    padding:.27rem .58rem!important;
    border-color:rgba(255,196,96,.56)!important;
    background:rgba(157,93,11,.22)!important;
    color:#fff8ec!important;
    font-size:.72rem!important
}
.mp-profile-takeover .mp-hero-bio{
    display:-webkit-box;
    max-width:520px;
    margin:.52rem 0 0!important;
    overflow:hidden;
    color:rgba(255,255,255,.86)!important;
    font-size:.84rem!important;
    line-height:1.4!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
.mp-profile-takeover .mp-profile-facts{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.38rem .75rem;
    margin-top:.72rem
}
.mp-profile-takeover .mp-profile-fact{
    display:inline-flex;
    align-items:center;
    gap:.28rem;
    min-width:0;
    color:rgba(255,255,255,.82)!important;
    font-size:.76rem!important;
    line-height:1.3
}
.mp-profile-takeover .mp-profile-fact:not(:last-child)::after{
    content:"";
    width:1px;
    height:13px;
    margin-left:.48rem;
    background:rgba(255,255,255,.22)
}
.mp-profile-takeover .mp-profile-fact b{
    color:#fff!important;
    font-weight:700
}
.mp-profile-takeover .mp-profile-presence i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#95a6b5;
    box-shadow:0 0 0 3px rgba(149,166,181,.15)
}
.mp-profile-takeover .mp-profile-presence.is-online i{
    background:#55d66b;
    box-shadow:0 0 0 3px rgba(85,214,107,.16)
}
.mp-profile-takeover .mp-hero-right{
    display:grid!important;
    align-content:center!important;
    justify-items:stretch!important;
    gap:.78rem!important;
    width:100%!important;
    min-width:0!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified{
    display:grid!important;
    grid-template-columns:repeat(var(--mp-stat-count),minmax(90px,1fr))!important;
    gap:.42rem!important;
    width:100%!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>a,
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>span{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    justify-items:start!important;
    width:auto!important;
    min-width:0!important;
    min-height:54px!important;
    padding:.48rem .58rem!important;
    border:1px solid rgba(255,255,255,.2)!important;
    border-radius:9px!important;
    background:rgba(3,35,65,.18)!important;
    color:#fff!important;
    text-align:left!important;
    text-decoration:none!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>*>.mp-svg-icon{
    grid-row:1/3!important;
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    min-height:17px!important;
    opacity:.84
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>*>b{
    align-self:end;
    font-size:1rem!important;
    line-height:1!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>*>small{
    align-self:start;
    overflow:hidden;
    max-width:100%;
    font-size:.66rem!important;
    line-height:1.15!important;
    opacity:.78!important;
    text-overflow:ellipsis;
    white-space:nowrap
}
.mp-profile-takeover .mp-hero-action-stack{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:end!important;
    gap:.36rem!important;
    width:100%!important
}
.mp-profile-takeover .mp-hero-action-stack .mp-member-actions{
    display:flex!important;
    justify-content:flex-end!important;
    width:100%!important;
    gap:.42rem!important
}
.mp-profile-takeover .mp-actions .button,
.mp-profile-takeover .mp-actions .mp-inline-action .button{
    min-height:38px!important;
    padding:.55rem .72rem!important;
    border:1px solid rgba(255,255,255,.42)!important;
    background:rgba(255,255,255,.1)!important;
    color:#fff!important;
    font-size:.79rem!important;
    white-space:nowrap!important;
    backdrop-filter:none!important
}
.mp-profile-takeover .mp-actions .button:hover,
.mp-profile-takeover .mp-actions .button:focus-visible{
    border-color:rgba(255,255,255,.7)!important;
    background:rgba(255,255,255,.18)!important;
    color:#fff!important
}
.mp-profile-takeover .mp-actions .button.mp-action-primary{
    border-color:#fff!important;
    background:#fff!important;
    color:#0a4f87!important
}
.mp-profile-takeover .mp-actions .button.mp-action-primary:hover,
.mp-profile-takeover .mp-actions .button.mp-action-primary:focus-visible{
    background:#edf7ff!important;
    color:#073f6d!important
}
.mp-profile-takeover .mp-actions .button.mp-action-tertiary{
    border-color:transparent!important;
    background:transparent!important;
    color:rgba(255,255,255,.88)!important
}
.mp-profile-takeover .mp-staff-quick-action{
    justify-content:flex-end!important;
    width:auto!important;
    padding:0!important;
    border:0!important
}
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action{
    min-height:28px!important;
    padding:.28rem .48rem!important;
    border-color:transparent!important;
    background:transparent!important;
    color:#ffdca8!important;
    font-size:.72rem!important;
    font-weight:700!important
}
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action:hover,
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action:focus-visible{
    border-color:rgba(255,209,142,.38)!important;
    background:rgba(255,218,164,.1)!important;
    color:#ffe8c6!important
}
.mp-profile-takeover .mp-card-details dl{
    grid-template-columns:minmax(105px,.42fr) minmax(130px,1fr) minmax(105px,.42fr) minmax(130px,1fr)!important;
    column-gap:1rem
}
.mp-profile-takeover .mp-card-details dl>*{
    min-width:0
}
.mp-profile-takeover .mp-card-details dl>*:nth-last-child(-n+4){
    border-bottom:0
}
.mp-profile-takeover .mp-card-admin-summary .mp-admin-note{
    margin-bottom:.45rem;
    padding:.5rem .58rem;
    font-size:.74rem
}
.mp-profile-takeover .mp-card-admin-summary dl{
    grid-template-columns:minmax(72px,34%) 1fr!important
}
.mp-profile-takeover .mp-card-admin-summary dd{
    overflow-wrap:anywhere
}
.mp-profile-takeover .mp-achievements{
    align-items:center
}
.mp-profile-takeover .mp-reputation{
    display:inline-flex;
    align-items:baseline;
    gap:.38rem;
    padding:.38rem .6rem;
    border:1px solid rgba(23,102,166,.16);
    border-radius:9px;
    background:rgba(23,102,166,.055)
}
.mp-profile-takeover .mp-reputation span{
    font-size:.75rem;
    opacity:.7
}
.mp-profile-takeover .mp-reputation b{
    color:var(--primary-color,#1766a6);
    font-size:1.05rem
}
.mp-profile-takeover .mp-empty{
    min-height:118px!important;
    padding:1.1rem!important
}
@container (max-width:900px){
    .mp-profile-takeover .mp-hero{
        grid-template-columns:1fr!important
    }
    .mp-profile-takeover .mp-hero-action-stack,
    .mp-profile-takeover .mp-staff-quick-action{
        justify-items:start!important;
        justify-content:flex-start!important
    }
    .mp-profile-takeover .mp-hero-action-stack .mp-member-actions{
        justify-content:flex-start!important
    }
}
@container (max-width:620px){
    .mp-profile-takeover .mp-hero{
        padding:1.25rem!important
    }
    .mp-profile-takeover .mp-identity{
        align-items:flex-start!important
    }
    .mp-profile-takeover .mp-avatar{
        flex-basis:88px!important;
        width:88px!important;
        height:88px!important;
        min-width:88px!important;
        min-height:88px!important;
        max-width:88px!important;
        max-height:88px!important
    }
    .mp-profile-takeover .mp-profile-facts{
        align-items:flex-start;
        flex-direction:column;
        gap:.3rem
    }
    .mp-profile-takeover .mp-profile-fact:not(:last-child)::after{
        display:none
    }
    .mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified{
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
    .mp-profile-takeover .mp-hero-action-stack .mp-member-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
    .mp-profile-takeover .mp-actions .button,
    .mp-profile-takeover .mp-actions .mp-inline-action,
    .mp-profile-takeover .mp-actions .mp-inline-action .button{
        width:100%!important
    }
    .mp-profile-takeover .mp-card-details dl{
        grid-template-columns:minmax(105px,38%) 1fr!important
    }
    .mp-profile-takeover .mp-card-details dl>*:nth-last-child(-n+4){
        border-bottom:1px solid rgba(100,120,140,.16)
    }
    .mp-profile-takeover .mp-card-details dl>*:nth-last-child(-n+2){
        border-bottom:0
    }
}
@container (max-width:420px){
    .mp-profile-takeover .mp-identity{
        display:grid!important;
        grid-template-columns:74px minmax(0,1fr)!important;
        gap:.85rem!important
    }
    .mp-profile-takeover .mp-avatar{
        flex-basis:74px!important;
        width:74px!important;
        height:74px!important;
        min-width:74px!important;
        min-height:74px!important;
        max-width:74px!important;
        max-height:74px!important
    }
    .mp-profile-takeover .mp-hero-action-stack .mp-member-actions{
        grid-template-columns:1fr!important
    }
}
.mp-profile-takeover .mp-hero-action-stack .mp-member-actions{order:1!important}
.mp-profile-takeover .mp-staff-quick-action{order:2!important}
.mp-profile-takeover .mp-actions .button,
.mp-profile-takeover .mp-actions .mp-inline-action .button{min-height:44px!important}


/* Phase 8 — header architecture and duplicate-information removal.
 * This phase is deliberately structural: the established PAO colour treatment
 * is retained for the separate hero-background phase. */
.mp-profile-takeover .mp-hero{
    grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr)!important;
    gap:1.25rem!important;
    min-height:164px!important;
    padding:1.4rem 1.55rem!important
}
.mp-profile-takeover .mp-identity{
    min-width:0!important;
    gap:1.05rem!important
}
.mp-profile-takeover .mp-avatar{
    flex-basis:98px!important;
    width:98px!important;
    height:98px!important;
    min-width:98px!important;
    min-height:98px!important;
    max-width:98px!important;
    max-height:98px!important
}
.mp-profile-takeover .mp-hero-right{gap:.62rem!important}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified{justify-content:end!important}
.mp-profile-takeover .mp-hero-action-stack{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:.45rem!important
}
.mp-profile-takeover .mp-hero-action-stack .mp-member-actions{
    flex:1 1 auto!important;
    justify-content:flex-end!important;
    width:auto!important
}
.mp-profile-takeover .mp-staff-quick-action{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    margin-left:.05rem!important;
    padding-left:.45rem!important;
    border-left:1px solid rgba(255,255,255,.18)!important
}
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action{
    min-height:38px!important;
    padding:.5rem .62rem!important;
    border:1px solid rgba(255,213,151,.3)!important;
    border-radius:8px!important;
    background:rgba(138,79,0,.1)!important
}
.mp-profile-takeover .mp-card-profile-activity .mp-profile-activity-summary{gap:0!important}
.mp-profile-takeover .mp-card-profile-activity .mp-current-location{margin-top:0!important}
@container (max-width:980px){
    .mp-profile-takeover .mp-hero{grid-template-columns:1fr!important}
    .mp-profile-takeover .mp-hero-action-stack,
    .mp-profile-takeover .mp-hero-action-stack .mp-member-actions{justify-content:flex-start!important}
    .mp-profile-takeover .mp-staff-quick-action{border-left:0!important;padding-left:0!important}
}
@container (max-width:620px){
    .mp-profile-takeover .mp-avatar{
        flex-basis:86px!important;
        width:86px!important;
        height:86px!important;
        min-width:86px!important;
        min-height:86px!important;
        max-width:86px!important;
        max-height:86px!important
    }
    .mp-profile-takeover .mp-hero-action-stack{
        display:grid!important;
        grid-template-columns:1fr!important;
        align-items:stretch!important
    }
    .mp-profile-takeover .mp-staff-quick-action,
    .mp-profile-takeover .mp-staff-quick-action .mp-staff-action{width:100%!important}
}

/* Phase 9 — polished hero surface and professional action controls.
 * This is a visual-only layer: the Phase 8 information architecture remains
 * authoritative and no profile facts or actions are duplicated here. */
.mp-profile-takeover{
    --mp-hero-surface-1:#1f628d;
    --mp-hero-surface-2:#174b70;
    --mp-hero-surface-3:#102f4b;
    --mp-hero-light:rgba(91,190,231,.24);
    --mp-hero-warm:rgba(239,174,87,.13);
    --mp-hero-line:rgba(255,255,255,.105);
    --mp-hero-shadow:rgba(10,45,72,.2)
}
.mp-profile-takeover.mp-theme-family-poetry-art-online{
    --mp-hero-surface-1:#225f83;
    --mp-hero-surface-2:#194b6d;
    --mp-hero-surface-3:#12344f;
    --mp-hero-light:rgba(82,181,222,.22);
    --mp-hero-warm:rgba(233,166,78,.12)
}
.mp-profile-takeover.mp-theme-dark,
.mp-profile-takeover.mp-theme-variant-dark{
    --mp-hero-surface-1:#1b4a69;
    --mp-hero-surface-2:#153b57;
    --mp-hero-surface-3:#0d293f;
    --mp-hero-light:rgba(86,174,216,.18);
    --mp-hero-warm:rgba(233,166,78,.09);
    --mp-hero-shadow:rgba(0,17,30,.34)
}
.mp-profile-takeover .mp-hero{
    border:1px solid var(--mp-hero-line)!important;
    background:
        radial-gradient(ellipse 68% 145% at 8% -12%,var(--mp-hero-light) 0%,rgba(91,190,231,.065) 43%,transparent 69%),
        radial-gradient(ellipse 45% 105% at 62% -28%,var(--mp-hero-warm) 0%,transparent 68%),
        linear-gradient(132deg,var(--mp-hero-surface-1) 0%,var(--mp-hero-surface-2) 49%,var(--mp-hero-surface-3) 100%)!important;
    box-shadow:
        0 14px 34px var(--mp-hero-shadow),
        inset 0 1px 0 rgba(255,255,255,.09)!important
}
.mp-profile-takeover .mp-hero::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(112deg,transparent 0 57%,rgba(255,255,255,.032) 57.2%,transparent 57.8%),
        linear-gradient(112deg,transparent 0 72%,rgba(255,255,255,.022) 72.2%,transparent 72.8%);
    opacity:.72
}
.mp-profile-takeover .mp-hero::after{
    right:-116px!important;
    bottom:-260px!important;
    width:520px!important;
    height:520px!important;
    border-color:rgba(255,255,255,.065)!important;
    box-shadow:
        0 0 0 76px rgba(255,255,255,.018),
        0 0 0 152px rgba(255,255,255,.011)!important;
    opacity:.62!important
}
.mp-profile-takeover .mp-hero-glow{
    top:-120px!important;
    left:-95px!important;
    width:560px!important;
    height:390px!important;
    background:radial-gradient(ellipse at center,rgba(103,199,237,.17),transparent 70%)!important;
    opacity:.9!important
}
.mp-profile-takeover .mp-hero h1{
    text-shadow:0 2px 12px rgba(0,26,45,.22)
}
.mp-profile-takeover .mp-role-badge{
    border-color:rgba(255,205,130,.52)!important;
    background:linear-gradient(180deg,rgba(189,119,30,.26),rgba(133,78,10,.2))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified{
    gap:.5rem!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>a,
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>span{
    grid-template-columns:32px minmax(0,1fr)!important;
    min-height:60px!important;
    padding:.54rem .64rem!important;
    border-color:rgba(255,255,255,.17)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 6px 15px rgba(4,31,51,.075)!important;
    transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>a:hover,
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>a:focus-visible{
    border-color:rgba(255,255,255,.32)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.075))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 18px rgba(4,31,51,.12)!important;
    transform:translateY(-1px)
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>*>.mp-svg-icon{
    box-sizing:border-box!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    padding:5px!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:8px!important;
    background:rgba(5,38,61,.2)!important;
    opacity:.92!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>*>b{
    font-size:1.08rem!important;
    letter-spacing:-.015em!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>*>small{
    font-size:.68rem!important;
    opacity:.8!important
}
.mp-profile-takeover .mp-hero-action-stack{
    gap:.5rem!important
}
.mp-profile-takeover .mp-hero-action-stack .mp-member-actions{
    gap:.5rem!important
}
.mp-profile-takeover .mp-actions .button,
.mp-profile-takeover .mp-actions .mp-inline-action .button,
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action{
    min-height:44px!important;
    padding:.62rem .9rem!important;
    border-radius:10px!important;
    font-size:.8rem!important;
    font-weight:700!important;
    line-height:1.1!important;
    letter-spacing:.004em!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.065),
        0 5px 12px rgba(4,29,47,.1)!important;
    transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important
}
.mp-profile-takeover .mp-actions .button,
.mp-profile-takeover .mp-actions .mp-inline-action .button{
    border-color:rgba(255,255,255,.24)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.075))!important;
    color:#f7fbff!important
}
.mp-profile-takeover .mp-actions .button:hover,
.mp-profile-takeover .mp-actions .button:focus-visible,
.mp-profile-takeover .mp-actions .mp-inline-action .button:hover,
.mp-profile-takeover .mp-actions .mp-inline-action .button:focus-visible{
    border-color:rgba(255,255,255,.42)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,.105))!important;
    color:#fff!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 7px 16px rgba(4,29,47,.15)!important;
    transform:translateY(-1px)
}
.mp-profile-takeover .mp-actions .button:active,
.mp-profile-takeover .mp-actions .mp-inline-action .button:active,
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action:active{
    transform:translateY(0)!important
}
.mp-profile-takeover .mp-actions .button:focus-visible,
.mp-profile-takeover .mp-actions .mp-inline-action .button:focus-visible,
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action:focus-visible{
    outline:2px solid rgba(154,222,255,.9)!important;
    outline-offset:2px!important
}
.mp-profile-takeover .mp-actions .button.mp-action-primary{
    border-color:rgba(255,255,255,.94)!important;
    background:linear-gradient(180deg,#fff 0%,#edf5fa 100%)!important;
    color:#0c4e7b!important;
    box-shadow:
        inset 0 1px 0 #fff,
        0 7px 17px rgba(3,29,48,.18)!important
}
.mp-profile-takeover .mp-actions .button.mp-action-primary:hover,
.mp-profile-takeover .mp-actions .button.mp-action-primary:focus-visible{
    border-color:#fff!important;
    background:linear-gradient(180deg,#fff 0%,#e5f1f8 100%)!important;
    color:#083f65!important;
    box-shadow:
        inset 0 1px 0 #fff,
        0 9px 20px rgba(3,29,48,.22)!important
}
.mp-profile-takeover .mp-actions .button.mp-action-tertiary{
    border-color:rgba(255,255,255,.18)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04))!important;
    color:rgba(255,255,255,.92)!important
}
.mp-profile-takeover .mp-staff-quick-action{
    margin-left:0!important;
    padding-left:0!important;
    border-left:0!important
}
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action{
    border-color:rgba(255,205,132,.34)!important;
    background:linear-gradient(180deg,rgba(222,151,57,.18),rgba(130,73,10,.14))!important;
    color:#ffe4ba!important
}
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action:hover,
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action:focus-visible{
    border-color:rgba(255,211,148,.56)!important;
    background:linear-gradient(180deg,rgba(233,164,72,.25),rgba(145,82,12,.19))!important;
    color:#fff0d8!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 7px 16px rgba(4,29,47,.14)!important;
    transform:translateY(-1px)
}
.mp-profile-takeover .mp-actions .mp-action-icon,
.mp-profile-takeover .mp-staff-quick-action .mp-action-icon{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    min-height:17px!important
}
@container (max-width:620px){
    .mp-profile-takeover .mp-hero::after{
        right:-210px!important;
        bottom:-300px!important;
        opacity:.42!important
    }
    .mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>a,
    .mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>span{
        min-height:56px!important
    }
}
@media(prefers-reduced-motion:reduce){
    .mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified>a,
    .mp-profile-takeover .mp-actions .button,
    .mp-profile-takeover .mp-actions .mp-inline-action .button,
    .mp-profile-takeover .mp-staff-quick-action .mp-staff-action{
        transition:none!important
    }
}

/* Phase 10 — overview rationalisation and card hierarchy.
 * Public profile facts are presented once, empty visitor-only cards are
 * suppressed, and private viewer/admin information remains in a compact side
 * rail. The hero information architecture from Phases 8–9 is unchanged. */
.mp-profile-takeover .mp-overview-layout.has-side-cards{
    grid-template-columns:minmax(0,1fr) minmax(250px,292px)!important;
    gap:1rem!important
}
.mp-profile-takeover .mp-overview-main{
    grid-auto-flow:dense;
    align-items:start;
    gap:1rem!important;
    margin-top:1rem!important
}
.mp-profile-takeover .mp-overview-side{
    gap:1rem!important;
    margin-top:1rem!important;
    top:1rem!important
}
.mp-profile-takeover .mp-overview-layout .mp-card{
    padding:1.1rem!important;
    border-color:rgba(55,91,117,.14)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,251,253,.97))!important;
    box-shadow:0 8px 24px rgba(30,69,96,.075)!important
}
.mp-profile-takeover .mp-overview-side .mp-card{
    padding:.95rem!important;
    border-radius:12px!important;
    box-shadow:0 6px 18px rgba(30,69,96,.06)!important
}
.mp-profile-takeover .mp-card-heading{
    display:flex;
    align-items:center;
    gap:.68rem;
    min-width:0;
    margin:0 0 .9rem;
    padding:0 0 .78rem;
    border-bottom:1px solid rgba(79,108,130,.13)
}
.mp-profile-takeover .mp-card-heading>div{min-width:0}
.mp-profile-takeover .mp-card-heading h2{
    margin:0!important;
    color:#155f97!important;
    font-size:1.02rem!important;
    line-height:1.22!important
}
.mp-profile-takeover .mp-card-heading h2::before{display:none!important}
.mp-profile-takeover .mp-card-heading p{
    margin:.18rem 0 0;
    color:var(--mp-muted,#667788);
    font-size:.74rem;
    line-height:1.35
}
.mp-profile-takeover .mp-card-heading-icon{
    display:grid;
    place-items:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border:1px solid rgba(23,102,166,.13);
    border-radius:10px;
    background:linear-gradient(180deg,rgba(30,126,190,.1),rgba(23,102,166,.055));
    color:#1766a6
}
.mp-profile-takeover .mp-card-heading-icon .mp-svg-icon{width:18px;height:18px}
.mp-profile-takeover .mp-card-compact .mp-card-heading{
    gap:.55rem;
    margin-bottom:.7rem;
    padding-bottom:.62rem
}
.mp-profile-takeover .mp-card-compact .mp-card-heading-icon{
    flex-basis:30px;
    width:30px;
    height:30px;
    border-radius:9px
}
.mp-profile-takeover .mp-card-compact .mp-card-heading-icon .mp-svg-icon{width:16px;height:16px}
.mp-profile-takeover .mp-card-compact .mp-card-heading h2{font-size:.92rem!important}
.mp-profile-takeover .mp-card-details:not(.mp-card-span-full) dl{
    grid-template-columns:minmax(105px,38%) minmax(0,1fr)!important;
    column-gap:.8rem!important
}
.mp-profile-takeover .mp-card-details.mp-card-span-full dl{
    grid-template-columns:minmax(105px,.38fr) minmax(130px,1fr) minmax(105px,.38fr) minmax(130px,1fr)!important;
    column-gap:1rem!important
}
.mp-profile-takeover .mp-overview-layout .mp-card dt,
.mp-profile-takeover .mp-overview-layout .mp-card dd{
    padding:.64rem 0!important;
    border-bottom-color:rgba(82,111,133,.12)!important
}
.mp-profile-takeover .mp-overview-layout .mp-card dt{
    color:#5e6f7f;
    font-size:.78rem;
    font-weight:650!important
}
.mp-profile-takeover .mp-overview-layout .mp-card dd{
    color:#253d50;
    font-size:.82rem
}
.mp-profile-takeover .mp-card-activity .mp-list-row{
    margin:0 -.35rem;
    padding:.62rem .45rem!important;
    border-radius:9px;
    border-bottom:0!important
}
.mp-profile-takeover .mp-card-activity .mp-list-row+.mp-list-row{
    border-top:1px solid rgba(82,111,133,.1)!important
}
.mp-profile-takeover .mp-card-activity .mp-list-row:hover,
.mp-profile-takeover .mp-card-activity .mp-list-row:focus-visible{
    background:rgba(23,102,166,.055)
}
.mp-profile-takeover .mp-card-activity .mp-list-icon{
    border:1px solid rgba(23,102,166,.12);
    background:rgba(23,102,166,.075)
}
.mp-profile-takeover .mp-empty.mp-empty-compact{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    gap:.18rem .75rem!important;
    min-height:0!important;
    padding:.78rem!important;
    text-align:left!important
}
.mp-profile-takeover .mp-empty.mp-empty-compact .mp-state-icon{
    grid-row:1/4;
    width:38px!important;
    height:38px!important;
    margin:0!important
}
.mp-profile-takeover .mp-empty.mp-empty-compact .mp-state-icon .mp-svg-icon{width:18px;height:18px}
.mp-profile-takeover .mp-empty.mp-empty-compact strong{align-self:end;font-size:.82rem!important}
.mp-profile-takeover .mp-empty.mp-empty-compact p{
    align-self:start;
    max-width:none!important;
    margin:.12rem 0 0!important;
    font-size:.72rem!important;
    line-height:1.35!important
}
.mp-profile-takeover .mp-empty.mp-empty-compact .mp-state-actions{
    grid-column:2;
    justify-content:flex-start!important;
    margin-top:.45rem!important
}
.mp-profile-takeover .mp-empty.mp-empty-compact .button{
    min-height:34px!important;
    padding:.42rem .68rem!important;
    border-radius:8px!important;
    font-size:.74rem!important
}
.mp-profile-takeover .mp-card-achievements .mp-card-heading{margin-bottom:.8rem}
.mp-profile-takeover .mp-achievements{gap:.5rem!important}
.mp-profile-takeover .mp-achievement-pill{
    padding:.42rem .68rem!important;
    border:1px solid rgba(23,102,166,.12)!important;
    background:linear-gradient(180deg,rgba(23,102,166,.09),rgba(23,102,166,.045))!important;
    font-size:.76rem!important
}
.mp-profile-takeover .mp-card-profile-activity .mp-current-location{
    padding:.7rem;
    border:1px solid rgba(23,102,166,.1);
    border-radius:9px;
    background:rgba(23,102,166,.045)
}
.mp-profile-takeover .mp-profile-viewer{
    margin:0 -.25rem;
    padding:.48rem .35rem!important
}
.mp-profile-takeover .mp-card-admin-summary{
    border-color:rgba(213,145,57,.25)!important;
    background:linear-gradient(180deg,#fffdf9,#fff8ee)!important
}
.mp-profile-takeover .mp-card-admin-summary .mp-card-heading-icon{
    border-color:rgba(213,145,57,.2);
    background:rgba(224,145,39,.09);
    color:#a85e0b
}
.mp-profile-takeover .mp-card-admin-summary .mp-card-heading h2{color:#99550b!important}
.mp-profile-takeover .mp-card-admin-summary .mp-admin-note{
    margin:0 0 .35rem!important;
    padding:.48rem .58rem!important;
    font-size:.7rem!important
}
.mp-profile-takeover .mp-card-admin-summary dl{
    grid-template-columns:minmax(72px,34%) minmax(0,1fr)!important
}
.mp-profile-takeover.mp-theme-dark .mp-overview-layout .mp-card,
.mp-profile-takeover.mp-theme-variant-dark .mp-overview-layout .mp-card{
    border-color:rgba(255,255,255,.09)!important;
    background:linear-gradient(180deg,rgba(32,48,61,.98),rgba(25,39,51,.98))!important;
    box-shadow:0 8px 24px rgba(0,0,0,.16)!important
}
.mp-profile-takeover.mp-theme-dark .mp-card-heading,
.mp-profile-takeover.mp-theme-variant-dark .mp-card-heading{border-bottom-color:rgba(255,255,255,.09)}
.mp-profile-takeover.mp-theme-dark .mp-card-heading h2,
.mp-profile-takeover.mp-theme-variant-dark .mp-card-heading h2{color:#8fd1ff!important}
.mp-profile-takeover.mp-theme-dark .mp-overview-layout .mp-card dt,
.mp-profile-takeover.mp-theme-variant-dark .mp-overview-layout .mp-card dt{color:#aab9c5}
.mp-profile-takeover.mp-theme-dark .mp-overview-layout .mp-card dd,
.mp-profile-takeover.mp-theme-variant-dark .mp-overview-layout .mp-card dd{color:#edf5fa}
@container (max-width:980px){
    .mp-profile-takeover .mp-overview-layout.has-side-cards{grid-template-columns:1fr!important}
    .mp-profile-takeover .mp-overview-side{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        position:static!important
    }
}
@container (max-width:650px){
    .mp-profile-takeover .mp-overview-main{grid-template-columns:1fr!important}
    .mp-profile-takeover .mp-overview-side{grid-template-columns:1fr!important}
    .mp-profile-takeover .mp-card-details.mp-card-span-full dl{
        grid-template-columns:minmax(105px,38%) minmax(0,1fr)!important
    }
    .mp-profile-takeover .mp-empty.mp-empty-compact{
        grid-template-columns:34px minmax(0,1fr)!important
    }
    .mp-profile-takeover .mp-empty.mp-empty-compact .mp-state-icon{width:34px!important;height:34px!important}
}

/* Phase 12 — current activity moves into the hero identity area.
 * The row is intentionally quieter than identity/status and replaces the
 * duplicate Overview activity card. */
.mp-profile-takeover .mp-identity-copy{min-width:0}
.mp-profile-takeover .mp-hero-activity{
    display:grid;
    grid-template-columns:26px minmax(0,1fr);
    align-items:center;
    gap:.52rem;
    width:fit-content;
    max-width:min(100%,620px);
    margin-top:.62rem;
    padding:.42rem .62rem .42rem .46rem;
    border:1px solid rgba(255,255,255,.115);
    border-radius:10px;
    background:linear-gradient(180deg,rgba(5,31,53,.20),rgba(5,31,53,.11));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
    color:rgba(255,255,255,.84)
}
.mp-profile-takeover .mp-hero-activity-icon{
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    border-radius:8px;
    background:rgba(240,163,58,.13);
    color:#ffd18b
}
.mp-profile-takeover .mp-hero-activity-icon .mp-svg-icon{width:15px;height:15px}
.mp-profile-takeover .mp-hero-activity-copy{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:.16rem .42rem;
    min-width:0;
    line-height:1.28
}
.mp-profile-takeover .mp-hero-activity-copy small{
    color:rgba(255,255,255,.58)!important;
    font-size:.66rem!important;
    font-weight:600;
    letter-spacing:.015em
}
.mp-profile-takeover .mp-hero-activity-copy b{
    min-width:0;
    color:rgba(255,255,255,.94)!important;
    font-size:.76rem!important;
    font-weight:650;
    overflow-wrap:anywhere
}
@container (max-width:620px){
    .mp-profile-takeover .mp-hero-activity{width:100%;max-width:100%}
    .mp-profile-takeover .mp-hero-activity-copy{display:grid;gap:.1rem}
}
@media (forced-colors:active){
    .mp-profile-takeover .mp-hero-activity{border:1px solid CanvasText;background:Canvas;color:CanvasText}
    .mp-profile-takeover .mp-hero-activity-icon,.mp-profile-takeover .mp-hero-activity-copy small,.mp-profile-takeover .mp-hero-activity-copy b{color:CanvasText!important}
}


/* Phase 13 — final profile polish and duplication sweep.
 * This canonical layer keeps the identity/activity column calm, gives variable
 * metric counts a deliberate width, and makes owner/visitor actions respond
 * consistently without reintroducing information already shown elsewhere. */
.mp-profile-takeover .mp-hero{
    align-items:center!important
}
.mp-profile-takeover .mp-identity{
    align-self:center!important
}
.mp-profile-takeover .mp-identity-copy{
    display:grid;
    align-content:center;
    min-width:0
}
.mp-profile-takeover .mp-profile-facts{
    margin-top:.58rem!important
}
.mp-profile-takeover .mp-hero-has-activity .mp-profile-facts{
    margin-bottom:0!important
}
.mp-profile-takeover .mp-hero-activity{
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:.48rem!important;
    width:min(100%,620px)!important;
    margin-top:.52rem!important;
    padding:.18rem 0 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important
}
.mp-profile-takeover .mp-hero-activity-icon{
    width:24px!important;
    height:24px!important;
    border:1px solid rgba(255,214,151,.16)!important;
    border-radius:7px!important;
    background:rgba(236,158,53,.095)!important;
    color:#ffd59a!important
}
.mp-profile-takeover .mp-hero-activity-icon .mp-svg-icon{
    width:14px!important;
    height:14px!important
}
.mp-profile-takeover .mp-hero-activity-copy{
    gap:.12rem .42rem!important
}
.mp-profile-takeover .mp-hero-activity-copy small{
    color:rgba(255,255,255,.56)!important;
    font-size:.65rem!important
}
.mp-profile-takeover .mp-hero-activity-copy b{
    color:rgba(255,255,255,.93)!important;
    font-size:.75rem!important;
    line-height:1.3!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified{
    justify-self:end!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified.mp-hero-stats-count-2{
    width:min(100%,340px)!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified.mp-hero-stats-count-3{
    width:min(100%,500px)!important
}
.mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified.mp-hero-stats-count-4{
    width:100%!important
}
.mp-profile-takeover .mp-hero-action-stack{
    align-self:end!important;
    max-width:100%
}
.mp-profile-takeover .mp-owner-actions,
.mp-profile-takeover .mp-visitor-actions{
    align-items:stretch!important
}
.mp-profile-takeover .mp-actions .button,
.mp-profile-takeover .mp-actions .mp-inline-action .button,
.mp-profile-takeover .mp-staff-quick-action .mp-staff-action{
    text-wrap:nowrap
}
.mp-profile-takeover .mp-overview-main>.mp-card:only-child{
    grid-column:1/-1
}
.mp-profile-takeover .mp-overview-side{
    align-content:start
}
.mp-profile-takeover .mp-overview-side .mp-card-heading p:empty{
    display:none
}
.mp-profile-takeover .mp-card-profile-viewers .mp-profile-viewers{
    max-height:310px;
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin
}
@container (max-width:1120px) and (min-width:981px){
    .mp-profile-takeover .mp-owner-actions{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
    .mp-profile-takeover .mp-owner-actions .button,
    .mp-profile-takeover .mp-owner-actions .mp-inline-action,
    .mp-profile-takeover .mp-owner-actions .mp-inline-action .button{
        width:100%!important
    }
}
@container (max-width:980px){
    .mp-profile-takeover .mp-hero-stats.mp-hero-stats-unified{
        justify-self:start!important;
        width:100%!important
    }
    .mp-profile-takeover .mp-hero-action-stack{
        align-self:stretch!important
    }
}
@container (max-width:620px){
    .mp-profile-takeover .mp-hero-activity{
        width:100%!important;
        padding-top:.26rem!important
    }
    .mp-profile-takeover .mp-hero-activity-copy{
        display:grid!important;
        gap:.08rem!important
    }
    .mp-profile-takeover .mp-owner-actions,
    .mp-profile-takeover .mp-visitor-actions{
        grid-template-columns:1fr!important
    }
}
@media (forced-colors:active){
    .mp-profile-takeover .mp-hero-activity{
        border:0!important;
        background:transparent!important
    }
    .mp-profile-takeover .mp-hero-activity-icon{
        border:1px solid CanvasText!important;
        background:Canvas!important;
        color:CanvasText!important
    }
}

/* Phase 7 — Modern Profiles-owned Look & Layout navigation. */
.mp-profile-takeover .mp-look-layout-card{
    padding:0!important;
    overflow:hidden!important
}
.mp-profile-takeover .mp-look-layout-tabs{
    width:100%;
    min-width:0
}
.mp-profile-takeover .mp-look-layout-tablist{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:.2rem;
    overflow:visible;
    padding:.5rem .6rem;
    border-bottom:1px solid var(--border-color,#dbe4ec);
    background:color-mix(in srgb,var(--window-bg,#fff) 94%,var(--primary-color,#1766a6) 6%)
}
.mp-profile-takeover .mp-look-layout-tab{
    position:relative;
    flex:1 1 105px;
    min-width:0;
    min-height:40px;
    margin:0!important;
    padding:.58rem .68rem!important;
    border:1px solid transparent!important;
    border-radius:7px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--body-text,#334155)!important;
    font-weight:650!important;
    line-height:1.2!important;
    cursor:pointer
}
.mp-profile-takeover .mp-look-layout-tab:hover{
    background:rgba(23,102,166,.07)!important;
    color:var(--primary-color,#1766a6)!important
}
.mp-profile-takeover .mp-look-layout-tab[aria-selected="true"]{
    border-color:color-mix(in srgb,var(--primary-color,#1766a6) 24%,transparent)!important;
    background:var(--window-bg,#fff)!important;
    color:var(--primary-color,#1766a6)!important;
    box-shadow:inset 0 -3px 0 var(--primary-color,#1766a6)!important
}
.mp-profile-takeover .mp-look-layout-tab:focus-visible{
    z-index:2;
    outline:2px solid rgba(23,102,166,.38)!important;
    outline-offset:-3px!important
}
.mp-profile-takeover .mp-look-layout-panels{
    min-width:0;
    padding:1rem 1.15rem 1.25rem
}
.mp-profile-takeover .mp-look-layout-panel[hidden]{display:none!important}
.mp-profile-takeover .mp-look-layout-panel-heading{
    margin:0 0 .35rem;
    padding:0 0 .72rem;
    border-bottom:1px solid rgba(100,120,140,.14)
}
.mp-profile-takeover .mp-look-layout-panel-heading h4{
    margin:0!important;
    color:var(--primary-color,#1766a6)!important;
    font-size:1.05rem!important
}
.mp-profile-takeover .mp-look-layout-subheading{
    margin:.95rem 0 .2rem;
    padding:.65rem .75rem;
    border-radius:8px;
    background:rgba(23,102,166,.055)
}
.mp-profile-takeover .mp-look-layout-subheading h4{
    margin:0!important;
    color:var(--body-text,#334155)!important;
    font-size:.92rem!important
}
.mp-profile-takeover .mp-look-layout-settings{
    display:grid!important;
    grid-template-columns:minmax(180px,34%) minmax(0,1fr)!important;
    column-gap:1.1rem!important;
    row-gap:0!important;
    width:100%!important;
    margin:0!important
}
.mp-profile-takeover .mp-look-layout-settings>dt,
.mp-profile-takeover .mp-look-layout-settings>dd{
    min-width:0!important;
    margin:0!important;
    padding:.8rem .15rem!important;
    border-bottom:1px solid rgba(100,120,140,.13)!important
}
.mp-profile-takeover .mp-look-layout-settings>dt{
    font-weight:600!important
}
.mp-profile-takeover .mp-look-layout-settings>dd{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:.55rem;
    flex-wrap:wrap
}
.mp-profile-takeover .mp-look-layout-settings :is(select,input[type="text"],input[type="number"],input[type="url"],input[type="time"],input[type="email"],input[type="password"]){
    max-width:100%
}
.mp-profile-takeover .mp-look-layout-actions{
    display:flex;
    justify-content:flex-end;
    padding:.85rem 1.15rem 1rem;
    border-top:1px solid rgba(100,120,140,.13);
    background:color-mix(in srgb,var(--window-bg,#fff) 97%,var(--primary-color,#1766a6) 3%)
}
.mp-profile-takeover .mp-look-layout-actions .button{margin:0!important}
.mp-profile-takeover .mp-look-layout-security{margin:0 1.15rem 1rem!important}
.mp-profile-takeover .mp-look-layout-theme-choice{justify-content:space-between!important}
.mp-profile-takeover .mp-look-layout-theme-name{font-weight:700;color:var(--body-text,#334155)}
.mp-profile-takeover .mp-look-layout-theme-choice .button{margin:0!important;white-space:nowrap}
.mp-profile-takeover .mp-look-layout-subheading:first-child{margin-top:.35rem}

@container (max-width:680px){
    .mp-profile-takeover .mp-look-layout-tablist{padding-inline:.45rem}
    .mp-profile-takeover .mp-look-layout-panels{padding:.85rem .8rem 1rem}
    .mp-profile-takeover .mp-look-layout-settings{grid-template-columns:1fr!important}
    .mp-profile-takeover .mp-look-layout-settings>dt{padding-bottom:.28rem!important;border-bottom:0!important}
    .mp-profile-takeover .mp-look-layout-settings>dd{padding-top:.15rem!important}
    .mp-profile-takeover .mp-look-layout-actions{padding:0 .8rem 1rem}
    .mp-profile-takeover .mp-look-layout-actions .button{width:100%}
}


/* Project Phase 15 — responsive/cross-theme token bridge.
 * Modern Profiles remains a canonical default-theme asset, but installed
 * theme families expose stable design tokens that should be consumed rather
 * than replaced with a generic palette. These aliases also keep helper text
 * readable when a host switches into dark mode. */
.mp-profile-takeover.mp-theme-family-atelier{
    --mp-accent:var(--cq-accent,#b87362);
    --mp-accent-strong:var(--cq-accent-strong,#9b5e50);
    --mp-link:var(--cq-link,var(--mp-accent-strong));
    --mp-surface:var(--cq-surface-soft,#f6f3f0);
    --mp-card:var(--cq-surface,#fff);
    --mp-field:var(--cq-surface,#fff);
    --mp-text:var(--cq-text,#3b3836);
    --mp-muted-colour:var(--cq-muted,#827d78);
    --mp-border:var(--cq-border,#e4e0dc);
    --mp-heading:var(--cq-link,var(--mp-accent));
    --mp-shadow:var(--cq-shadow,0 5px 17px rgba(55,48,43,.08))
}
.mp-profile-takeover.mp-theme-family-canvas,
.mp-profile-takeover.mp-theme-family-inkwell{
    --mp-accent:var(--cq-accent,#2e81bd);
    --mp-accent-strong:var(--cq-accent-strong,#1f6fa9);
    --mp-link:var(--cq-link,var(--mp-accent-strong));
    --mp-surface:var(--cq-surface-soft,#f3f6f9);
    --mp-card:var(--cq-surface,#fff);
    --mp-field:var(--cq-surface,#fff);
    --mp-text:var(--cq-text,#24384a);
    --mp-muted-colour:var(--cq-muted,#71808e);
    --mp-border:var(--cq-border,#d6dee6);
    --mp-heading:var(--cq-link,var(--mp-accent));
    --mp-shadow:var(--cq-shadow,0 4px 14px rgba(16,39,58,.08))
}
/* Direct semantic overrides intentionally avoid :where(). Earlier legacy
 * compatibility selectors include element selectors plus !important, which
 * otherwise outrank the generic semantic layer in dark themes. */
.mp-profile-takeover .mp-side-panel,
.mp-profile-takeover .mp-card{
    border-color:var(--mp-border,#dbe4ec)!important;
    background:var(--mp-card,#fff)!important;
    color:var(--mp-text,#334155)!important
}
.mp-profile-takeover .mp-side-panel h2,
.mp-profile-takeover .mp-card h1,
.mp-profile-takeover .mp-card h2,
.mp-profile-takeover .mp-card-intro,
.mp-profile-takeover .mp-native-settings-heading h1,
.mp-profile-takeover .mp-native-page-heading h1,
.mp-profile-takeover .mp-native-staff-heading h1,
.mp-profile-takeover .mp-extension-heading h1{
    color:var(--mp-heading,var(--mp-accent,#1766a6))!important
}
.mp-profile-takeover .mp-side-nav a{
    color:var(--mp-text,#334155)!important
}
.mp-profile-takeover .mp-side-nav a:hover,
.mp-profile-takeover .mp-side-nav a:focus-visible,
.mp-profile-takeover .mp-side-nav a.active{
    background:color-mix(in srgb,var(--mp-accent,#1766a6) 10%,var(--mp-card,#fff))!important;
    color:var(--mp-link,var(--mp-accent-strong,#0a4f87))!important
}
.mp-profile-takeover .mp-native-settings-heading p,
.mp-profile-takeover .mp-native-page-heading p,
.mp-profile-takeover .mp-native-staff-heading p,
.mp-profile-takeover .mp-extension-heading p{
    color:var(--mp-muted-text,var(--mp-muted-colour,#64748b))!important
}

/* Poetry & Art dark mode has its own mature palette. Consume it directly so
 * profile/account cards agree with the rest of the site instead of keeping
 * the older orange light-mode accent on a blue dark-mode interface. */
html[data-colormode="dark"] .mp-profile-takeover.mp-theme-family-poetry-art-online,
.mp-profile-takeover.mp-theme-family-poetry-art-online.mp-theme-dark{
    --mp-accent:var(--poa-dark-accent,#5fb4e8);
    --mp-accent-strong:var(--poa-dark-link-hover,#b7e0ff);
    --mp-link:var(--poa-dark-link,#8fcfff);
    --mp-surface:var(--poa-dark-canvas,#132536);
    --mp-card:var(--poa-dark-surface,#172c3e);
    --mp-field:var(--poa-dark-field,#20384d);
    --mp-text:var(--poa-dark-text,#d8e2ea);
    --mp-muted-colour:var(--poa-dark-text-muted,#aebfcb);
    --mp-border:var(--poa-dark-border-strong,#49667d);
    --mp-heading:var(--poa-dark-text-strong,#f1f6fa);
    --mp-warning:var(--poa-dark-warning,#f1c76f);
    --mp-danger:var(--poa-dark-danger,#ff9b9b);
    --mp-shadow:var(--poa-dark-shadow-sm,0 6px 20px rgba(0,0,0,.28))
}
/* Explicit host-mode attributes provide a no-flash CSS fallback while the
 * shell synchroniser applies the matching mp-theme-* class. */
html[data-cq-resolved-mode="dark"] .mp-profile-takeover:is(.mp-theme-family-atelier,.mp-theme-family-canvas,.mp-theme-family-inkwell),
html[data-cq-theme="dark"] .mp-profile-takeover:is(.mp-theme-family-atelier,.mp-theme-family-canvas,.mp-theme-family-inkwell){
    color-scheme:dark
}
html[data-cq-resolved-mode="light"] .mp-profile-takeover:is(.mp-theme-family-atelier,.mp-theme-family-canvas,.mp-theme-family-inkwell),
html[data-cq-theme="light"] .mp-profile-takeover:is(.mp-theme-family-atelier,.mp-theme-family-canvas,.mp-theme-family-inkwell){
    color-scheme:light
}

/* Container-query fallback: the shell already publishes compact/narrow
 * classes from ResizeObserver. Mirror the Look & Layout responsive contract
 * so older embedded browsers or host CSS processors that drop @container
 * rules still receive the usable horizontal navigation and one-column form. */
.mp-profile-takeover.mp-compact .mp-look-layout-tabs{
    display:block!important
}
.mp-profile-takeover.mp-compact .mp-look-layout-tablist{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-right:0!important;
    border-bottom:1px solid var(--mp-border,#dbe4ec)!important;
    scroll-snap-type:x proximity!important
}
.mp-profile-takeover.mp-compact .mp-look-layout-tab{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:118px!important;
    text-align:center!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important
}
.mp-profile-takeover.mp-compact .mp-look-layout-tab[aria-selected="true"]{
    box-shadow:inset 0 -3px 0 var(--mp-accent,#1766a6),0 2px 7px rgba(20,55,85,.04)!important
}
.mp-profile-takeover.mp-compact .mp-native-settings-theme .mp-look-layout-settings{
    grid-template-columns:1fr!important;
    column-gap:0!important
}
.mp-profile-takeover.mp-compact .mp-native-settings-theme .mp-look-layout-settings>dt{
    padding-bottom:.22rem!important;
    border-bottom:0!important
}
.mp-profile-takeover.mp-compact .mp-native-settings-theme .mp-look-layout-settings>dd{
    padding-top:.1rem!important
}
.mp-profile-takeover.mp-compact .mp-native-settings-theme .mp-look-layout-settings :is(select,input[type="text"],input[type="number"],input[type="url"],input[type="time"],input[type="email"],input[type="password"],input[type="date"],input[type="datetime-local"],input[type="month"]){
    width:100%!important
}
.mp-profile-takeover.mp-narrow .mp-look-layout-actions{
    align-items:stretch!important;
    flex-direction:column!important
}
.mp-profile-takeover.mp-narrow .mp-look-layout-actions .button{
    width:100%!important
}

/* Phase 14 — Modern Profiles Look & Layout information architecture.
 * The outer Account Settings navigation remains the primary route selector.
 * Look & Layout gets a compact secondary navigation rail on wide screens so
 * nine preference groups never wrap into an uneven second row. */
.mp-profile-takeover .mp-native-settings-theme .mp-native-settings-heading{
    margin-bottom:.85rem!important;
    padding-bottom:.85rem!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-native-settings-content{
    overflow:visible!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-look-layout-card{
    overflow:hidden!important;
    border:1px solid var(--mp-border,var(--border-color,#dbe4ec))!important;
    border-radius:12px!important;
    background:var(--mp-card,var(--window-bg,#fff))!important;
    box-shadow:0 4px 16px rgba(20,55,85,.045)!important
}
.mp-profile-takeover .mp-look-layout-tabs{
    width:100%!important;
    min-width:0!important
}
.mp-profile-takeover .mp-look-layout-tablist{
    gap:.28rem!important;
    padding:.62rem!important;
    background:color-mix(in srgb,var(--mp-card,var(--window-bg,#fff)) 94%,var(--mp-accent,var(--primary-color,#1766a6)) 6%)!important
}
.mp-profile-takeover .mp-look-layout-tab{
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0!important;
    border:1px solid transparent!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--mp-text,var(--body-text,#334155))!important;
    font-size:.84rem!important;
    font-weight:680!important;
    line-height:1.25!important;
    cursor:pointer!important;
    transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important
}
.mp-profile-takeover .mp-look-layout-tab>span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important
}
.mp-profile-takeover .mp-look-layout-tab:hover{
    border-color:color-mix(in srgb,var(--mp-accent,var(--primary-color,#1766a6)) 18%,transparent)!important;
    background:color-mix(in srgb,var(--mp-accent,var(--primary-color,#1766a6)) 7%,transparent)!important;
    color:var(--mp-link,var(--mp-accent-strong,#0a4f87))!important
}
.mp-profile-takeover .mp-look-layout-tab[aria-selected="true"]{
    border-color:color-mix(in srgb,var(--mp-accent,var(--primary-color,#1766a6)) 22%,var(--mp-border,#dbe4ec))!important;
    background:var(--mp-card,var(--window-bg,#fff))!important;
    color:var(--mp-link,var(--mp-accent-strong,#0a4f87))!important;
    box-shadow:inset 3px 0 0 var(--mp-accent,var(--primary-color,#1766a6)),0 2px 7px rgba(20,55,85,.045)!important
}
.mp-profile-takeover .mp-look-layout-panels{
    box-sizing:border-box!important;
    min-width:0!important;
    padding:1.05rem 1.2rem 1.2rem!important;
    background:var(--mp-card,var(--window-bg,#fff))!important
}
.mp-profile-takeover .mp-look-layout-panel-heading{
    margin:0 0 .5rem!important;
    padding:0 0 .88rem!important;
    border-bottom:1px solid color-mix(in srgb,var(--mp-border,#dbe4ec) 72%,transparent)!important
}
.mp-profile-takeover .mp-look-layout-eyebrow{
    display:block!important;
    margin:0 0 .16rem!important;
    color:var(--mp-accent,var(--primary-color,#1766a6))!important;
    font-size:.68rem!important;
    font-weight:800!important;
    letter-spacing:.065em!important;
    line-height:1.2!important;
    text-transform:uppercase!important
}
.mp-profile-takeover .mp-look-layout-panel-heading h4{
    margin:0!important;
    color:var(--mp-heading,var(--primary-color,#1766a6))!important;
    font-size:1.08rem!important;
    line-height:1.25!important
}
.mp-profile-takeover .mp-look-layout-panel-heading p{
    max-width:720px!important;
    margin:.28rem 0 0!important;
    color:var(--mp-muted-text,#66788a)!important;
    font-size:.82rem!important;
    line-height:1.45!important
}
.mp-profile-takeover .mp-look-layout-subheading{
    margin:.78rem 0 .12rem!important;
    padding:.48rem .62rem!important;
    border:1px solid color-mix(in srgb,var(--mp-border,#dbe4ec) 68%,transparent)!important;
    border-radius:7px!important;
    background:color-mix(in srgb,var(--mp-accent,var(--primary-color,#1766a6)) 4%,transparent)!important
}
.mp-profile-takeover .mp-look-layout-subheading h4{
    margin:0!important;
    color:var(--mp-text,var(--body-text,#334155))!important;
    font-size:.78rem!important;
    font-weight:750!important;
    letter-spacing:.025em!important;
    line-height:1.3!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings{
    display:grid!important;
    grid-template-columns:minmax(190px,38%) minmax(0,1fr)!important;
    column-gap:1.15rem!important;
    row-gap:0!important;
    width:100%!important;
    margin:0!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings>dt,
.mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings>dd{
    box-sizing:border-box!important;
    float:none!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:.7rem .08rem!important;
    border-bottom:1px solid color-mix(in srgb,var(--mp-border,#dbe4ec) 64%,transparent)!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings>dt{
    align-self:start!important;
    color:var(--mp-text,var(--body-text,#334155))!important;
    font-weight:650!important;
    line-height:1.35!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings>dt strong{
    font-weight:680!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings>dt .smalltext{
    display:inline-block!important;
    max-width:390px!important;
    margin-top:.16rem!important;
    color:var(--mp-muted-text,#66788a)!important;
    font-size:.75rem!important;
    font-weight:400!important;
    line-height:1.4!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings>dd{
    display:flex!important;
    align-items:center!important;
    align-self:stretch!important;
    justify-content:flex-start!important;
    gap:.5rem!important;
    flex-wrap:wrap!important;
    overflow:visible!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings :is(select,input[type="text"],input[type="number"],input[type="url"],input[type="time"],input[type="email"],input[type="password"],input[type="date"],input[type="datetime-local"],input[type="month"]){
    box-sizing:border-box!important;
    width:min(100%,380px)!important;
    max-width:100%!important;
    min-height:40px!important;
    margin:0!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings input[type="checkbox"]{
    width:20px!important;
    height:20px!important;
    margin:.1rem 0!important;
    accent-color:var(--mp-accent,var(--primary-color,#1766a6))
}
.mp-profile-takeover .mp-look-layout-theme-choice{
    justify-content:space-between!important
}
.mp-profile-takeover .mp-look-layout-theme-name{
    min-width:0!important;
    overflow-wrap:anywhere!important;
    font-weight:700!important;
    color:var(--mp-text,var(--body-text,#334155))!important
}
.mp-profile-takeover .mp-look-layout-theme-choice .button{
    min-height:38px!important;
    margin:0!important;
    white-space:nowrap!important
}
.mp-profile-takeover .mp-look-layout-security{
    display:grid!important;
    grid-template-columns:minmax(190px,38%) minmax(0,1fr)!important;
    column-gap:1.15rem!important;
    width:auto!important;
    margin:.9rem 1.2rem 0!important;
    padding:.8rem .9rem!important;
    border:1px solid color-mix(in srgb,var(--mp-warning,#a85e0b) 24%,var(--mp-border,#dbe4ec))!important;
    border-radius:8px!important;
    background:color-mix(in srgb,var(--mp-warning,#a85e0b) 4%,var(--mp-card,#fff))!important
}
.mp-profile-takeover .mp-look-layout-security>dt,
.mp-profile-takeover .mp-look-layout-security>dd{
    float:none!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important
}
.mp-profile-takeover .mp-look-layout-security input[type="password"]{
    box-sizing:border-box!important;
    width:min(100%,380px)!important;
    min-height:40px!important
}
.mp-profile-takeover .mp-look-layout-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:1rem!important;
    margin-top:.95rem!important;
    padding:.78rem 1.2rem!important;
    border-top:1px solid var(--mp-border,var(--border-color,#dbe4ec))!important;
    background:color-mix(in srgb,var(--mp-card,var(--window-bg,#fff)) 96%,var(--mp-accent,var(--primary-color,#1766a6)) 4%)!important
}
.mp-profile-takeover .mp-look-layout-save-note{
    color:var(--mp-muted-text,#66788a)!important;
    font-size:.76rem!important;
    line-height:1.35!important
}
.mp-profile-takeover .mp-look-layout-actions .button{
    flex:0 0 auto!important;
    min-width:132px!important;
    min-height:40px!important;
    margin:0!important
}
.mp-profile-takeover .mp-native-settings-theme .mp-native-settings-messages .infobox,
.mp-profile-takeover .mp-native-settings-theme .mp-native-settings-messages .errorbox{
    margin:0 0 .8rem!important;
    border-radius:8px!important
}

@container (min-width:760px){
    .mp-profile-takeover .mp-look-layout-tabs{
        display:grid!important;
        grid-template-columns:190px minmax(0,1fr)!important;
        align-items:stretch!important
    }
    .mp-profile-takeover .mp-look-layout-tablist{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;
        flex-wrap:nowrap!important;
        overflow:visible!important;
        border-right:1px solid var(--mp-border,var(--border-color,#dbe4ec))!important;
        border-bottom:0!important
    }
    .mp-profile-takeover .mp-look-layout-tab{
        flex:0 0 auto!important;
        width:100%!important;
        text-align:left!important;
        white-space:normal!important
    }
}
@container (max-width:759px){
    .mp-profile-takeover .mp-look-layout-tablist{
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:stretch!important;
        gap:.3rem!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        padding:.5rem!important;
        border-right:0!important;
        border-bottom:1px solid var(--mp-border,var(--border-color,#dbe4ec))!important;
        scrollbar-width:thin!important;
        scroll-snap-type:x proximity!important
    }
    .mp-profile-takeover .mp-look-layout-tab{
        flex:0 0 auto!important;
        width:auto!important;
        min-width:118px!important;
        padding:.52rem .7rem!important;
        text-align:center!important;
        white-space:nowrap!important;
        scroll-snap-align:start!important
    }
    .mp-profile-takeover .mp-look-layout-tab[aria-selected="true"]{
        box-shadow:inset 0 -3px 0 var(--mp-accent,var(--primary-color,#1766a6)),0 2px 7px rgba(20,55,85,.04)!important
    }
    .mp-profile-takeover .mp-look-layout-panels{
        padding:.9rem .85rem 1rem!important
    }
    .mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings{
        grid-template-columns:1fr!important;
        column-gap:0!important
    }
    .mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings>dt{
        padding:.68rem 0 .22rem!important;
        border-bottom:0!important
    }
    .mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings>dd{
        padding:.1rem 0 .72rem!important
    }
    .mp-profile-takeover .mp-native-settings-theme .mp-look-layout-settings :is(select,input[type="text"],input[type="number"],input[type="url"],input[type="time"],input[type="email"],input[type="password"],input[type="date"],input[type="datetime-local"],input[type="month"]){
        width:100%!important
    }
    .mp-profile-takeover .mp-look-layout-security{
        grid-template-columns:1fr!important;
        gap:.45rem!important;
        margin:.8rem .85rem 0!important
    }
    .mp-profile-takeover .mp-look-layout-actions{
        align-items:stretch!important;
        flex-direction:column!important;
        padding:.72rem .85rem .85rem!important
    }
    .mp-profile-takeover .mp-look-layout-actions .button{
        width:100%!important
    }
}
@container (max-width:430px){
    .mp-profile-takeover .mp-look-layout-save-note{
        display:none!important
    }
    .mp-profile-takeover .mp-look-layout-tab{
        min-width:108px!important;
        font-size:.8rem!important
    }
}
@media(prefers-reduced-motion:reduce){
    .mp-profile-takeover .mp-look-layout-tab{transition:none!important}
}