/* Consistent desktop account panel throughout community pages. */
@media(min-width:1025px){
 .social-layout .social-sidebar.panel{padding:0!important;overflow:hidden;border:1px solid #ffffff18;border-radius:17px;background:#121b17;box-shadow:none}
 .social-layout .social-sidebar .social-cover{height:105px;min-height:105px;background-position:center;background-size:cover;border-radius:0;opacity:.85}
 .social-layout .social-sidebar .social-person{padding:0 18px 22px;text-align:center;border-bottom:1px solid #ffffff0e}
 .social-layout .social-sidebar .social-person>.social-avatar{width:65px;height:65px;margin:-32px auto 14px;position:relative;border:3px solid #121b17;border-radius:17px;box-shadow:0 6px 18px #0004;background:#243426}
 .social-layout .social-sidebar .social-person>.social-avatar img{width:100%;height:100%;object-fit:cover;border-radius:13px}
 .social-layout .social-sidebar .social-person h2{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.025em;color:#edf3ef}
 .social-layout .social-sidebar .social-person>p{margin:5px 0 18px;font-size:11px;line-height:1.5;color:#91a89a}
 .social-layout .social-sidebar .social-counts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 17px;padding:12px 0;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}
 .social-layout .social-sidebar .social-counts>b{font-size:17px;line-height:1.3;font-weight:600;padding:0;color:#e0ece3;border:0}
 .social-layout .social-sidebar .social-counts>b+ b{border-left:1px solid #ffffff12}
 .social-layout .social-sidebar .social-counts small{display:block;margin-top:4px;font-size:10px;font-weight:400;color:#8fa798}
 .social-layout .social-sidebar .social-mini-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 17px;min-height:0}
 .social-layout .social-sidebar .social-profile-button{display:flex;align-items:center;justify-content:center;min-height:38px;width:100%;padding:0 12px;box-sizing:border-box;margin:0;border:1px solid #5773494d;border-radius:7px;background:#21301e;color:#c6dfb4;font-size:11px;font-weight:550;box-shadow:none}
 .social-layout .social-sidebar .social-profile-button:hover{background:#314328;color:#e0f3cf}
 .social-layout .social-sidebar .social-menu{display:flex;flex-direction:column;gap:4px;padding:15px 12px;margin:0;background:transparent;border:0}
 .social-layout .social-sidebar .social-menu>a{display:flex;align-items:center;gap:11px;min-height:43px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#a6baac;font-size:12px;font-weight:500;box-shadow:none;transform:none}
 .social-layout .social-sidebar .social-menu>a>i{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#88a68f;box-shadow:none}
 .social-layout .social-sidebar .social-menu>a>i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
 .social-layout .social-sidebar .social-menu>a>span{flex:1}
 .social-layout .social-sidebar .social-menu>a>b{display:block;margin-left:auto;font-size:16px;font-weight:400;color:#657e6d}
 .social-layout .social-sidebar .social-menu>a.active{background:#aacd7420;border-color:#a5ce6938;color:#d3edb8}
 .social-layout .social-sidebar .social-menu>a.active>i,.social-layout .social-sidebar .social-menu>a.active>b{color:#bfdf91;background:transparent}
 .social-layout .social-sidebar .social-menu>a:hover{background:#ffffff05;color:#e0eddf;transform:none}
 .social-layout .social-sidebar .social-storage{position:relative;overflow:hidden;margin:0 14px 15px;padding:15px;border:1px solid #ffffff12;border-radius:9px;background:#0e1712;box-shadow:none}
 .social-layout .social-sidebar .social-storage:before,.social-layout .social-sidebar .social-storage:after{display:none}
 .social-layout .social-sidebar .social-storage>b{font-size:8px;font-weight:550;letter-spacing:.08em;color:#9bb0a1}
 .social-layout .social-sidebar .social-storage>p{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin:12px 0;font-size:12px}
 .social-layout .social-sidebar .social-storage strong{font-size:16px;font-weight:600;color:#deeadf}
 .social-layout .social-sidebar .social-storage small{font-size:9px;color:#839d8c;line-height:1.5}
 .social-layout .social-sidebar .social-storage .progress{height:4px;margin:0 0 10px;border-radius:5px;background:#2d3f31;overflow:hidden}
 .social-layout .social-sidebar .social-storage .progress>i{display:block;min-width:3px;height:100%;border-radius:5px;background:#a5d171;box-shadow:none}
 .social-layout .social-sidebar a:focus-visible{outline:2px solid #b8ff00;outline-offset:3px}
}

/* Match the community desktop canvas and keep active navigation legible. */
@media(min-width:1025px){
 .social-layout .social-sidebar .social-menu>a.active{background:#b8ff00!important;border-color:#b8ff00!important;color:#18260d!important}
 .social-layout .social-sidebar .social-menu>a.active>i,.social-layout .social-sidebar .social-menu>a.active>b{color:#253711!important;background:transparent!important}
 .social-layout .social-sidebar .social-menu>a.active>i svg{stroke:#253711!important;fill:none!important;opacity:1!important}
 .social-layout.social-notifications-layout.shell{width:min(1280px,calc(100% - 40px))!important;max-width:1280px!important;grid-template-columns:240px minmax(0,1fr) 280px!important;gap:20px!important;margin-left:auto;margin-right:auto}
 .social-notifications-layout>.social-sidebar,.social-notifications-layout>.social-right,.social-notifications-layout>.notifications-center{min-width:0}
}
@media(min-width:1025px) and (max-width:1150px){
 .social-layout.social-notifications-layout.shell{width:calc(100% - 32px)!important;grid-template-columns:220px minmax(0,1fr)!important}
 .social-notifications-layout>.social-right{display:none!important}
}
