/* Facebook-inspired navigation architecture, using XTURK's own identity. */
.portal-layout{--bg:#f0f2f5;--ink:#25272b;--muted:#6b7079;--line:#e1e4e8;background:var(--bg)}
.portal-layout .card{border-radius:10px;border:1px solid #e1e4e8;box-shadow:0 1px 2px #00000008}
.portal-layout .btn{border-radius:7px}
.portal-layout .page-head h1{font-size:28px;font-weight:700}
.portal-topbar.topbar{height:64px;background:white;color:var(--ink);padding:0 20px 0 14px;box-shadow:0 1px 5px #00000016;gap:10px;z-index:50}
.portal-brand{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--orange);border-radius:50%;flex-shrink:0}
.portal-brand img{width:36px;height:36px}
.portal-topbar.topbar .searchbox{background:#f0f2f5;border-radius:24px;height:42px;width:220px;max-width:220px;padding:0 10px;margin:0}
.portal-topbar.topbar .searchbox input{height:42px;color:var(--ink);font-size:14px;width:100%}
.portal-topbar.topbar .searchbox input::placeholder{color:#737780}
.portal-topbar .searchbox .icon-btn{color:#6b7079}
.portal-topnav{display:flex;align-self:stretch;justify-content:center;gap:8px;flex:1;max-width:650px;margin:auto}
.portal-topnav a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:56px;max-width:112px;color:#72777e;border-bottom:3px solid transparent;margin-top:4px;border-radius:7px 7px 0 0}
.portal-topnav a:hover{background:#f0f2f5}
.portal-topnav a.active{color:var(--orange);border-color:var(--orange)}
.portal-topnav .icon{width:26px;height:26px;stroke-width:2}
.portal-topbar .top-actions{margin:0;padding:0;gap:9px}
.portal-topbar .top-actions>.icon-btn{background:#e9ebef;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#32363c;position:relative}
.portal-account{display:flex;margin-left:3px}.portal-account .avatar{width:40px;height:40px}
.portal-sidebar.sidebar{top:64px;width:280px;bottom:0;padding:0;background:white;border-right:1px solid #e1e4e8;z-index:44;visibility:visible;overflow:hidden;box-shadow:none;transform:none;transition:transform .18s ease}
.portal-sidebar.portal-home{background:var(--bg);border-right:0}
.portal-side-head{display:flex;gap:12px;align-items:center;padding:22px 16px 12px;min-height:72px}
.portal-side-head h2{font-size:23px;font-weight:750;line-height:1.3;overflow-wrap:anywhere;min-width:0;margin:0}
.portal-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#eceef1}
.portal-back .icon{width:18px;transform:rotate(180deg)}
.portal-close{display:none;margin-left:auto}
.portal-sidebar .nav-scroll{padding:0 10px 16px;scrollbar-width:none;overflow-y:auto;overflow-x:hidden}
.portal-sidebar .nav-scroll::-webkit-scrollbar{display:none}
.portal-link{display:flex;align-items:center;gap:12px;min-height:50px;padding:8px;border-radius:8px;margin:3px 0;width:100%;font-size:14px;font-weight:600;text-align:left;color:#30343b;line-height:1.35}
.portal-link>span:last-child{min-width:0;overflow-wrap:anywhere}
.portal-link:hover,.portal-shortcut:hover,.portal-profile:hover{background:#e8eaee}
.portal-link.active{background:#fff0ea;color:#d94a2a}
.portal-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eceef1;flex-shrink:0;color:#545b66}
.portal-icon .icon{width:21px;height:21px;stroke-width:2}
.portal-link.active .portal-icon{background:var(--orange);color:white}
.portal-home .tone-users{color:#2192b5;background:#dff1f5}.portal-home .tone-chart{color:#c38024;background:#fff0d6}.portal-home .tone-flag{color:#df653e;background:#ffebe3}.portal-home .tone-bookmark{color:#8b59b6;background:#f0e5fb}.portal-home .tone-shop{color:#23947e;background:#dcf3ed}.portal-home .tone-message{color:#4b7cce;background:#e2ebfc}.portal-home .tone-calendar{color:#ca536c;background:#fbe6eb}
.portal-profile{display:flex;align-items:center;gap:12px;padding:10px 8px;margin-bottom:8px;border-radius:8px;font-weight:650;font-size:14px}
.portal-profile small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}
.portal-create{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;background:#fff0ea;color:#d94a2a;width:calc(100% - 12px);margin:16px 6px;padding:11px;font-size:13px;font-weight:700}
.portal-create:hover{background:#ffe1d6}.portal-create .icon{width:19px}
.portal-more>summary{display:flex;align-items:center;gap:13px;padding:13px 10px;font-weight:600;cursor:pointer;list-style:none;font-size:13px;border-radius:7px}
.portal-more>summary::-webkit-details-marker{display:none}.portal-more>summary:hover{background:#e8eaee}.portal-more>summary .icon{width:25px;color:#72777e}
.portal-divider{border-top:1px solid var(--line);margin:14px 6px}
.portal-shortcuts{border-top:1px solid var(--line);margin:18px 6px 0;padding-top:14px}
.portal-shortcuts h3{color:var(--muted);font-size:14px;font-weight:650;margin:0 0 9px}
.portal-shortcuts p,.portal-shortcuts small{font-size:12px;line-height:1.6;color:var(--muted)}
.portal-shortcut{display:flex;align-items:center;gap:10px;padding:8px 4px;font-size:13px;font-weight:500;border-radius:6px}
.portal-shortcut-art{display:flex;align-items:center;justify-content:center;background:#e4e7ed;color:#7c5ac2;width:33px;height:33px;border-radius:7px;overflow:hidden;flex-shrink:0}
.portal-shortcut-art img{width:100%;height:100%;object-fit:cover}.portal-shortcut-art .icon{width:19px}
.portal-footer{padding:22px 9px 6px;font-size:11px;color:#81858e}.portal-footer button,.portal-footer>a{display:block;font-size:12px;margin-top:8px;color:#656b75}
.portal-layout .main{width:calc(100% - 280px);max-width:1600px;margin:0 0 0 280px;padding:92px 36px 60px;min-height:100vh}
.portal-layout .feed-layout{grid-template-columns:minmax(0,680px) minmax(240px,300px);justify-content:center;gap:32px}
.portal-layout .feed-layout>.left-widgets{display:none}
.portal-layout .feed-masonry{grid-template-columns:minmax(0,1fr) 280px}
.portal-layout .feed-center{width:100%}
.portal-layout .right-widgets{position:sticky;top:90px}
.portal-layout .right-widgets>.promo{display:none}
.portal-layout .right-widgets .card{background:transparent;border:0;box-shadow:none}
.portal-layout .right-widgets .card-title{padding:12px 0;font-size:16px;color:#70757d;border-bottom:1px solid #dddfe4}
.portal-layout .right-widgets .person{padding:15px 0;min-height:76px}.portal-layout .right-widgets .mini-listing{padding:15px 0}
.portal-layout .right-widgets .name{font-size:13px;color:#333941}
.portal-layout .contact-rail{display:none}
.portal-layout .profile-columns{grid-template-columns:260px minmax(0,1fr)}
.portal-layout .profile-timeline .right-widgets{display:none}
.portal-layout .menu-scrim{inset:64px 0 0;height:calc(100dvh - 64px)}
.portal-layout.menu-open .menu-scrim{display:none}
.portal-layout #chat-dock{right:24px}
.portal-layout .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.portal-layout .community-card .community-cover{height:160px}
.portal-layout .filter-bar{gap:20px;flex-wrap:wrap}
@media(min-width:1800px){.portal-sidebar.sidebar{width:310px}.portal-layout .main{width:calc(100% - 310px);margin-left:310px}.portal-topbar.topbar .searchbox{width:240px;max-width:240px}}
@media(max-width:1399px){.portal-layout .main{padding-left:24px;padding-right:24px}.portal-layout .feed-layout{grid-template-columns:minmax(0,680px)}.portal-layout .feed-layout>.right-widgets{display:none}.portal-layout .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-topnav{gap:3px}.portal-topnav a{min-width:45px}}
@media(max-width:1050px){.portal-layout .main{width:100%;margin:0;padding:90px 24px 40px;max-width:none}.portal-sidebar.sidebar{transform:translateX(-100%);visibility:hidden;width:280px;max-width:calc(100vw - 40px)}.portal-sidebar.sidebar.open{visibility:visible;transform:translateX(0);box-shadow:8px 0 30px #00000020}.portal-topbar .mobile-menu{display:flex;align-items:center;justify-content:center;color:#515761;width:36px;flex-shrink:0}.portal-close{display:flex;color:#777}.portal-layout.menu-open .menu-scrim{display:block}.portal-layout.menu-open{overflow:hidden}.portal-topbar.topbar .searchbox{width:180px;max-width:180px}.portal-topnav a{min-width:38px}.portal-layout .profile-columns{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:760px){.portal-topbar.topbar{padding:0 10px;height:60px;gap:6px}.portal-topnav{display:none}.portal-topbar.topbar .searchbox{position:static;inset:auto;flex:1;max-width:none;width:auto;min-width:0;height:36px}.portal-topbar.topbar .searchbox input{display:block;height:36px;font-size:12px;min-width:0}.portal-topbar .searchbox .icon-btn{display:none}.portal-brand{width:35px;height:35px}.portal-brand img{width:30px}.portal-topbar .top-actions{gap:5px}.portal-topbar .top-actions>.icon-btn{width:32px;height:32px}.portal-topbar .top-actions .icon{width:19px}.portal-account{margin:0}.portal-account .avatar{width:32px;height:32px;font-size:11px}.portal-sidebar.sidebar{top:60px}.portal-layout .menu-scrim{inset:60px 0 0;height:calc(100dvh - 60px)}.portal-layout .main{padding:80px 14px 35px;width:100%;margin:0}.portal-layout .grid{grid-template-columns:1fr}.portal-layout .profile-columns{grid-template-columns:1fr}.portal-layout .feed-masonry .masonry{column-count:1}.portal-layout .page-head{gap:16px;align-items:flex-start;flex-wrap:wrap}.portal-layout .page-head>.row{flex-wrap:wrap}.portal-layout .page-head h1{font-size:24px}.portal-layout .live-inbox{grid-template-columns:1fr}.portal-layout .profile-header .profile-heading>.row{flex-wrap:wrap}.portal-layout #chat-dock{right:8px}.portal-layout .feed-layout{gap:18px}}
@media(max-width:380px){.portal-topbar .searchbox{padding:0 6px!important}.portal-topbar .mobile-menu{width:29px;padding:3px}.portal-topbar .portal-brand{width:30px;height:30px}.portal-topbar .portal-brand img{width:26px}.portal-topbar .top-actions{gap:3px}.portal-layout .main{padding-left:10px;padding-right:10px}.portal-topbar .top-actions>.icon-btn{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.portal-sidebar.sidebar{transition:none}}