/* CrewBid social model — shared responsive design tokens and screen layouts. */
:root{--crew-sky:#DDEEFF;--crew-surface:#fff;--crew-radius:18px}
.crew-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.app-body{background:#F5F7FB;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.app-body .app-layout{grid-template-columns:248px minmax(0,1fr)}
.app-body .app-sidebar{padding:28px 18px 20px;overflow:auto;scrollbar-width:thin;border-right:1px solid #e4ebf3}
.app-body .sidebar-brand{margin-bottom:34px;padding:0 10px}.app-body .brand-wordmark{font-size:29px;letter-spacing:-1.2px}
.app-body .sidebar-nav{gap:7px}.app-body .sidebar-nav a{padding:13px 15px;gap:16px;min-height:52px;font-size:15px;font-weight:500;color:#263e59;border-radius:12px}.app-body .sidebar-nav a.active{background:linear-gradient(100deg,#ddeeff,#eff5ff);color:#2457E8;font-weight:650;box-shadow:none}.app-body .sidebar-nav a:hover{background:#f0f5fb}.app-body .sidebar-nav a.active:hover{background:#ddeeff}
.app-body .crew-tools{margin-top:42px;border-top:1px solid #e1e7ef;padding-top:18px}.app-body .crew-tools summary{font-weight:500;font-size:14px}.app-body .sidebar-nav.secondary a,.app-body .sidebar-button{font-size:14px;min-height:44px}.app-body .sidebar-spacer{min-height:18px}
.app-body .sidebar-note{position:relative;isolation:isolate;margin:34px -18px -20px;padding:66px 22px 24px;border:0;border-radius:0;background:radial-gradient(ellipse at 12% 78%,#e3f1ff 0 28%,transparent 29%),radial-gradient(ellipse at 50% 95%,#eef6ff 0 40%,transparent 41%),radial-gradient(ellipse at 100% 65%,#e4f1ff 0 26%,transparent 27%);font-size:12px;white-space:nowrap}.app-body .sidebar-note strong,.app-body .sidebar-note span{display:inline;font-weight:600}.app-body .sidebar-note span:before{content:' '}
.app-body .app-topbar{height:80px;padding:0 32px;gap:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e4ebf3}.crew-global-search{display:flex;align-items:center;gap:12px;width:min(720px,75%);margin-right:auto;padding:0 12px 0 16px;border:1px solid #dce5ef;border-radius:13px;background:#f8fafd;color:#62748c;min-width:0;height:48px}.crew-global-search input{width:100%;min-width:0;border:0;background:transparent;font:inherit;font-size:14px;color:#10243A;outline:none}.crew-global-search:focus-within{outline:2px solid #2457E8;outline-offset:2px}.crew-global-search button{border:0;background:none;display:grid;place-items:center;width:44px;min-height:44px;color:#2457E8;cursor:pointer}.crew-notification-link{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;color:#526277}.app-body .app-user{gap:10px}.app-body .app-user-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:#ddeeff;color:#2457E8;display:grid;place-items:center;flex:none}.app-user-avatar img{width:100%;height:100%;object-fit:cover}.app-body .app-user-copy{display:none}
.app-body .app-content{width:100%;max-width:1600px;padding:36px 32px 76px;margin:0 auto;min-width:0}.app-body .app-page-head{margin:0 0 26px}.app-body .app-page-head .eyebrow{display:none}.app-body .app-page-head h1,.app-body .hub h1{font-size:clamp(30px,3.2vw,44px);font-weight:730;line-height:1.15;letter-spacing:-.045em;margin:0 0 10px;color:#10243A}.app-body .app-page-head p,.app-body .hub-head p{font-size:17px;line-height:1.5;margin:0;color:#62748c}.app-body .hub-head{margin-bottom:30px}.app-body .hub-head>.button{display:none}.app-body .hub-head .hub-kicker{display:none}
.app-body .button{border-radius:10px;min-height:46px;font-size:14px;font-weight:650}.app-body .button.secondary{color:#2457E8;border-color:#cdddf4;background:#f8fbff}.app-body .hub{max-width:none}.app-body .hub-card{border-radius:18px;border-color:#e1e8f1;padding:24px;box-shadow:0 4px 20px #10243a03}.app-body .hub h2{font-size:23px;line-height:1.3;font-weight:700;color:#10243A;letter-spacing:-.03em}.app-body .hub p{line-height:1.6}.app-body .hub-avatar{width:66px;height:66px;overflow:hidden;border-radius:50%;background:#e4efff;color:#2457E8}.hub-avatar img{width:100%;height:100%;object-fit:cover}.app-body .hub-identity{gap:16px}.app-body .hub-identity p{font-size:14px;line-height:1.5}.app-body .hub-role{font-size:11px!important;color:#77889f}.app-body .hub-grid{gap:20px}
.app-body .hub-banner{padding:30px 34px;border-radius:18px;margin-bottom:24px;min-height:192px;background:radial-gradient(ellipse at 100% 100%,#3764a2 0%,transparent 58%),linear-gradient(115deg,#10243A,#173c65);isolation:isolate}.app-body .hub-banner:after{content:'';position:absolute;z-index:-1;width:300px;height:300px;right:-70px;bottom:-160px;border:1px solid #749bd866;border-radius:50%;box-shadow:0 0 0 42px #749bd818,0 0 0 84px #749bd80c;transform:rotate(-25deg) scaleX(1.6)}.app-body .hub-banner h2{color:white;font-size:30px;margin:8px 0 10px;max-width:680px}.app-body .hub-banner p{color:#dbe8fa;margin:0 0 18px;max-width:620px}.app-body .hub-banner .hub-badge{font-size:10px;font-weight:700;letter-spacing:.12em;background:#ffffff15;color:#dceaff}.app-body .hub-controls{gap:16px;margin:22px 0}.app-body .hub-search{max-width:600px;flex:1;min-width:190px}.app-body .hub input,.app-body .hub textarea,.app-body .hub select{border-color:#d5dfec;border-radius:11px;font-size:14px;min-height:46px}.app-body .hub label{font-weight:600;font-size:14px}.app-body .hub-form{gap:20px}.app-body .hub textarea{resize:vertical}.app-body .hub .hub-check{font-weight:400;line-height:1.6}.app-body .hub-check input{accent-color:#2457E8;width:22px;min-height:22px;height:22px;flex:none}
.app-body .hub-discover .hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-body .hub-discover .hub-card{display:flex;flex-direction:column;padding:22px 18px}.app-body .hub-discover .hub-card h2{font-size:21px}.app-body .hub-discover .hub-card>p{font-size:14px;margin:0 0 14px}.app-body .hub-discover .hub-badge{background:#f0f5ff;align-self:start;font-size:12px;overflow-wrap:anywhere}.app-body .hub-discover .hub-actions{margin-top:auto;padding-top:20px}.app-body .hub-discover .hub-actions .button{width:100%;text-align:center}
.app-body .hub-communities .hub-controls{border-bottom:1px solid #dfe7f2;gap:22px;margin-bottom:24px}.app-body .hub-communities .hub-controls button{border:0;background:none;color:#667995;border-radius:0;border-bottom:3px solid transparent;padding:14px 10px}.app-body .hub-communities .hub-controls button[aria-pressed=true]{border-bottom-color:#2457E8;color:#2457E8}.app-body .hub-group-icon{border-radius:16px;width:64px;height:64px;background:#e6f1ff;margin-bottom:18px}.app-body .hub-communities .hub-card{position:relative;padding-left:110px;min-height:220px;display:flex;flex-direction:column;align-items:start}.app-body .hub-communities .hub-group-icon{position:absolute;top:28px;left:24px}.app-body .hub-communities .hub-card .hub-kicker{font-size:10px;margin-bottom:8px}.app-body .hub-communities .hub-card p{font-size:14px;margin:0 0 12px}.app-body .hub-communities .hub-actions{margin-top:auto}.app-body .hub-note{font-size:12px;color:#71839b}
.app-body .hub-inbox{background:white;border:1px solid #e1e8f1;border-radius:18px;overflow:hidden;grid-template-columns:300px minmax(0,1fr);gap:0;min-height:620px}.app-body .hub-inbox>aside{padding:20px 14px;border-right:1px solid #e5ebf3;min-width:0}.app-body .hub-inbox>article{border:0;box-shadow:none;border-radius:0;padding:24px;display:flex;flex-direction:column}.app-body .hub-inbox .hub-controls{margin-top:0}.app-body .hub-inbox>aside>a{display:block;font-size:13px;padding:18px 10px}.app-body .hub-thread{display:flex;align-items:center;gap:12px;padding:16px 10px;border:0;border-bottom:1px solid #edf1f7;border-radius:12px;margin:0 0 6px}.app-body .hub-thread .hub-avatar{width:44px;height:44px;font-size:18px}.hub-thread-copy{min-width:0;flex:1}.app-body .hub-thread strong{font-size:15px;margin-bottom:5px}.app-body .hub-thread small{font-size:12px}.app-body .hub-inbox article>.hub-identity{padding-bottom:18px;border-bottom:1px solid #e5ebf3}.app-body .hub-inbox h2{font-size:22px;margin-bottom:4px}.app-body .hub-inbox #chatState{font-size:13px;margin:0}.app-body .hub-inbox .hub-actions{margin:0}.app-body .hub-messages{flex:1;gap:18px;padding:20px 0;min-height:240px}.app-body .hub-message{padding:14px 18px;font-size:14px;line-height:1.5;border-radius:16px;background:#f1f5fa}.app-body .hub-message.mine{background:#ddeeff;color:#10243A}.app-body .hub-message time{font-size:10px;color:#62748c;opacity:1}.app-body #messageForm{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:20px}.app-body #messageForm textarea{min-height:54px;max-height:160px}.app-body #messageForm .button{min-height:54px}.app-body .hub-inbox .hub-empty{border:0;padding:26px 12px}.app-body .hub-inbox .hub-empty h2{font-size:18px}.app-body .hub-inbox .hub-empty p{font-size:13px}
.app-body .hub-profile .hub-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.25fr);gap:28px}.app-body .hub-profile-cover{height:168px;margin-bottom:-62px;border-radius:0;background:radial-gradient(ellipse at 85% 110%,#7197c3,transparent 70%),linear-gradient(125deg,#10243A,#2457E8);position:relative}.app-body .hub-profile-cover:after{content:'';position:absolute;width:280px;height:140px;border:1px solid #ffffff33;border-radius:50%;right:-80px;bottom:-30px;transform:rotate(-28deg)}.app-body .hub-profile-main{text-align:center;padding:0 24px 28px;position:relative}.app-body .hub-profile-main .hub-avatar{width:128px;height:128px;font-size:44px;border:6px solid white;margin:auto}.app-body .hub-profile-main h2{font-size:30px;margin:16px 0 8px}.app-body .hub-profile-main p{font-size:15px;margin:12px 0}.app-body .hub-profile-main .hub-badge{background:#e8f7ed;color:#126238;font-size:11px;padding:9px 12px;white-space:normal}.app-body .hub-profile-main .hub-actions{justify-content:center}.app-body .hub-profile-main .button{flex:1;white-space:normal}.app-body .hub-profile .hub-grid>article{padding:28px}.app-body .hub-profile .hub-grid>article>p{font-size:14px;margin:6px 0 24px}.app-body .hub-profile #socialProfileForm>.button{width:100%}
.app-body .community-layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px;justify-content:stretch;align-items:start}.app-body .community-main{grid-column:1;grid-row:1}.app-body .community-sidebar{display:block;grid-column:2;grid-row:1;position:sticky;top:104px}.crew-rail-card{padding:22px;background:white;border:1px solid #e1e8f1;border-radius:18px;margin-bottom:22px}.crew-rail-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.crew-rail-title h2{font-size:18px;margin:0;letter-spacing:-.02em}.crew-icon-tile{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#ddeeff;color:#2457E8}.crew-rail-card p{font-size:14px;color:#62748c;line-height:1.65}.crew-wide{display:flex;justify-content:center;text-align:center;width:100%;margin-top:18px}.crew-rail-link{display:flex;justify-content:space-between;font-size:14px;min-height:44px;align-items:center;color:#2457E8}.app-body .community-note{padding:0 16px}.app-body .community-note p{font-size:12px}.app-body .social-composer,.app-body .social-post{border-radius:18px;box-shadow:0 4px 20px #10243a03}.app-body .social-composer{padding:24px}.app-body .photo-picker{background:#edf4ff;color:#2457E8!important}.app-body .post-category{color:#2457E8;background:#edf4ff}.app-body .social-post .post-photo{padding:0 20px;background:white;border-radius:14px;max-height:560px;object-fit:contain}.app-body .social-replies{background:#fbfcff}.app-body .social-actions .button{min-height:44px}.app-body .composer-heading div span{font-size:14px}.app-body .social-composer textarea{background:#f8fafd;border:1px solid #e1e8f1}.app-body .feed-toolbar h2{font-size:18px}.app-body #socialGate,.app-body #hubGate{padding:48px;max-width:780px;margin:30px auto;border-radius:20px;background:white;border:1px solid #e1e8f1}
@media(min-width:1700px){.app-body .app-layout{grid-template-columns:280px minmax(0,1fr)}.app-body .app-sidebar{padding-left:24px;padding-right:24px}.app-body .sidebar-nav a{font-size:17px}.app-body .community-layout{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:1250px){.app-body .hub-discover .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-body .community-layout{grid-template-columns:minmax(0,1fr) 250px}.crew-rail-card{padding:18px}.app-body .hub-inbox{grid-template-columns:240px minmax(0,1fr)}.app-body .hub-communities .hub-card{padding:22px}.app-body .hub-communities .hub-group-icon{position:static}.app-body .app-content{padding-left:24px;padding-right:24px}}
@media(max-width:1080px){.app-body .community-layout{grid-template-columns:minmax(0,1fr)}.app-body .community-sidebar{grid-column:1;grid-row:2;position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.app-body .community-note{display:none}.app-body .hub-profile .hub-grid{grid-template-columns:1fr}.app-body .hub-profile .hub-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.app-body .hub-profile .hub-grid>div>.hub-card{margin-top:0!important}}
@media(max-width:900px){.app-body .app-layout{display:block}.app-body .app-topbar{display:none}.app-body .app-sidebar{display:none}.app-body .app-mobile-header{background:white;border-bottom:1px solid #e1e8f1}.app-body .app-content{padding:28px 20px 104px}.app-body .crew-bottom-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.app-body .crew-bottom-tabs .crew-icon{width:23px;height:23px}.app-body .hub-profile .hub-grid{grid-template-columns:minmax(250px,.85fr) minmax(0,1.25fr)}.app-body .hub-profile .hub-grid>div{display:block}.app-body .hub-profile .hub-grid>div>.hub-card+article{margin-top:20px!important}.app-body .hub-head p{font-size:15px}}
@media(max-width:700px){.app-body .hub-grid,.app-body .hub-discover .hub-grid,.app-body .hub-profile .hub-grid{grid-template-columns:1fr}.app-body .hub-inbox{grid-template-columns:1fr}.app-body .hub-inbox>aside{border-right:0;border-bottom:1px solid #e1e8f1}.app-body .hub-threads{max-height:220px}.app-body .hub-banner{padding:26px 22px}.app-body .hub-banner h2{font-size:26px}.app-body .hub-banner p{font-size:14px}.app-body .hub-inbox>article{padding:20px}.app-body .hub-controls select{max-width:100%}.app-body .hub-profile .hub-grid>article{padding:22px}.app-body .community-sidebar{grid-template-columns:1fr}.app-body .app-content{padding-left:16px;padding-right:16px}.app-body .social-composer{padding:18px}.app-body .social-post .post-photo{padding:0 14px}.app-body #socialGate,.app-body #hubGate{padding:28px}.app-body .hub-profile-main .hub-avatar{width:112px;height:112px}.app-body .hub-empty{padding:28px 18px}.app-body .hub-head{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}