:root{--ink:#10243a;--muted:#657386;--line:#dfe7e5;--bg:#f3f7f6;--card:#fff;--primary:#0a936c;--primary-dark:#087657;--primary-soft:#e8f5f1;--navy:#092844;--teal:#0aa477;--blue:#174d78;--danger:#d94348;--warn:#d99b21;--shadow:0 14px 34px rgba(9,40,68,.09);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Instrument Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.brand{display:flex;align-items:center;gap:10px;font-family:'Instrument Sans',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#123f68,#0a936c);color:#fff;font-weight:800;box-shadow:0 6px 15px rgba(10,147,108,.22)}.brand.compact{font-size:19px}.public-nav{height:82px;display:flex;align-items:center;justify-content:space-between}.public-nav-actions{display:flex;gap:10px}.btn{border:0;border-radius:10px;padding:11px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease}.btn svg{width:18px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 7px 18px rgba(10,147,108,.20)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink)}.btn-white{background:#fff;color:var(--primary)}.btn-lg{padding:14px 20px;border-radius:12px}.btn-full{width:100%}.hero{min-height:635px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:54px;padding-top:42px;padding-bottom:74px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--primary-soft);color:var(--primary);padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.eyebrow svg{width:14px}.hero h1{font-family:'Instrument Sans',sans-serif;font-size:clamp(48px,5.7vw,74px);line-height:.99;letter-spacing:-3.4px;margin:20px 0 22px;max-width:680px}.hero h1 span{color:var(--primary)}.hero-copy>p{font-size:18px;line-height:1.72;color:var(--muted);max-width:630px}.hero-actions{display:flex;gap:12px;margin-top:29px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:32px}.hero-proof p{font-size:13px;line-height:1.35;margin:0}.hero-proof span{color:var(--muted)}.avatar-stack{display:flex}.avatar-stack span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#222b3a;color:#fff;border:3px solid #fff;font-size:9px;font-weight:800;margin-left:-8px}.avatar-stack span:first-child{margin-left:0;background:#0a936c}.avatar-stack span:nth-child(2){background:#20b486}.avatar-stack span:nth-child(3){background:#e67e4d}.avatar-stack span:last-child{background:#fff;color:var(--muted);border-color:#edf0f4}.hero-visual{position:relative;min-width:0}.visual-glow{position:absolute;inset:10% 6%;background:radial-gradient(circle,#bce7d8 0,rgba(127,215,187,.34) 35%,rgba(127,215,187,0) 70%);filter:blur(24px)}.mock-window{position:relative;background:#fff;border:1px solid #e2e5ee;border-radius:20px;box-shadow:0 30px 80px rgba(9,40,68,.20);overflow:hidden;transform:rotate(1deg)}.mock-topbar{height:37px;background:#f9fafc;border-bottom:1px solid #edf0f4;display:flex;align-items:center;gap:5px;padding:0 13px}.mock-topbar span{width:7px;height:7px;border-radius:50%;background:#d0d4dd}.mock-content{height:414px;display:grid;grid-template-columns:82px 1fr 124px;background:#f5f6f8}.mock-sidebar{background:#fff;border-right:1px solid #eaedf1;padding:18px 12px}.mock-logo{height:22px;width:22px;background:var(--primary);border-radius:7px;margin:0 auto 28px}.mock-line{height:7px;border-radius:9px;background:#e5e8ee;margin:15px 0}.mock-line.active{background:#b8dfd1}.mock-line.short{width:70%}.mock-feed{padding:17px 12px}.mock-card{background:#fff;border:1px solid #e7e9ee;border-radius:11px;padding:12px;margin-bottom:10px}.mock-compose{display:flex;gap:9px;align-items:center}.mock-avatar{width:28px;height:28px;border-radius:50%;background:#f1bb71;flex:0 0 auto}.mock-avatar.purple{background:#7fbea8}.mock-avatar.teal{background:#6cc8a8}.mock-input{height:20px;border-radius:12px;background:#f0f2f6;flex:1}.mock-person{display:flex;gap:8px}.mock-name{height:7px;width:70px;background:#d9dce3;border-radius:5px;margin:5px 0}.mock-meta{height:5px;width:50px;background:#eef0f3;border-radius:5px}.mock-text{height:6px;background:#e4e7eb;border-radius:5px;margin-top:13px}.w90{width:90%}.w70{width:70%}.w55{width:55%}.mock-media{height:115px;background:linear-gradient(145deg,#1a2141,#0a765d);border-radius:9px;margin-top:12px;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:center}.mock-media span{font-size:7px;letter-spacing:1px;opacity:.7}.mock-media strong{font-size:16px;margin-top:5px}.mock-reactions{height:7px;width:48%;margin-top:10px;background:#eef0f3;border-radius:5px}.mock-card.mini{height:90px}.mock-right{padding:17px 10px 0 0}.mock-right .mock-card{height:166px}.mock-title{height:8px;background:#dfe2e8;width:70%;border-radius:4px;margin-bottom:14px}.mock-suggestion{height:27px;background:#f0f2f5;border-radius:6px;margin:8px 0}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-17px;margin-bottom:105px}.feature-strip article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;display:flex;gap:15px;box-shadow:0 10px 35px rgba(20,30,50,.04)}.feature-strip article>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex:0 0 auto}.feature-strip svg{width:20px}.feature-strip h3{font-size:15px;margin:1px 0 6px}.feature-strip p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.community-section{padding-bottom:110px}.section-heading{text-align:center;max-width:750px;margin:0 auto 46px}.section-heading h2{font-family:'Instrument Sans',sans-serif;font-size:42px;letter-spacing:-1.8px;margin:16px 0 12px}.section-heading p{color:var(--muted);font-size:17px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;padding:26px;border:1px solid var(--line);border-radius:16px}.icon-box{width:46px;height:46px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.icon-box svg{width:21px}.feature-card h3{margin:19px 0 9px}.feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.cta-section{margin-bottom:80px;background:linear-gradient(135deg,#0a3152,#0aa477);border-radius:25px;padding:56px 64px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow.light{background:rgba(255,255,255,.15);color:#fff}.cta-section h2{font:800 45px/1.1 'Instrument Sans',sans-serif;letter-spacing:-1.8px;margin:15px 0 8px}.cta-section p{margin:0;color:rgba(255,255,255,.78)}.public-footer{height:100px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.public-footer p{font-size:12px;color:var(--muted)}
/* App */.app-view{min-height:100vh;background:#f4f6f8}.app-header{height:66px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.app-header-inner{width:min(1320px,calc(100% - 32px));height:100%;margin:auto;display:grid;grid-template-columns:230px minmax(240px,550px) 1fr;align-items:center;gap:22px}.global-search-wrap,.network-search,.conversation-search{position:relative}.global-search-wrap svg,.network-search svg,.conversation-search svg{position:absolute;width:17px;left:14px;top:50%;transform:translateY(-50%);color:#8790a2}.global-search-wrap input,.network-search input,.conversation-search input{width:100%;border:1px solid transparent;background:#f2f4f7;border-radius:10px;padding:11px 14px 11px 40px;outline:none}.global-search-wrap input:focus,.network-search input:focus,.conversation-search input:focus{background:#fff;border-color:#a9d7c6;box-shadow:0 0 0 3px #e8f5f1}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;position:relative}.icon-btn{width:40px;height:40px;border:0;background:transparent;border-radius:10px;display:grid;place-items:center;color:#596376;position:relative}.icon-btn:hover{background:#f3f5f7}.icon-btn svg{width:20px}.notification-dot{position:absolute;width:8px;height:8px;background:#f05252;border:2px solid white;border-radius:50%;right:7px;top:7px}.profile-menu-btn{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:10px}.profile-menu-btn:hover{background:#f4f5f7}.profile-menu-btn>svg{width:15px;color:#8790a2}.profile-menu-btn>span:nth-child(2){font-size:13px;font-weight:700}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#123f68,#0aa477);color:white;display:grid;place-items:center;font-weight:800;font-size:12px;overflow:hidden;object-fit:cover;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:34px;height:34px;font-size:10px}.avatar-lg{width:88px;height:88px;font-size:23px;border:4px solid #fff;box-shadow:0 4px 13px rgba(0,0,0,.08)}.dropdown{position:absolute;right:0;top:49px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px;min-width:175px;box-shadow:var(--shadow)}.dropdown button{display:flex;width:100%;gap:9px;align-items:center;border:0;background:none;padding:10px;border-radius:8px;color:#384255;font-size:13px}.dropdown button:hover{background:#f5f6f8}.dropdown svg{width:17px}.dropdown hr{border:0;border-top:1px solid var(--line);margin:5px}.app-shell{width:min(1320px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:220px minmax(0,680px) 300px;gap:24px;padding:25px 0 70px}.left-sidebar,.right-sidebar{position:sticky;top:91px;height:fit-content}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav button{width:100%;border:0;background:transparent;border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:12px;color:#596376;font-size:14px;font-weight:600;text-align:left}.side-nav button:hover{background:#e9ecf0}.side-nav button.active{background:#e5f3ee;color:var(--primary);font-weight:800}.side-nav svg{width:20px}.side-nav span{flex:1}.count-badge{min-width:20px;height:20px;border-radius:10px;padding:0 6px;background:var(--primary);color:#fff;font-size:10px;display:grid;place-items:center}.sidebar-card{margin-top:25px;border-radius:15px;background:linear-gradient(145deg,#092844,#0b4d55);padding:20px;color:#fff}.mini-label{font-size:9px;letter-spacing:1px;color:#7fcbb0;font-weight:800}.sidebar-card h4{margin:10px 0 7px;font-size:16px}.sidebar-card p{font-size:12px;line-height:1.6;color:#c1d1d6;margin:0 0 15px}.sidebar-footer{color:#9aa2b1;font-size:10px;line-height:1.7;margin:18px 9px}.page{display:none}.page.active{display:block}.card{background:#fff;border:1px solid var(--line);border-radius:14px}.composer{padding:15px 17px}.composer-top{display:flex;gap:11px;align-items:center}.composer-top button{height:43px;flex:1;border:1px solid #e4e7ec;background:#f7f8fa;color:#8a93a2;border-radius:22px;text-align:left;padding:0 16px;font-size:13px}.composer-top button:hover{background:#f1f3f6}.composer-actions{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #edf0f3;margin-top:13px;padding-top:10px}.composer-actions button{border:0;background:none;padding:7px;color:#697386;font-size:12px;font-weight:650;display:flex;gap:7px;align-items:center;justify-content:center;border-radius:8px}.composer-actions button:hover{background:#f4f5f7}.composer-actions svg{width:16px}.composer-actions button:nth-child(1) svg{color:#d99b21}.composer-actions button:nth-child(2) svg{color:#538ee8}.composer-actions button:nth-child(3) svg{color:#27a674}.composer-actions button:nth-child(4) svg{color:#8a62d6}.feed-filter{display:flex;gap:16px;border-bottom:1px solid #e2e5e9;margin:16px 0}.feed-filter button{border:0;background:none;padding:9px 1px 12px;color:#7c8595;font-size:13px;font-weight:700;position:relative}.feed-filter button.active{color:var(--ink)}.feed-filter button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--primary)}.feed-list{display:flex;flex-direction:column;gap:12px}.loading-card{height:150px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted)}.spinner{width:23px;height:23px;border:3px solid #e1e4e9;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.post-card{padding:18px}.post-head{display:flex;justify-content:space-between;gap:10px}.post-author{display:flex;gap:11px;align-items:center}.post-author strong{font-size:13px;display:flex;align-items:center;gap:5px}.verified{color:var(--primary);width:14px}.post-author p{font-size:11px;color:#8992a1;margin:3px 0 0}.post-more{border:0;background:none;color:#8d95a3}.post-more svg{width:19px}.post-body{font-size:14px;line-height:1.68;margin:15px 0;white-space:pre-wrap;word-break:break-word}.post-tag{display:inline-flex;margin-top:2px;padding:5px 8px;border-radius:7px;background:#e8f5f1;color:var(--primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.post-stats{display:flex;justify-content:space-between;color:#8b93a2;font-size:11px;padding:5px 1px 10px}.post-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;padding:4px 0}.post-actions button{border:0;background:none;border-radius:7px;padding:8px;color:#697386;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:7px}.post-actions button:hover{background:#f5f6f8}.post-actions button.liked{color:var(--primary)}.post-actions svg{width:16px}.comments-area{padding-top:12px}.comment-compose{display:flex;gap:8px}.comment-compose .avatar{width:31px;height:31px;font-size:9px}.comment-compose form{display:flex;flex:1;gap:7px}.comment-compose input{flex:1;background:#f4f6f8;border:1px solid transparent;border-radius:18px;padding:8px 12px;font-size:12px;outline:none}.comment-compose input:focus{background:#fff;border-color:#a9d7c6}.comment-compose button{width:31px;height:31px;border:0;background:var(--primary);color:#fff;border-radius:50%;display:grid;place-items:center}.comment-compose button svg{width:14px}.comments-list{display:flex;flex-direction:column;gap:9px;margin-top:10px}.comment{display:flex;gap:8px}.comment .avatar{width:30px;height:30px;font-size:8px}.comment-bubble{background:#f4f6f8;border-radius:11px;padding:8px 11px;max-width:85%}.comment-bubble strong{font-size:11px}.comment-bubble p{font-size:11.5px;margin:3px 0;line-height:1.5}.comment-bubble span{font-size:9px;color:#9ba2ae}.right-card{padding:17px;margin-bottom:15px}.card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.right-card h3{font-size:13px;margin:0 0 10px}.card-title-row h3{margin:0}.card-title-row button{border:0;background:none;color:var(--primary);font-size:10px;font-weight:700}.suggestion{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f0f1f3}.suggestion:last-child{border-bottom:0}.suggestion .avatar{width:36px;height:36px;font-size:9px}.suggestion-info{min-width:0;flex:1}.suggestion-info strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-info span{font-size:9px;color:#8a93a2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.connect-mini{border:1px solid #d8d5ff;background:#fff;color:var(--primary);width:27px;height:27px;border-radius:8px;display:grid;place-items:center}.connect-mini svg{width:13px}.trending-item{padding:9px 0;border-bottom:1px solid #f0f1f3}.trending-item:last-child{border-bottom:0}.trending-item span{display:block;font-size:11px;font-weight:700}.trending-item strong{font-size:9px;color:#969eaa;font-weight:500}.setup-banner{border:1px solid #cce7de;background:#eaf6f2;border-radius:12px;padding:11px 13px;margin-bottom:12px;display:flex;align-items:center;gap:10px;color:#176a54}.setup-banner>svg{width:19px}.setup-banner div{flex:1}.setup-banner strong{font-size:12px}.setup-banner p{font-size:10px;margin:2px 0 0;color:#568376}.setup-banner button{border:0;background:#fff;color:var(--primary);font-size:10px;font-weight:700;border-radius:7px;padding:7px 10px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin:3px 0 18px}.page-heading h1,.messages-head h1{font:800 25px/1.1 'Instrument Sans',sans-serif;margin:0}.page-heading p,.messages-head p{color:var(--muted);font-size:12px;margin:6px 0 0}.tabs{display:flex;gap:7px;margin-bottom:13px}.tabs button{border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:9px;color:#6f7889;font-size:11px;font-weight:700}.tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}.network-search{padding:11px;margin-bottom:14px}.network-search svg{left:24px}.network-search input{background:#f7f8f9;padding-left:40px}.member-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.member-card{padding:17px;position:relative}.member-top{display:flex;gap:12px}.member-card .avatar{width:52px;height:52px;font-size:13px}.member-info{min-width:0}.member-info h3{font-size:13px;margin:4px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-info .username{font-size:9px;color:#959dab}.member-info .headline{font-size:10px;color:#737d8e;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-bio{font-size:10.5px;color:#747e8f;line-height:1.5;height:45px;overflow:hidden;margin:13px 0}.interest-row{display:flex;flex-wrap:wrap;gap:5px;min-height:22px}.interest-chip{font-size:8px;padding:4px 6px;background:#f2f3f6;border-radius:6px;color:#687286}.member-actions{display:flex;gap:6px;margin-top:13px}.member-actions button{flex:1;font-size:10px;padding:8px;border-radius:8px}.btn-outline{border:1px solid #d9dce4;background:#fff;color:#536071}.btn-soft{border:0;background:#e8f5f1;color:var(--primary)}.request-card{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:15px}.request-card .avatar{width:47px;height:47px}.request-info{flex:1}.request-info h3{font-size:13px;margin:0 0 3px}.request-info p{font-size:10px;color:var(--muted);margin:0}.request-actions{display:flex;gap:6px}.empty-state{grid-column:1/-1;padding:52px 25px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px}.empty-icon{width:55px;height:55px;border-radius:50%;margin:0 auto 14px;background:#e8f5f1;color:var(--primary);display:grid;place-items:center}.empty-icon svg{width:25px}.empty-state h3{margin:0 0 6px;font-size:15px}.empty-state p{font-size:11px;color:var(--muted);margin:0 auto;max-width:350px;line-height:1.6}.messages-layout{min-height:670px;display:grid;grid-template-columns:250px 1fr;overflow:hidden}.conversation-list-pane{border-right:1px solid var(--line);display:flex;flex-direction:column}.messages-head{padding:18px 16px 10px;display:flex;justify-content:space-between;align-items:start}.messages-head h1{font-size:20px}.conversation-search{padding:0 11px 10px}.conversation-search svg{left:23px;width:14px}.conversation-search input{font-size:10px;padding:9px 10px 9px 34px}.conversation-list{overflow:auto}.conversation-item{width:100%;border:0;border-top:1px solid #f2f3f5;background:#fff;padding:12px;display:flex;text-align:left;gap:8px;align-items:center}.conversation-item:hover,.conversation-item.active{background:#f5f5ff}.conversation-item .avatar{width:38px;height:38px;font-size:9px}.conversation-copy{min-width:0;flex:1}.conversation-copy strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-copy p{font-size:9px;color:#8e96a4;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-pane{display:flex;min-width:0}.chat-empty{margin:auto;text-align:center;padding:25px}.chat-empty h2{font-size:17px;margin:0 0 6px}.chat-empty p{font-size:11px;color:var(--muted);margin:0 0 15px}.chat-window{display:flex;flex-direction:column;width:100%;height:668px}.chat-header{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.chat-header .avatar{width:38px;height:38px;font-size:9px}.chat-header strong{font-size:11px}.chat-header span{font-size:9px;color:#82909a;display:block;margin-top:2px}.chat-messages{flex:1;overflow:auto;padding:17px;display:flex;flex-direction:column;gap:7px}.message-bubble-wrap{display:flex}.message-bubble-wrap.mine{justify-content:flex-end}.message-bubble{max-width:78%;padding:9px 11px;border-radius:13px 13px 13px 4px;background:#f0f2f5;font-size:10.5px;line-height:1.5}.mine .message-bubble{background:var(--primary);color:#fff;border-radius:13px 13px 4px 13px}.message-bubble time{display:block;font-size:8px;opacity:.65;margin-top:3px}.chat-compose{padding:11px;border-top:1px solid var(--line);display:flex;gap:8px}.chat-compose textarea{height:41px;max-height:100px;resize:none;flex:1;border:1px solid #dfe2e7;border-radius:10px;padding:10px;outline:none;font-size:10.5px}.chat-compose textarea:focus{border-color:#8bc9b2}.chat-compose button{width:41px;border:0;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center}.chat-compose svg{width:17px}.profile-card{overflow:hidden}.profile-cover{height:150px;background:linear-gradient(130deg,#171c33,#164c71 50%,#0aa477);position:relative}.profile-cover:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.05);right:10%;top:-100px}.profile-main{padding:0 22px 22px}.profile-avatar-row{display:flex;justify-content:space-between;align-items:end;margin-top:-45px;position:relative}.profile-main-info{margin-top:14px}.profile-main-info h1{font:800 24px 'Instrument Sans',sans-serif;margin:0}.profile-main-info .username{font-size:11px;color:#9299a6}.profile-main-info .headline{font-size:13px;margin:7px 0 0}.profile-main-info .company{font-size:11px;color:var(--muted);margin:4px 0}.profile-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:11px;color:#7d8796;font-size:10px}.profile-meta span{display:flex;align-items:center;gap:4px}.profile-meta svg{width:13px}.profile-meta a{color:var(--primary)}.profile-bio{font-size:12px;line-height:1.65;margin:16px 0;color:#596477;max-width:600px}.profile-stats{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:15px}.profile-stats div strong{display:block;font-size:15px}.profile-stats div span{font-size:9px;color:#8a93a1}.profile-section-card{padding:18px;margin-top:12px}.profile-section-card h3{font-size:13px;margin:0 0 12px}.profile-posts{display:flex;flex-direction:column;gap:12px}.mobile-page-title,.mobile-nav,.mobile-search{display:none}
/* Modals */.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(15,20,32,.62);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modal{width:min(480px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.25);padding:26px;position:relative}.modal-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border:0;background:#f2f4f6;border-radius:9px;display:grid;place-items:center;color:#616b7a}.modal-close svg{width:18px}.auth-brand{justify-content:center;margin:4px 0 25px}.auth-panel h2{text-align:center;font:800 26px 'Instrument Sans',sans-serif;margin:0 0 7px}.auth-panel>p{text-align:center;font-size:12px;color:var(--muted);margin:0 0 20px}.auth-panel form,.profile-edit-modal form{display:flex;flex-direction:column;gap:13px}.modal label{font-size:10px;font-weight:750;color:#5e6878}.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:6px;border:1px solid #dfe2e8;background:#fff;border-radius:9px;padding:11px 12px;outline:none;font-size:12px;color:var(--ink)}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#8bc9b2;box-shadow:0 0 0 3px #e8f5f1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkbox-label{display:flex!important;align-items:flex-start;gap:8px!important;font-weight:500!important;line-height:1.45}.checkbox-label input{width:auto!important;margin:2px 0 0!important}.auth-switch{margin-top:18px!important}.auth-switch button{border:0;background:none;color:var(--primary);font-weight:700}.success-icon{width:65px;height:65px;border-radius:50%;margin:4px auto 15px;background:#e9fbf5;color:#20a778;display:grid;place-items:center}.success-icon svg{width:28px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-header h2{font:800 19px 'Instrument Sans',sans-serif;margin:0}.modal-header .modal-close{position:static}.post-modal textarea{height:185px;resize:none;border:0;padding:10px 1px;font-size:16px;line-height:1.55}.post-modal textarea:focus{box-shadow:none}.post-author-row{display:flex;gap:10px}.post-author-row select{padding:5px 7px;margin-top:3px;width:auto;border-radius:6px;font-size:9px}.post-form-footer{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;justify-content:space-between}.post-form-footer span{font-size:9px;color:#949ca8}.profile-edit-modal{width:min(600px,100%)}.profile-edit-modal textarea{height:90px;resize:vertical}.label-help{color:#9aa2ad;font-weight:500;margin-left:3px}.small-modal{width:min(420px,100%)}.modal-subtitle{font-size:11px;color:var(--muted);margin-top:-10px}.connection-picker{display:flex;flex-direction:column;gap:4px}.connection-pick{display:flex;align-items:center;gap:10px;border:0;background:#fff;padding:10px;border-radius:9px;text-align:left}.connection-pick:hover{background:#f5f6f8}.connection-pick .avatar{width:38px;height:38px;font-size:9px}.connection-pick strong{display:block;font-size:11px}.connection-pick span{font-size:9px;color:var(--muted)}.setup-modal ol{font-size:12px;color:#5f6979;line-height:1.7;padding-left:20px}.setup-modal>p{font-size:12px;line-height:1.65;color:#626d7e}.setup-modal code{background:#f0f1f4;padding:2px 5px;border-radius:4px}.setup-note{background:#eaf6f2;padding:11px;border-radius:9px;color:#176a54!important}.toast-root{position:fixed;z-index:200;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px}.toast{background:#151b28;color:#fff;border-radius:10px;padding:11px 14px;font-size:11px;box-shadow:0 12px 30px rgba(0,0,0,.2);display:flex;align-items:center;gap:9px;animation:toastIn .25s ease}.toast.error{background:#a83237}.toast.success{background:#18794e}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1120px){.app-shell{grid-template-columns:190px minmax(0,1fr);max-width:940px}.right-sidebar{display:none}.app-header-inner{max-width:940px;grid-template-columns:190px 1fr auto}.hero{gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.shell{width:min(100% - 28px,680px)}.public-nav{height:68px}.public-nav-actions .btn-ghost{display:inline-flex}.hero{grid-template-columns:1fr;padding-top:35px;min-height:0;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero h1{font-size:clamp(42px,12vw,62px);letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.hero-proof{text-align:left}.hero-visual{max-width:620px;width:100%;margin:auto}.feature-strip{grid-template-columns:1fr;margin-top:15px;margin-bottom:80px}.feature-grid{grid-template-columns:1fr}.community-section{padding-bottom:75px}.section-heading h2{font-size:35px}.cta-section{padding:40px 28px;flex-direction:column;text-align:center}.cta-section h2{font-size:36px}.public-footer{height:auto;padding:25px 0;flex-direction:column;gap:13px;text-align:center}.app-header{height:59px}.app-header-inner{width:calc(100% - 22px);display:flex;justify-content:space-between}.brand.compact span:last-child{display:none}.global-search-wrap{display:none}.mobile-search{display:grid}.profile-menu-btn>span:nth-child(2),.profile-menu-btn>svg{display:none}.app-shell{display:block;width:min(100% - 22px,680px);padding-top:13px}.left-sidebar{display:none}.main-content{padding-bottom:58px}.mobile-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;height:63px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:none;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;color:#7f8897}.mobile-nav svg{width:19px}.mobile-nav button.active{color:var(--primary)}.mobile-nav .mobile-create{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;margin:auto;box-shadow:0 7px 17px rgba(10,147,108,.28)}.mobile-nav .mobile-create svg{width:21px}.mobile-page-title{display:block;margin:2px 0 12px}.mobile-page-title h1{font:800 23px 'Instrument Sans',sans-serif;margin:0}.member-grid{grid-template-columns:1fr}.messages-layout{grid-template-columns:1fr;min-height:calc(100vh - 150px)}.conversation-list-pane{border-right:0}.chat-pane{display:none}.messages-layout.chat-open .conversation-list-pane{display:none}.messages-layout.chat-open .chat-pane{display:flex}.chat-window{height:calc(100vh - 145px)}.profile-cover{height:125px}.profile-main{padding:0 16px 18px}.profile-avatar-row{margin-top:-40px}.form-row{grid-template-columns:1fr}.composer-actions button{font-size:0}.composer-actions svg{width:18px}.post-card{padding:15px}.post-actions button{font-size:10px}.modal{padding:21px}.auth-modal{padding-top:25px}.dropdown{top:45px}.profile-stats{gap:18px}}@media(max-width:440px){.public-nav .brand{font-size:17px}.public-nav .btn-primary{padding:10px 12px;font-size:12px}.hero h1{font-size:43px}.hero-actions{width:100%;flex-direction:column}.hero-actions .btn{width:100%}.hero-proof{align-self:flex-start}.mock-content{height:320px;grid-template-columns:55px 1fr}.mock-right{display:none}.feature-strip article{padding:18px}.cta-section{width:calc(100% - 20px)}.app-shell{width:calc(100% - 16px)}.profile-menu-btn{padding:3px}.composer{padding:12px}.post-author p{font-size:10px}.request-card{align-items:flex-start;flex-wrap:wrap}.request-info{min-width:180px}.request-actions{width:100%}.request-actions button{flex:1}.profile-meta{gap:8px}}


/* ===== GridCircle by GridForge production theme ===== */
body{background:var(--bg)}
.brand{font-family:'Instrument Sans',sans-serif;gap:11px}
.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--navy) 5%,#164f78 48%,var(--primary) 50%,#087657 100%);font-size:10px;letter-spacing:.2px;box-shadow:0 7px 18px rgba(9,40,68,.17)}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font-size:19px;letter-spacing:-.45px;color:var(--navy)}
.brand-copy small{margin-top:5px;font-size:7.5px;line-height:1;text-transform:uppercase;letter-spacing:1.5px;color:#758395;font-weight:800}
.gf-grid{color:var(--navy)}.gf-forge{color:var(--primary)}
.public-nav{height:86px}
.public-nav:after{content:"";position:fixed;left:0;right:0;top:85px;height:1px;background:linear-gradient(90deg,transparent,#bcd8d0,transparent);pointer-events:none}
.btn{border-radius:8px}
.btn-primary{background:linear-gradient(135deg,#0b9b72,#087657);box-shadow:0 8px 20px rgba(10,147,108,.20)}
.btn-primary:hover{background:linear-gradient(135deg,#087657,#075b44)}
.btn-secondary{border-color:#d4dfdc}
.hero{position:relative;color:#fff;padding-top:62px;padding-bottom:92px}
.hero:before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);z-index:-2;background:linear-gradient(128deg,#071c31 0%,#0a2a48 54%,#0a5d56 100%)}
.hero:after{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to right,#000,transparent 72%)}
.hero h1{font-family:'DM Serif Display',serif;font-weight:400;letter-spacing:-2.3px;line-height:1.02}
.hero h1 span{color:#49d2a2}
.hero-copy>p{color:#c5d5dc}
.hero .eyebrow{background:rgba(26,179,130,.14);border:1px solid rgba(87,218,173,.25);color:#75dfbb}
.hero-proof span{color:#b8c9d0}.avatar-stack span{border-color:#0a2946}.avatar-stack span:first-child{background:#0a936c}.avatar-stack span:nth-child(2){background:#174d78}.avatar-stack span:nth-child(3){background:#d99b21}
.gridforge-endorsement{display:flex;align-items:center;gap:9px;margin-top:20px;color:#afc2ca;font-size:11px;line-height:1.4}
.gridforge-endorsement img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}
.gridforge-endorsement b{color:#e5f3ef}
.visual-glow{background:radial-gradient(circle,rgba(65,211,161,.45) 0,rgba(28,125,116,.23) 38%,rgba(13,56,72,0) 72%)}
.mock-window{border-color:rgba(255,255,255,.14);box-shadow:0 34px 90px rgba(0,0,0,.28);transform:rotate(.5deg)}
.mock-media{background:linear-gradient(145deg,#0a2946,#0b5e5c 58%,#0a936c)}
.mock-line.active{background:#b8dfd1}
.feature-strip{margin-top:-32px;position:relative;z-index:3}
.feature-strip article,.feature-card{border-color:#dce6e3;box-shadow:0 12px 35px rgba(9,40,68,.055)}
.feature-strip article>span,.icon-box{background:var(--primary-soft);color:var(--primary);border:1px solid #d2e9e1}
.section-heading h2{font-family:'DM Serif Display',serif;font-weight:400;color:var(--navy);letter-spacing:-1px}
.feature-card{position:relative;overflow:hidden;transition:.2s ease}
.feature-card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--primary));opacity:.85}
.feature-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(9,40,68,.08)}
.cta-section{background:linear-gradient(128deg,#08243e,#0b3550 55%,#087657);box-shadow:0 20px 55px rgba(9,40,68,.18)}
.cta-section h2{font-family:'DM Serif Display',serif;font-weight:400;letter-spacing:-.7px}
.public-footer .brand-copy strong{font-size:17px}
.public-footer p span{color:var(--primary);font-weight:700}

/* Logged-in network */
.app-view{background:#f2f6f5}
.app-header{height:69px;border-bottom:1px solid #dce5e2;border-top:3px solid var(--primary);box-shadow:0 3px 14px rgba(9,40,68,.035)}
.app-header .brand-mark{width:34px;height:34px;border-radius:9px}
.app-header .brand-copy strong{font-size:17px}
.app-header .brand-copy small{font-size:6.5px;margin-top:4px}
.global-search-wrap input,.network-search input,.conversation-search input{background:#f0f5f3}
.global-search-wrap input:focus,.network-search input:focus,.conversation-search input:focus{border-color:#acd5c7;box-shadow:0 0 0 3px #e8f5f1}
.avatar{background:linear-gradient(135deg,#123f68,#0a9b72)}
.side-nav button.active{background:var(--primary-soft);color:var(--primary)}
.side-nav button:hover{background:#eaf1ef}
.sidebar-card{background:linear-gradient(145deg,#08243e,#0a3d50 58%,#087657)}
.mini-label{color:#73dbb7}
.sidebar-card p{color:#c2d4d8}
.card{border-color:#dce5e2;box-shadow:0 2px 10px rgba(9,40,68,.025)}
.composer-top button{background:#f3f7f6;border-color:#e0e8e5}
.composer-top button:hover{background:#edf3f1}
.composer-actions button:hover,.post-actions button:hover{background:#eef5f2}
.composer-actions button:nth-child(4) svg{color:#174d78}
.post-tag{background:var(--primary-soft);color:var(--primary)}
.comment-compose input:focus{border-color:#acd5c7}
.btn-soft{background:var(--primary-soft);color:var(--primary)}
.empty-icon{background:var(--primary-soft);color:var(--primary)}
.tabs button.active{background:var(--navy);border-color:var(--navy)}
.page-heading h1,.messages-head h1,.profile-main-info h1,.mobile-page-title h1,.auth-panel h2,.modal-header h2{font-family:'Instrument Sans',sans-serif;color:var(--navy)}
.profile-cover{background:linear-gradient(125deg,#08243e,#164c71 50%,#0a936c)}
.profile-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px}
.modal{border:1px solid #dce5e2}
.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:#8bc9b2;box-shadow:0 0 0 3px #e8f5f1}
.toast.success{background:#087657}
.mobile-nav button.active{color:var(--primary)}
.mobile-nav .mobile-create{background:linear-gradient(135deg,#0b9b72,#087657);box-shadow:0 7px 17px rgba(10,147,108,.28)}
@media(max-width:800px){
  .brand.compact .brand-copy{display:none}
  .hero{padding-top:42px}
  .hero h1{letter-spacing:-1.2px}
  .gridforge-endorsement{justify-content:center}
}


/* ===== Global Community Feed ===== */
.feed-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px 22px;margin-bottom:12px;background:linear-gradient(135deg,#ffffff 0%,#f4faf8 62%,#e9f6f1 100%);border-left:4px solid var(--primary)}
.feed-intro h1{margin:6px 0 6px;font:800 22px/1.1 'Instrument Sans',sans-serif;color:var(--navy);letter-spacing:-.5px}
.feed-intro p{margin:0;max-width:640px;color:var(--muted);font-size:11px;line-height:1.62}
.feed-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:8.5px;font-weight:800;letter-spacing:1.15px}
.feed-kicker svg{width:13px;height:13px}
.feed-intro-badge{display:flex;align-items:center;gap:9px;min-width:170px;padding:11px 13px;border:1px solid #cfe6de;border-radius:11px;background:rgba(255,255,255,.82);color:var(--primary)}
.feed-intro-badge>svg{width:20px;height:20px}
.feed-intro-badge span{display:flex;flex-direction:column}
.feed-intro-badge strong{font-size:10px;color:var(--navy)}
.feed-intro-badge small{font-size:8.5px;color:#798895;margin-top:2px}
.feed-filter{display:flex;gap:7px;margin:0 0 12px;padding:4px;background:#e9efed;border:1px solid #dce5e2;border-radius:11px;width:max-content}
.feed-filter button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#697687;padding:8px 12px;border-radius:8px;font-size:10px;font-weight:750}
.feed-filter button svg{width:14px;height:14px}
.feed-filter button:hover{background:rgba(255,255,255,.7);color:var(--navy)}
.feed-filter button.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px rgba(9,40,68,.07)}
.post-head-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.post-connect{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:8px;border:1px solid #bcded2;background:#f2faf7;color:var(--primary);font-size:9px;font-weight:800}
.post-connect:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.post-connect svg,.post-relationship svg,.popular-post svg{width:12px;height:12px}
.post-relationship,.popular-post{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:8px;font-size:8.5px;font-weight:800;white-space:nowrap}
.post-relationship.connected{background:#e8f5f1;color:#087657}
.post-relationship.requested{background:#f0f2f5;color:#758090}
.popular-post{background:#fff4e7;color:#b96a13;border:1px solid #f4ddbd}
@media(max-width:800px){.feed-intro{padding:16px;align-items:flex-start}.feed-intro-badge{display:none}.feed-intro h1{font-size:19px}.feed-filter{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.feed-filter button{justify-content:center;padding:8px 5px}.post-head{align-items:flex-start}.post-head-actions{gap:4px}.post-relationship,.popular-post{font-size:0;width:29px;height:29px;padding:0;justify-content:center}.post-connect{font-size:0;width:31px;height:29px;padding:0;justify-content:center}.post-connect svg,.post-relationship svg,.popular-post svg{width:14px;height:14px}}
@media(max-width:440px){.feed-intro p{font-size:10.5px}.feed-filter button{font-size:9px}.popular-post{display:none}}

.trending-post{display:block;width:100%;border:0;border-bottom:1px solid #edf2f0;background:transparent;text-align:left;padding:10px 0}
.trending-post:last-child{border-bottom:0}.trending-post:hover span{color:var(--primary)}
.trending-post span{display:block;font-size:10px;font-weight:700;line-height:1.42;color:var(--navy);transition:.15s}
.trending-post strong{display:block;margin-top:4px;font-size:8.5px;font-weight:600;color:#8a96a2}
.right-card-empty{font-size:9.5px;color:#8793a0;line-height:1.55;margin:5px 0}

/* ===== GridCircle Administration ===== */
.admin-heading{align-items:flex-start;gap:18px}
.admin-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:1px;color:var(--primary);margin-bottom:5px}
.admin-eyebrow svg{width:14px;height:14px}
.admin-current-role,.admin-role-badge,.admin-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;text-transform:capitalize;white-space:nowrap}
.admin-current-role{padding:8px 12px;background:#e9f5f1;color:var(--primary);border:1px solid #c9e3d9;font-size:9px}
.admin-current-role.owner,.admin-role-badge.owner{background:#fff4d7;color:#8a6100;border-color:#ecd99d}
.admin-role-badge{font-size:8px;padding:4px 7px;background:#eef2f5;color:#5d6978;border:1px solid #dfe5ea}
.admin-role-badge.moderator{background:#edf3ff;color:#315e9e;border-color:#d3e1f8}
.admin-role-badge.admin{background:#f1ecff;color:#6444a8;border-color:#dfd5fb}
.admin-role-badge.owner{background:#fff4d7;color:#8a6100;border-color:#ecd99d}
.admin-status-badge{font-size:8px;padding:4px 7px;background:#e9f5f1;color:#087657;border:1px solid #c8e5da}
.admin-status-badge.suspended{background:#fff6df;color:#9a6810;border-color:#ecd59d}
.admin-status-badge.banned{background:#fff0f0;color:#b23a3a;border-color:#efc7c7}
.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}
.admin-stat{padding:17px 18px}
.admin-stat span{display:block;font-size:9px;font-weight:750;color:#7b8794;text-transform:uppercase;letter-spacing:.6px}
.admin-stat strong{display:block;font-size:25px;color:var(--navy);margin:6px 0 2px}
.admin-stat small{font-size:8.5px;color:#929da8}
.admin-tabs{margin-bottom:12px}
.admin-tabs button span{margin-left:4px;opacity:.72}
.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin-bottom:10px}
.admin-search{position:relative;flex:1}
.admin-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#83909d}
.admin-search input{width:100%;border:1px solid #dce5e2;border-radius:9px;background:#f6f9f8;padding:10px 12px 10px 36px;font:600 10px 'Instrument Sans',sans-serif;color:var(--navy);outline:none}
.admin-search input:focus{border-color:#9bcdbb;box-shadow:0 0 0 3px #e8f5f1}
.admin-member-list{display:grid;gap:9px}
.admin-member{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.admin-member-identity{display:flex;align-items:flex-start;gap:11px;min-width:0;flex:1}
.admin-member-identity>.avatar{flex:0 0 auto}
.admin-member-name{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.admin-member-name strong{font-size:11px;color:var(--navy)}
.admin-member-identity p{margin:3px 0 2px;font-size:9px;color:#7c8895;word-break:break-word}
.admin-member-identity small{display:block;font-size:8.5px;color:#98a2ac}
.admin-reason{margin-top:7px;padding:7px 9px;border-radius:7px;background:#fff8e8;color:#775b22;font-size:8.5px;line-height:1.45;border:1px solid #efe0b6}
.admin-member-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:360px}
.btn-small{padding:7px 9px;font-size:8.5px;border-radius:7px}
.btn-warning{background:#fff7e3;border:1px solid #ead49e;color:#8b651b}
.btn-warning:hover{background:#f8e8bc}
.btn-danger{background:#fff0f0;border:1px solid #edc4c4;color:#ad3838}
.btn-danger:hover{background:#f8dcdc}
.btn-success{background:#e9f6f0;border:1px solid #c5e2d5;color:#087657}
.btn-success:hover{background:#d9eee5}
.admin-role-control{display:flex;align-items:center;gap:5px;padding-left:6px;border-left:1px solid #e3e9e7}
.admin-role-control select{padding:7px 8px;border:1px solid #dce5e2;border-radius:7px;background:#fff;font:700 8.5px 'Instrument Sans',sans-serif;color:var(--navy)}
.admin-history-card{padding:0;overflow:hidden}
.admin-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid #e8eeec}
.admin-history-head h3{margin:0;color:var(--navy);font-size:12px}
.admin-history-head p{margin:3px 0 0;color:#8a96a2;font-size:9px}
.admin-history-list{padding:2px 17px 8px}
.admin-history-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f0}
.admin-history-item:last-child{border-bottom:0}
.history-icon{width:30px;height:30px;border-radius:8px;background:#eef6f3;color:var(--primary);display:grid;place-items:center}
.history-icon svg{width:15px;height:15px}
.admin-history-item>div:last-child>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-history-item strong{font-size:9.5px;color:var(--navy)}
.admin-history-item span{font-size:8px;color:#9aa4ae}
.admin-history-item p{margin:3px 0;color:#65717e;font-size:8.8px}
.admin-history-item small{display:block;color:#8d98a3;font-size:8.4px;line-height:1.45}
.admin-error{padding:30px;text-align:center}
.admin-error>svg{width:34px;height:34px;color:#b66d20}
.admin-error h2{color:var(--navy);margin:10px 0 6px}.admin-error p{color:#7e8a96;font-size:10px}
.mod-remove-post{color:#a94343!important;background:#fff4f4!important}
.mod-remove-post:hover{background:#fee6e6!important}
.comment-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.comment-mod-remove{border:0;background:transparent;color:#b14a4a;padding:2px;display:inline-grid;place-items:center;opacity:.65}
.comment-mod-remove:hover{opacity:1}
.comment-mod-remove svg{width:12px;height:12px}
.account-status-card{max-width:620px;margin:70px auto;padding:34px;text-align:center}
.account-status-icon{width:58px;height:58px;border-radius:16px;margin:0 auto 12px;background:#fff0f0;color:#b23a3a;display:grid;place-items:center}
.account-status-icon svg{width:28px;height:28px}
.account-status-card h1{font:700 25px/1.15 'Instrument Sans',sans-serif;color:var(--navy);margin:11px 0 7px}
.account-status-card>p{max-width:480px;margin:0 auto 12px;color:#72808d;font-size:10.5px;line-height:1.6}
.account-status-reason{max-width:470px;margin:17px auto;padding:12px;border:1px solid #ead8b3;background:#fff9eb;border-radius:10px;text-align:left}
.account-status-reason strong,.account-status-reason span{display:block}.account-status-reason strong{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#8a6b2b}.account-status-reason span{font-size:9.5px;color:#6f5c36;margin-top:4px}
.account-status-help{font-size:9px!important;color:#98a2ad!important}
.app-view.restricted .app-shell{grid-template-columns:minmax(0,760px);justify-content:center}
.app-view.restricted .left-sidebar,.app-view.restricted .right-sidebar,.app-view.restricted .mobile-nav,.app-view.restricted .global-search-wrap,.app-view.restricted .header-actions>.icon-btn{display:none!important}

@media(max-width:1050px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-member{align-items:flex-start;flex-direction:column}.admin-member-actions{max-width:none;justify-content:flex-start;padding-left:47px}}
@media(max-width:800px){.admin-heading{flex-direction:column}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-stat{padding:13px}.admin-member{padding:12px}.admin-member-actions{padding-left:0;width:100%}.admin-role-control{width:100%;padding:7px 0 0;border-left:0;border-top:1px solid #e7ecea}.admin-role-control select{flex:1}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-history-item>div:last-child>div{align-items:flex-start;flex-direction:column;gap:2px}.account-status-card{margin:24px 8px;padding:24px 18px}}

/* GridCircle Business Accounts + Jobs & Opportunities */
.business-badge{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;padding:3px 7px;border-radius:999px;background:#e9f7ef;color:#12633d;font-family:'Instrument Sans',sans-serif;font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.business-badge svg{width:11px;height:11px}.profile-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.business-profile-info{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.business-profile-info span{display:inline-flex;align-items:center;gap:6px;background:#f3f7f5;border:1px solid #dbe8e1;color:#46584f;border-radius:999px;padding:7px 10px;font-size:11px}.business-profile-info svg{width:14px;height:14px;color:var(--green,#178a55)}
.business-profile-fields{display:grid;gap:14px}.business-profile-fields.hidden{display:none!important}
.jobs-page{max-width:900px}.jobs-heading{align-items:flex-end}.jobs-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#16784c;font-size:10px;font-weight:800;letter-spacing:.14em}.jobs-eyebrow svg{width:15px}.jobs-toolbar{display:grid;grid-template-columns:1fr 210px;gap:12px;padding:12px;margin-bottom:16px}.jobs-search{position:relative}.jobs-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;color:#7b8790}.jobs-search input,.jobs-toolbar select{width:100%;height:43px;border:1px solid #dce4e0;border-radius:10px;background:#fff;font:inherit;color:#17231d}.jobs-search input{padding:0 12px 0 40px}.jobs-toolbar select{padding:0 10px}.jobs-results-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:2px 2px 12px;color:#6e7a74;font-size:11px}.jobs-results-head strong{color:#1c2b23;font-size:12px}.opportunity-list{display:grid;gap:14px}.opportunity-card{padding:20px}.opportunity-card.closed{opacity:.78}.opportunity-card-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.opportunity-company{display:flex;gap:10px;align-items:center}.opportunity-company-name{border:0;background:transparent;padding:0;font:inherit;font-weight:800;color:#17231d;cursor:pointer;text-align:left}.opportunity-company>div>span{display:block;font-size:10px;color:#7a8580;margin-top:2px}.opportunity-type{background:#eaf7ef;color:#147548;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.opportunity-type.job,.opportunity-type.internship{background:#e8f0fa;color:#2b5686}.opportunity-type.partnership,.opportunity-type.investment{background:#f3edfb;color:#65418e}.opportunity-card h2{margin:16px 0 8px;font-size:20px;color:#142219}.opportunity-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}.opportunity-meta span{font-size:10px;color:#546159;background:#f4f6f5;border-radius:7px;padding:5px 7px;text-transform:capitalize}.opportunity-comp{display:inline-flex;align-items:center;gap:6px;color:#12633d;font-size:12px;font-weight:800;margin:0 0 12px}.opportunity-comp svg{width:16px}.opportunity-description{font-size:12px;line-height:1.65;color:#3f4c45}.opportunity-requirements{margin-top:12px;border-top:1px solid #edf0ee;padding-top:10px}.opportunity-requirements summary{cursor:pointer;font-size:11px;font-weight:800;color:#26362d}.opportunity-requirements p{font-size:11px;line-height:1.6;color:#59655f;margin-top:9px}.opportunity-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #edf0ee;margin-top:16px;padding-top:14px}.opportunity-footer>div:first-child{display:flex;gap:10px;flex-wrap:wrap;font-size:9px;color:#849089}.opportunity-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.closed-label{color:#a94242!important;font-weight:800}.application-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;background:#edf2f0;color:#4d5b53}.application-status.reviewing{background:#fff6dc;color:#795d14}.application-status.shortlisted{background:#e8f0fa;color:#285e94}.application-status.accepted{background:#e5f7ec;color:#126a3d}.application-status.declined{background:#faeaea;color:#963a3a}.my-listings-intro{padding:18px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:15px}.my-listings-intro h3{margin:0 0 5px}.my-listings-intro p{margin:0;color:#68736d;font-size:11px;line-height:1.55}.my-applications-list{display:grid;gap:10px}.application-card{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px}.application-card>div{display:flex;align-items:center;gap:12px}.application-card h3{margin:5px 0 3px;font-size:14px}.application-card p{margin:0;color:#77827c;font-size:10px}.application-listing-summary{background:#f3f7f5;border:1px solid #dce8e1;border-radius:12px;padding:13px;margin-bottom:15px}.application-listing-summary span{font-size:9px;color:#147548;font-weight:900;text-transform:uppercase}.application-listing-summary h3{margin:5px 0;font-size:16px}.application-listing-summary p{margin:0;font-size:10px;color:#65716a}.opportunity-modal,.application-modal{width:min(720px,94vw);max-height:92vh;overflow:auto}.applicants-modal{width:min(850px,95vw);max-height:92vh;overflow:auto}.applicant-card{padding:16px;margin-bottom:12px}.applicant-head{display:flex;align-items:center;gap:10px}.applicant-head>div:nth-child(2){flex:1}.applicant-head .profile-link{border:0;background:none;padding:0;color:#17231d;cursor:pointer}.applicant-head span:not(.application-status){display:block;font-size:9px;color:#7a8580;margin-top:3px}.applicant-contact{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:10px}.applicant-contact a{color:#126a3d;font-weight:700}.applicant-section{border-top:1px solid #edf0ee;padding-top:10px;margin-top:10px}.applicant-section strong{font-size:10px}.applicant-section p{font-size:11px;line-height:1.6;color:#526058}.applicant-links{display:flex;gap:10px;margin-top:12px}.applicant-links a{font-size:10px;color:#126a3d;font-weight:800}.applicant-status-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.applicant-status-actions button{border:1px solid #d8e2dc;background:#f7faf8;color:#34443b;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer}.applicant-status-actions button.danger{border-color:#f0cccc;color:#963a3a;background:#fff8f8}.jobs-empty{padding:50px 24px}.jobs-empty>svg{width:38px;height:38px;color:#178a55;margin-bottom:12px}
@media(max-width:760px){.jobs-heading{display:block}.jobs-heading .btn{margin-top:12px;width:100%}.jobs-toolbar{grid-template-columns:1fr}.jobs-results-head{display:block}.jobs-results-head span{display:block;margin-top:4px}.opportunity-footer{display:block}.opportunity-actions{justify-content:flex-start;margin-top:12px}.my-listings-intro,.application-card{display:block}.my-listings-intro .btn,.application-card>button{margin-top:12px}.mobile-nav{grid-template-columns:repeat(6,1fr)}.mobile-nav button span{font-size:8px}.mobile-nav .mobile-create{width:42px;height:42px}}


/* ===== Simple profile picture + banner uploads ===== */
.profile-cover{position:relative;overflow:hidden;min-height:174px}
.profile-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.profile-cover.has-image:before{z-index:1;background:linear-gradient(180deg,rgba(4,25,43,.03),rgba(4,25,43,.22))}
.profile-banner-upload{position:absolute;right:16px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.94);color:var(--navy);padding:9px 12px;border-radius:9px;font-size:9px;font-weight:800;box-shadow:0 5px 16px rgba(3,24,42,.16);backdrop-filter:blur(7px)}
.profile-banner-upload:hover{background:#fff;transform:translateY(-1px)}
.profile-banner-upload svg{width:14px;height:14px;color:var(--primary)}
.profile-avatar-wrap{position:relative;display:inline-flex;flex:0 0 auto}
.profile-avatar-camera{position:absolute;right:-2px;bottom:1px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff;background:var(--primary);color:#fff;box-shadow:0 3px 10px rgba(9,40,68,.18);padding:0}
.profile-avatar-camera:hover{background:var(--primary-dark)}
.profile-avatar-camera svg{width:13px;height:13px}
.profile-owner-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.profile-media-edit-section{margin:6px 0 17px;padding:14px;border:1px solid #dce7e3;background:#f7faf9;border-radius:12px}
.profile-media-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}
.profile-media-edit-head>div{display:flex;flex-direction:column;gap:2px}.profile-media-edit-head strong{font-size:11px;color:var(--navy)}.profile-media-edit-head span,.profile-media-edit-head small{font-size:8.5px;color:#7e8995}.profile-media-edit-head small{white-space:nowrap}
.profile-media-edit-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}
.profile-media-upload-card{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:11px;padding:11px;border:1px solid #e0e8e5;background:#fff;border-radius:10px}
.profile-media-upload-card.banner-card{grid-template-columns:145px 1fr}
.profile-media-upload-card strong{display:block;font-size:9.5px;color:var(--navy)}.profile-media-upload-card p{margin:3px 0 8px;font-size:8.2px;line-height:1.4;color:#85909b}.profile-media-upload-card .btn{padding:7px 9px;font-size:8.5px}
.profile-avatar-preview{width:62px;height:62px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#123f68,#0a936c);color:#fff;font-weight:800;border:3px solid #fff;box-shadow:0 3px 10px rgba(9,40,68,.1)}
.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}
.profile-banner-preview{height:78px;border-radius:8px;overflow:hidden;background:linear-gradient(125deg,#08243e,#164c71 50%,#0a936c);display:grid;place-items:center;color:rgba(255,255,255,.88)}
.profile-banner-preview img{width:100%;height:100%;object-fit:cover}.profile-banner-preview span{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.profile-banner-preview svg{width:13px;height:13px}
.upload-spinner{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:gc-spin .65s linear infinite}
@keyframes gc-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.profile-banner-upload{right:10px;bottom:10px;font-size:0;width:38px;height:36px;padding:0;justify-content:center}.profile-banner-upload svg{width:16px;height:16px}.profile-owner-actions{justify-content:flex-start}.profile-owner-actions .btn{font-size:9px;padding:8px 10px}.profile-media-edit-head{display:block}.profile-media-edit-head small{display:block;margin-top:4px}.profile-media-edit-grid{grid-template-columns:1fr}.profile-media-upload-card.banner-card{grid-template-columns:110px 1fr}.profile-banner-preview{height:68px}}
@media(max-width:440px){.profile-owner-actions{gap:5px}.profile-owner-actions .btn{font-size:0;width:37px;height:35px;padding:0}.profile-owner-actions .btn svg{width:15px;height:15px}.profile-media-upload-card,.profile-media-upload-card.banner-card{grid-template-columns:1fr;text-align:center}.profile-avatar-preview{margin:auto}.profile-banner-preview{width:100%}}


/* ===== Mobile public auth header ===== */
.join-label-mobile{display:none}
@media(max-width:800px){
  .public-nav-actions{gap:6px;align-items:center;flex:0 0 auto}
  .public-nav-actions .btn{padding:9px 11px;font-size:12px;white-space:nowrap}
  .public-nav-actions .btn-ghost{display:inline-flex;border:1px solid var(--line);background:#fff}
  .join-label-full{display:none}
  .join-label-mobile{display:inline}
}
@media(max-width:440px){
  .public-nav{gap:8px}
  .public-nav .brand{gap:7px;font-size:16px;min-width:0}
  .public-nav .brand-mark{width:31px;height:31px;border-radius:9px;font-size:12px;flex:0 0 auto}
  .public-nav .brand-copy small{display:none}
  .public-nav-actions{gap:4px}
  .public-nav-actions .btn{padding:8px 9px;font-size:10.5px}
}


/* ===== GridCircle mobile Home Screen install prompt ===== */
html.gridcircle-installed-app body{overscroll-behavior-y:none}
html.gridcircle-installed-app .app-header{padding-top:env(safe-area-inset-top)}
html.gridcircle-installed-app .landing-view{padding-top:env(safe-area-inset-top)}
.pwa-prompt-backdrop{position:fixed;inset:0;z-index:100000;background:rgba(5,22,38,.66);backdrop-filter:blur(7px);display:none;align-items:flex-end;justify-content:center;padding:14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}
.pwa-prompt-backdrop.is-visible{display:flex}
body.pwa-prompt-open{overflow:hidden}
.pwa-prompt-card{position:relative;width:min(100%,520px);max-height:min(88vh,720px);overflow:auto;background:#fff;border:1px solid rgba(9,40,68,.12);border-radius:24px 24px 18px 18px;padding:24px 20px 18px;box-shadow:0 28px 80px rgba(5,22,38,.32);text-align:left}
.pwa-prompt-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f5f4;color:#526171;font-size:26px;line-height:1;display:grid;place-items:center}
.pwa-prompt-app-icon{width:62px;height:62px;border-radius:16px;overflow:hidden;box-shadow:0 9px 22px rgba(9,40,68,.16);margin-bottom:16px}
.pwa-prompt-app-icon img{display:block;width:100%;height:100%;object-fit:cover}
.pwa-prompt-kicker{font-size:11px;line-height:1;font-weight:800;letter-spacing:1.25px;color:var(--primary);margin-bottom:8px}
.pwa-prompt-card h2{font:800 27px/1.08 'Instrument Sans',sans-serif;letter-spacing:-.8px;margin:0 42px 9px 0;color:var(--navy)}
.pwa-prompt-intro{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 17px}
.pwa-prompt-steps{display:grid;gap:9px;margin:0 0 16px}
.pwa-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:11px;border:1px solid var(--line);border-radius:13px;background:#f8fbfa}
.pwa-step>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:800}
.pwa-step strong{display:block;font-size:13px;line-height:1.3;color:var(--ink);margin:1px 0 3px}
.pwa-step small{display:block;font-size:11.5px;line-height:1.4;color:var(--muted)}
.pwa-prompt-actions{margin-top:4px}
.pwa-prompt-later{display:block;margin:10px auto 0;border:0;background:transparent;color:#687687;font-weight:700;font-size:12px;padding:7px 10px}
.pwa-prompt-note{font-size:10.5px;line-height:1.4;color:#8a95a2;text-align:center;margin:2px auto 0;max-width:360px}
.is-offline body::after{content:"Offline";position:fixed;z-index:99999;left:50%;transform:translateX(-50%);top:max(8px,env(safe-area-inset-top));background:#071b33;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.18)}
@media(min-width:801px){.pwa-prompt-backdrop{display:none!important}}
@media(max-width:440px){.pwa-prompt-card{padding:21px 16px 15px;border-radius:22px 22px 16px 16px}.pwa-prompt-card h2{font-size:24px}.pwa-prompt-app-icon{width:56px;height:56px;border-radius:15px}}

/* My Team — private company workspace */
.team-page{min-width:0}.team-invites-panel{margin-bottom:16px}.team-kicker{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:850;letter-spacing:.9px;color:var(--primary);text-transform:uppercase}.team-kicker svg{width:14px}.team-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.team-section-title h2,.team-section-title h3{margin:0;color:var(--navy)}.team-section-title h2{font-size:18px}.team-section-title h3{font-size:13px}.team-section-title p{font-size:10px;color:var(--muted);margin:4px 0 0}.team-invite-card{display:flex;align-items:center;gap:12px;padding:14px 15px;margin-top:8px;border-color:#cce9df}.team-logo-mini,.team-company-mark,.team-welcome-icon{background:linear-gradient(135deg,#0d3154,#0b9b72);color:#fff;display:grid;place-items:center;flex:0 0 auto}.team-logo-mini{width:42px;height:42px;border-radius:12px}.team-logo-mini svg{width:20px}.team-invite-copy{min-width:0;flex:1}.team-invite-copy strong{font-size:12px;color:var(--navy);display:block}.team-invite-copy span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.team-invite-actions{display:flex;gap:7px}.team-welcome{padding:34px;text-align:center}.team-welcome-icon{width:68px;height:68px;border-radius:20px;margin:0 auto 14px}.team-welcome-icon svg{width:31px}.team-welcome h1{font:800 30px 'Instrument Sans',sans-serif;color:var(--navy);margin:8px 0}.team-welcome>p{max-width:540px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.7}.team-welcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.team-welcome-grid>div{background:#f6f9f8;border:1px solid #e1ebe8;border-radius:12px;padding:16px;text-align:left}.team-welcome-grid svg{width:20px;color:var(--primary);margin-bottom:10px}.team-welcome-grid strong{display:block;font-size:11px;color:var(--navy);margin-bottom:4px}.team-welcome-grid span{font-size:9.5px;line-height:1.55;color:var(--muted)}.team-create-help{font-size:9px!important;margin-top:8px!important}.team-awaiting{max-width:520px;margin:22px auto 0;padding:14px;background:#f5f7f9;border-radius:12px;display:flex;gap:11px;text-align:left;align-items:center}.team-awaiting svg{width:22px;color:var(--primary);flex:0 0 auto}.team-awaiting strong{display:block;font-size:11px}.team-awaiting span{font-size:9.5px;color:var(--muted);line-height:1.5;display:block;margin-top:3px}.team-hero{padding:20px;margin-bottom:13px;background:linear-gradient(145deg,#fff,#f7fbfa)}.team-hero-top{display:flex;align-items:flex-start;gap:15px}.team-company-mark{width:58px;height:58px;border-radius:16px}.team-company-mark svg{width:27px}.team-hero-copy{min-width:0;flex:1}.team-private-badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:850;letter-spacing:.7px;color:var(--primary);background:#e8f5f1;padding:5px 8px;border-radius:20px}.team-private-badge svg{width:12px}.team-hero h1{font:800 25px 'Instrument Sans',sans-serif;color:var(--navy);margin:7px 0 4px}.team-hero-copy>p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.team-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.team-meta span{display:flex;align-items:center;gap:5px;color:#6d7888;font-size:9.5px}.team-meta svg{width:13px}.team-hero-actions{display:flex;align-items:center;gap:8px}.team-switcher{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px;font-size:10px;color:#586477;max-width:180px}.team-tabs{margin:0 0 13px}.team-tab-count{display:inline-grid;place-items:center;background:#fff;color:var(--navy);min-width:18px;height:18px;border-radius:9px;margin-left:4px;font-size:8px}.team-composer{padding:15px 17px;margin-bottom:12px}.team-composer-foot{border-top:1px solid #edf0f3;margin-top:12px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.team-composer-foot>span{font-size:9.5px;color:#788392;display:flex;align-items:center;gap:5px}.team-composer-foot svg{width:13px}.team-feed-list{display:flex;flex-direction:column;gap:12px}.team-only-label{display:inline-flex;align-items:center;gap:4px;font-size:8.5px;color:#657384;background:#f0f5f3;border-radius:18px;padding:5px 7px}.team-only-label svg{width:11px}.team-post-actions{grid-template-columns:repeat(2,1fr)}.team-post-tag.announcement{background:#e9efff;color:#315ca8}.team-post-tag.question{background:#f1ecff;color:#6d4cb5}.team-post-tag.win{background:#fff4dd;color:#9a6a10}.team-members-card{padding:18px}.team-members-list,.team-pending-section{display:flex;flex-direction:column}.team-member-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #eef0f3}.team-member-row:first-child{border-top:0}.team-member-row>.avatar{width:39px;height:39px;font-size:9px}.team-member-profile{border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;min-width:0;flex:1;padding:0}.team-member-profile>.avatar{width:39px;height:39px;font-size:9px}.team-member-copy{min-width:0;flex:1}.team-member-copy strong{font-size:11px;color:var(--navy);display:flex;align-items:center;gap:5px}.team-member-copy span{font-size:9px;color:var(--muted);display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-label{font-size:7px!important;background:#e8f5f1;color:var(--primary)!important;padding:2px 5px;border-radius:8px;margin:0!important}.team-role-badge{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:5px 7px;border-radius:8px;background:#f1f3f6;color:#707b8b}.team-role-badge.owner{background:#e8f5f1;color:var(--primary)}.team-role-badge.admin{background:#e9efff;color:#315ca8}.team-member-actions{display:flex;align-items:center;gap:6px}.team-role-select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px 7px;font-size:9px}.team-pending-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.team-danger-zone{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #f0d8d8;margin-top:18px;padding-top:16px}.team-danger-zone strong{font-size:10px;color:#8d3c3c;display:block}.team-danger-zone span{font-size:8.5px;color:var(--muted);display:block;margin-top:2px}.team-create-modal .team-privacy-note{display:flex;align-items:flex-start;gap:8px;background:#eef8f4;color:#397665;border-radius:10px;padding:11px;margin:2px 0 13px;font-size:9.5px;line-height:1.5}.team-privacy-note svg{width:16px;flex:0 0 auto}.team-invite-modal{max-width:560px}.team-invite-search{position:relative;padding:10px;margin-bottom:10px}.team-invite-search svg{position:absolute;left:22px;top:50%;transform:translateY(-50%);width:16px;color:#8790a2}.team-invite-search input{width:100%;border:0;background:#f5f7f8;border-radius:9px;padding:10px 10px 10px 36px;outline:none;font-size:10.5px}.team-invite-results{max-height:430px;overflow:auto}.team-invite-result{display:flex;align-items:center;gap:10px;padding:11px 2px;border-top:1px solid #eef0f3}.team-invite-result>.avatar{width:38px;height:38px;font-size:9px}.team-invite-profile{border:0;background:none;text-align:left;min-width:0;flex:1}.team-invite-profile strong{font-size:10.5px;color:var(--navy);display:block}.team-invite-profile span{font-size:8.8px;color:var(--muted);display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-invited-label{font-size:8px;font-weight:800;color:var(--primary);background:#e8f5f1;padding:5px 7px;border-radius:8px}.count-badge.tiny{display:inline-grid;min-width:18px;height:18px;margin-left:auto}.team-mobile-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#f05252;top:8px;right:calc(50% - 14px)}.mobile-nav button[data-nav="team"]{position:relative}.empty-state.compact{padding:24px}

@media(max-width:800px){.mobile-nav{grid-template-columns:repeat(7,1fr)!important}.mobile-nav button span{font-size:7px}.team-welcome{padding:25px 17px}.team-welcome-grid{grid-template-columns:1fr}.team-hero-top{flex-wrap:wrap}.team-company-mark{width:50px;height:50px}.team-hero-actions{width:100%;justify-content:space-between}.team-hero-actions .btn{flex:1}.team-switcher{flex:1;max-width:none}.team-invite-card{align-items:flex-start;flex-wrap:wrap}.team-invite-copy{min-width:180px}.team-invite-actions{width:100%}.team-invite-actions .btn{flex:1}.team-member-row{flex-wrap:wrap}.team-member-profile{min-width:190px}.team-member-actions{margin-left:auto}.team-danger-zone{align-items:flex-start;flex-direction:column}.team-danger-zone .btn{width:100%}.team-composer-foot>span{max-width:65%}}
@media(max-width:440px){.mobile-nav{height:65px}.mobile-nav svg{width:17px}.mobile-nav button span{font-size:6.6px}.team-hero{padding:15px}.team-hero h1{font-size:22px}.team-composer{padding:12px}.team-composer-foot{align-items:flex-start}.team-composer-foot>span{max-width:58%;line-height:1.4}.team-members-card{padding:14px}}


/* Post media */
.post-media-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #edf0f3;margin-top:11px;padding-top:11px}.post-media-add{border:0;background:#eef7f4;color:var(--primary);border-radius:9px;padding:9px 11px;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;cursor:pointer}.post-media-add:hover{background:#e2f2ec}.post-media-add svg{width:16px}.post-media-help{font-size:9px;color:#87909f;display:inline-flex;align-items:center;gap:4px}.post-media-help svg{width:12px}.post-media-preview{position:relative;margin-top:10px;border:1px solid #e2e7e5;border-radius:12px;background:#f7f9f8;padding:8px}.selected-media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.selected-media-grid.single{grid-template-columns:1fr}.selected-media-grid img,.selected-media-grid video{display:block;width:100%;height:145px;object-fit:cover;border-radius:9px;background:#0a1724}.selected-media-grid.single img,.selected-media-grid.single video{height:min(320px,40vh);object-fit:contain}.clear-selected-media{position:absolute;right:14px;top:14px;border:0;background:rgba(9,40,68,.88);color:#fff;border-radius:18px;padding:6px 9px;font-size:9px;font-weight:750;display:flex;align-items:center;gap:4px;cursor:pointer}.clear-selected-media svg{width:12px}.post-media{margin:12px -18px 9px;overflow:hidden;background:#e9edef}.post-media-images{display:grid;gap:2px}.post-media-images.media-count-1{grid-template-columns:1fr}.post-media-images.media-count-2,.post-media-images.media-count-4{grid-template-columns:repeat(2,1fr)}.post-media-images.media-count-3{grid-template-columns:repeat(2,1fr)}.post-media-images.media-count-3 a:first-child{grid-row:span 2}.post-media-images a{display:block;min-width:0;background:#0b1b29}.post-media-images img{display:block;width:100%;height:260px;object-fit:cover}.post-media-images.media-count-2 img,.post-media-images.media-count-3 img,.post-media-images.media-count-4 img{height:210px}.post-media-video video{display:block;width:100%;max-height:520px;background:#071421}.post-media-unavailable{margin:12px 0;padding:16px;border-radius:10px;background:#f4f6f7;color:#8a93a0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px}.post-media-unavailable svg{width:16px}.spinner-mini{width:12px;height:12px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;margin-right:5px;vertical-align:-2px}
@media(max-width:800px){.post-media{margin-left:-15px;margin-right:-15px}.post-media-images img{height:230px}.post-media-images.media-count-2 img,.post-media-images.media-count-3 img,.post-media-images.media-count-4 img{height:165px}.post-media-video video{max-height:70vh}.post-media-picker{align-items:flex-start}.post-media-help{width:100%}.selected-media-grid img,.selected-media-grid video{height:125px}.selected-media-grid.single img,.selected-media-grid.single video{height:min(300px,38vh)}}

.composer-actions button:nth-child(5) svg{color:#d66f40}

/* My Team loading recovery */
.team-load-notice,.team-load-failed{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--line,#d9e2e8);border-radius:16px;background:#fff}.team-load-notice>svg,.team-load-notice>i{flex:0 0 auto}.team-load-notice>div{display:flex;flex-direction:column;gap:2px;flex:1}.team-load-notice span,.team-load-failed p{color:var(--muted,#637381);font-size:.9rem}.team-load-failed{flex-direction:column;text-align:center;justify-content:center;padding:32px 20px}.team-load-failed .empty-icon{margin-bottom:2px}@media(max-width:640px){.team-load-notice{align-items:flex-start;flex-wrap:wrap}.team-load-notice .btn{width:100%;justify-content:center}}


/* GridCircle header icon — same mark as the Home Screen web app */
img.brand-mark{display:block;object-fit:cover;border-radius:50%!important;background:#fff!important;color:transparent;box-shadow:0 6px 15px rgba(9,40,68,.16);padding:0}

/* Business owner identity switching */
.profile-switcher{padding:3px 2px 0;min-width:260px}
.profile-switcher.hidden{display:none}
.profile-switcher-label{padding:6px 9px 5px;font-size:9px;font-weight:850;letter-spacing:.12em;color:#8992a0}
.dropdown .identity-option,.dropdown .identity-create{padding:8px 9px;gap:9px;min-height:48px;text-align:left}
.identity-option .avatar-xs{width:30px;height:30px;min-width:30px;max-width:30px;flex:0 0 30px;aspect-ratio:1/1;border-radius:50%;font-size:8px;overflow:hidden}.identity-option .avatar-xs img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.identity-option>span:not(.avatar),.identity-create>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:1px}
.identity-option strong,.identity-create strong{font-size:11px;color:#263344;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.identity-option small,.identity-create small{font-size:9px;color:#8a93a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dropdown .identity-option.active{background:#e9f6f1;color:var(--primary)}
.identity-option.active strong{color:var(--primary)}
.identity-option>svg:last-child{width:15px;color:var(--primary)}
.dropdown .identity-create{color:var(--primary)}
.identity-create>svg{width:18px;flex:0 0 auto}
.owner-personal-modal{max-width:620px}
.owner-personal-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:#eef2ff;color:#4859a8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.owner-personal-badge svg{width:11px;height:11px}
.linked-identity-card{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;border:1px solid #d9e7e1;background:#f6faf8;border-radius:11px;padding:9px 11px;margin:12px 0 4px;color:#2f4650;text-align:left}
.linked-identity-card>svg{width:17px;color:var(--primary);flex:0 0 auto}
.linked-identity-card span{display:flex;flex-direction:column;min-width:0;gap:1px}
.linked-identity-card small{font-size:8px;letter-spacing:.08em;color:#7c8d86;font-weight:800}
.linked-identity-card strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.identity-account-note{display:block;margin-top:5px;font-size:9px;color:#7d8795;font-weight:500}
@media(max-width:800px){.dropdown{min-width:280px;max-width:calc(100vw - 22px)}.profile-switcher{min-width:0}.linked-identity-card{width:100%}}

/* Owner personal-profile modal header spacing */
.owner-personal-modal .modal-header{
  align-items:flex-start;
  gap:22px;
  margin-bottom:22px;
}
.owner-personal-modal .modal-header>div{
  flex:1 1 auto;
  min-width:0;
  padding-right:6px;
}
.owner-personal-modal .modal-header h2{
  margin:0 0 8px;
  font-size:22px;
  line-height:1.18;
}
.owner-personal-modal .modal-header .modal-subtitle{
  margin:0;
  max-width:520px;
  font-size:12px;
  line-height:1.5;
}
.owner-personal-modal .modal-header .modal-close{
  flex:0 0 34px;
  margin-top:0;
}

/* Personal profile creation modal — responsive header spacing */
#owner-personal-modal .owner-personal-modal .modal-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px;
  align-items:start;
  column-gap:18px;
  row-gap:0;
  margin:0 0 24px;
}
#owner-personal-modal .owner-personal-modal .modal-header>div{
  display:block;
  min-width:0;
  padding:0;
}
#owner-personal-modal .owner-personal-modal .modal-header h2{
  display:block;
  margin:0 0 10px!important;
  padding:0;
  font-size:23px;
  line-height:1.25!important;
  letter-spacing:-.35px;
}
#owner-personal-modal .owner-personal-modal .modal-header .modal-subtitle{
  display:block;
  margin:0!important;
  padding:0;
  max-width:500px;
  font-size:12px;
  line-height:1.6!important;
  color:var(--muted);
}
#owner-personal-modal .owner-personal-modal .modal-header .modal-close{
  position:static;
  width:40px;
  height:40px;
  margin:0;
  align-self:start;
}

@media(max-width:800px){
  #owner-personal-modal{align-items:flex-start;padding:18px 12px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}
  #owner-personal-modal .owner-personal-modal{width:100%;max-width:620px;margin:auto;padding:22px 18px 20px}
  #owner-personal-modal .owner-personal-modal .modal-header{
    grid-template-columns:minmax(0,1fr) 38px;
    column-gap:12px;
    margin-bottom:22px;
  }
  #owner-personal-modal .owner-personal-modal .modal-header h2{
    margin-bottom:9px!important;
    font-size:21px;
    line-height:1.25!important;
  }
  #owner-personal-modal .owner-personal-modal .modal-header .modal-subtitle{
    max-width:none;
    font-size:11.5px;
    line-height:1.55!important;
  }
  #owner-personal-modal .owner-personal-modal .modal-header .modal-close{
    width:38px;
    height:38px;
  }
}
@media(max-width:440px){
  #owner-personal-modal{padding:10px 8px calc(12px + env(safe-area-inset-bottom))}
  #owner-personal-modal .owner-personal-modal{padding:20px 15px 18px;border-radius:18px}
  #owner-personal-modal .owner-personal-modal .modal-header{
    grid-template-columns:minmax(0,1fr) 36px;
    column-gap:10px;
    margin-bottom:20px;
  }
  #owner-personal-modal .owner-personal-modal .modal-header h2{
    font-size:20px;
    line-height:1.28!important;
  }
  #owner-personal-modal .owner-personal-modal .modal-header .modal-subtitle{
    font-size:11px;
    line-height:1.55!important;
  }
  #owner-personal-modal .owner-personal-modal .modal-header .modal-close{
    width:36px;
    height:36px;
  }
}

/* Profile action controls belong below the banner, never over the cover image. */
.profile-avatar-row{justify-content:flex-start}
.profile-owner-actions-below{margin-top:10px;justify-content:flex-end;position:relative;z-index:3}
.profile-owner-actions-below .btn{min-height:38px}
@media(max-width:700px){
  .profile-owner-actions-below{margin-top:9px;justify-content:flex-start}
  .profile-owner-actions-below .btn{font-size:9px;padding:8px 10px}
}
@media(max-width:440px){
  .profile-owner-actions-below{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
  .profile-owner-actions-below .btn{width:100%;height:auto;min-height:38px;padding:7px 5px;font-size:0}
  .profile-owner-actions-below .btn svg{width:16px;height:16px}
}

/* GridCircle global modal header rhythm — applies to every popup */
.modal-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;justify-content:initial!important;gap:16px!important;margin-bottom:20px!important;min-height:40px}
.modal-header>div{min-width:0;display:flex;flex-direction:column;gap:6px}
.modal-header h2{margin:0!important;line-height:1.16!important;letter-spacing:-.02em}
.modal-header .modal-subtitle{display:block;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.5!important;color:var(--muted);max-width:54ch}
.modal-header .modal-close{position:static!important;margin:0!important;align-self:start;flex:0 0 auto}
.modal>.modal-subtitle{margin:-8px 0 18px;line-height:1.5}

/* My Team management workspace */
.team-workspace-tabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:4px;padding-bottom:2px}
.team-workspace-tabs::-webkit-scrollbar{display:none}.team-workspace-tabs button{flex:0 0 auto;white-space:nowrap}
.team-management-head,.team-today-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 2px 14px}.team-management-head h2,.team-today-head h2{font-size:22px;line-height:1.2;margin:5px 0 3px;color:var(--navy)}.team-management-head p,.team-today-head p{font-size:10px;color:var(--muted);margin:0;line-height:1.55}.team-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.team-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.team-stat{padding:16px 17px}.team-stat span{display:block;font-size:8.5px;font-weight:800;color:#7c8793;text-transform:uppercase;letter-spacing:.55px}.team-stat strong{display:block;font-size:25px;color:var(--navy);margin:5px 0 1px}.team-stat small{display:block;font-size:8.5px;color:#8f99a4}
.team-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.team-quick{border:1px solid #dce8e4;background:#fff;border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.18s}.team-quick:hover{border-color:#a8d5c7;box-shadow:0 8px 20px rgba(9,64,48,.06);transform:translateY(-1px)}.team-quick>svg{width:20px;color:var(--primary);flex:0 0 auto}.team-quick strong,.team-quick small{display:block}.team-quick strong{font-size:10.5px;color:var(--navy)}.team-quick small{font-size:8.3px;color:var(--muted);margin-top:2px}
.team-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-overview-card{padding:18px;min-width:0}.text-action{border:0;background:none;color:var(--primary);font-size:9px;font-weight:800;cursor:pointer}.team-mini-empty{padding:22px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8a959f;font-size:9px;gap:8px}.team-mini-empty svg{width:22px;color:#78a999}.team-deadline-row,.team-schedule-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf1ef}.team-deadline-row:first-of-type,.team-schedule-row:first-of-type{border-top:0}.team-deadline-icon{width:31px;height:31px;border-radius:9px;background:#eef7f4;color:var(--primary);display:grid;place-items:center;flex:0 0 auto}.team-deadline-icon svg{width:15px}.team-deadline-row>div{min-width:0}.team-deadline-row strong,.team-deadline-row small{display:block}.team-deadline-row strong{font-size:9.5px;color:var(--navy)}.team-deadline-row small{font-size:8.3px;color:var(--muted);margin-top:2px}
.team-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-project-card{padding:18px;min-width:0}.team-project-top,.team-task-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.team-project-top>div:first-child{display:flex;gap:6px;align-items:center}.team-status,.team-priority,.team-schedule-type{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:7.8px;font-weight:850;letter-spacing:.35px;text-transform:uppercase;background:#edf2f0;color:#54635b;white-space:nowrap}.team-status.active,.team-status.done,.team-status.completed,.team-status.approved{background:#e5f6ee;color:#13734b}.team-status.planning,.team-status.in_progress{background:#e8f0fa;color:#2e5e8f}.team-status.on_hold,.team-status.review,.team-status.pending{background:#fff4d9;color:#8a6313}.team-status.declined{background:#faeaea;color:#9a4242}.team-priority.high{background:#fff1dc;color:#946014}.team-priority.urgent{background:#fde9e9;color:#a43c3c}.team-priority.low{background:#eef3f7;color:#64727c}.team-project-card h3{font-size:15px;color:var(--navy);margin:12px 0 6px}.team-project-card>p{font-size:9.5px;line-height:1.55;color:#66727d;margin:0 0 12px;min-height:30px}.team-card-actions{display:flex;gap:4px}.danger-icon{color:#a84747!important}.team-project-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:8.5px;color:#77838d;margin:0 0 13px}.team-project-meta span{display:inline-flex;align-items:center;gap:4px}.team-project-meta svg{width:12px}.team-progress{margin:13px 0}.team-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8.5px}.team-progress strong{color:var(--navy)}.team-progress span{color:#89939c}.team-progress-track{height:6px;background:#edf2ef;border-radius:999px;overflow:hidden;margin-top:6px}.team-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#0d8d68,#1bb28c);border-radius:inherit}
.team-task-filter-row{display:flex;gap:6px;margin:0 0 10px}.team-task-filter-row button{border:1px solid #dce4e1;background:#fff;color:#65716b;border-radius:999px;padding:7px 10px;font-size:8.5px;font-weight:800}.team-task-filter-row button.active{background:#e7f5f0;border-color:#bfe0d4;color:var(--primary)}.team-task-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;align-items:start;overflow-x:auto;padding-bottom:6px}.team-task-column{background:#f2f6f4;border:1px solid #e0e9e5;border-radius:13px;padding:9px;min-width:220px}.team-task-column-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 9px}.team-task-column-head strong{font-size:9.5px;color:#536159}.team-task-column-head span{width:20px;height:20px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:8px;color:#78847d}.team-task-list{display:grid;gap:8px}.team-column-empty{padding:18px 8px;text-align:center;color:#9aa39f;font-size:8.5px}.team-task-card{padding:12px;border-radius:10px}.team-task-card.overdue{border-color:#efcaca}.team-task-card h4{font-size:10.5px;color:var(--navy);margin:9px 0 5px;line-height:1.35}.team-task-card>p{font-size:8.5px;line-height:1.45;color:#6e7974;margin:0 0 8px}.team-task-project{display:inline-flex;align-items:center;gap:4px;font-size:7.8px;color:#597166;background:#edf5f1;border-radius:6px;padding:4px 6px}.team-task-project svg{width:10px}.team-task-assignees{display:flex;align-items:center;margin:10px 0 7px;min-height:25px}.team-task-assignees .avatar-xs{margin-right:-5px;border:2px solid #fff}.team-task-assignees>span{font-size:8px;color:#9aa39e}.team-task-foot{border-top:1px solid #edf0ef;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:7px}.team-task-foot>span:first-child{display:flex;align-items:center;gap:4px;font-size:7.7px;color:#8a9490}.team-task-foot svg{width:10px}.overdue-text{color:#ac4545!important;font-weight:800}.team-task-status-select{border:1px solid #d9e3df;border-radius:7px;background:#fff;padding:5px 6px;font-size:7.7px;color:#55645c;max-width:98px}
.team-calendar-card{padding:16px}.team-calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:13px}.team-calendar-toolbar h3{font-size:15px;color:var(--navy);min-width:170px;text-align:center;margin:0}.team-calendar-weekdays,.team-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.team-calendar-weekdays span{text-align:center;font-size:7.5px;font-weight:850;color:#87918c;text-transform:uppercase;padding:6px}.team-calendar-grid{border-left:1px solid #e4ebe8;border-top:1px solid #e4ebe8}.team-calendar-day{min-height:108px;border-right:1px solid #e4ebe8;border-bottom:1px solid #e4ebe8;background:#fff;padding:6px;min-width:0}.team-calendar-day.outside{background:#f8faf9}.team-calendar-day.today{background:#f0f9f6}.team-calendar-number{font-size:8.5px;font-weight:800;color:#65716b;width:22px;height:22px;display:grid;place-items:center;border-radius:50%}.team-calendar-day.today .team-calendar-number{background:var(--primary);color:#fff}.team-calendar-items{display:grid;gap:3px}.team-calendar-item{display:flex;align-items:center;gap:4px;border-radius:5px;padding:3px 4px;font-size:7px;background:#eef4f1;color:#4e6259;min-width:0}.team-calendar-item svg{width:9px;flex:0 0 auto}.team-calendar-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-calendar-item.project{background:#e7f0fa;color:#345f89}.team-calendar-item.task{background:#fff2dc;color:#825e19}.team-calendar-item.schedule{background:#e8f6f0;color:#167454}.team-calendar-item.timeoff{background:#f2eafb;color:#6e4b91}.team-calendar-items small{font-size:6.8px;color:#84908a}.team-calendar-legend{display:flex;gap:14px;flex-wrap:wrap;padding-top:12px;font-size:7.8px;color:#7c8782}.team-calendar-legend span{display:flex;align-items:center;gap:5px}.team-calendar-legend .dot{width:7px;height:7px;border-radius:50%;background:#e5ece9}.team-calendar-legend .dot.project{background:#6b9ac7}.team-calendar-legend .dot.task{background:#d9a448}.team-calendar-legend .dot.schedule{background:#39a781}.team-calendar-legend .dot.event{background:#8b9b94}.team-calendar-legend .dot.timeoff{background:#9c78b8}
.team-schedule-toolbar{padding:11px 13px;margin-bottom:10px;display:flex;justify-content:flex-end}.team-schedule-toolbar label{display:flex;align-items:center;gap:8px;font-size:8.5px;color:#76817c}.team-schedule-toolbar select{margin:0;border:1px solid #dce4e0;border-radius:8px;padding:7px 9px;background:#fff;font-size:9px}.team-schedule-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:12px}.team-schedule-card,.team-timeoff-card{padding:17px}.team-schedule-row>.avatar{flex:0 0 auto}.team-schedule-copy{min-width:0;flex:1}.team-schedule-copy strong,.team-schedule-copy span,.team-schedule-copy small{display:block}.team-schedule-copy strong{font-size:9.8px;color:var(--navy)}.team-schedule-copy span{font-size:8.3px;color:#6f7b75;margin-top:2px}.team-schedule-copy small{font-size:7.8px;color:#919a96;margin-top:3px}.team-schedule-type{font-size:6.8px}.team-timeoff-row{padding:10px 0;border-top:1px solid #edf1ef;display:flex;align-items:center;gap:8px}.team-timeoff-row:first-of-type{border-top:0}.team-timeoff-row>div:first-child{min-width:0;flex:1}.team-timeoff-row strong,.team-timeoff-row span:not(.team-status),.team-timeoff-row small{display:block}.team-timeoff-row strong{font-size:9.3px;color:var(--navy)}.team-timeoff-row>div:first-child>span{font-size:8px;color:#6f7a75;margin-top:2px}.team-timeoff-row small{font-size:7.5px;color:#8a9490;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-timeoff-actions{display:flex;gap:4px}
.team-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-resource-card{padding:15px;display:flex;align-items:flex-start;gap:11px}.team-resource-icon{width:36px;height:36px;border-radius:10px;background:#eef7f3;color:var(--primary);display:grid;place-items:center;flex:0 0 auto}.team-resource-icon svg{width:17px}.team-resource-copy{min-width:0;flex:1}.team-resource-copy>span{font-size:7px;font-weight:850;color:#7c8983;text-transform:uppercase;letter-spacing:.55px}.team-resource-copy h3{font-size:11px;color:var(--navy);margin:3px 0 4px}.team-resource-copy p{font-size:8.5px;color:#6d7873;line-height:1.5;margin:0 0 7px}.team-resource-copy a{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:8.3px;font-weight:800}.team-resource-copy a svg{width:10px}
.team-management-modal{width:min(650px,94vw)}.team-management-modal form{display:flex;flex-direction:column;gap:12px}.team-form-section{border:1px solid #e0e8e5;background:#f7faf9;border-radius:11px;padding:11px}.team-form-section-head{margin-bottom:8px}.team-form-section-head strong,.team-form-section-head span{display:block}.team-form-section-head strong{font-size:9.5px;color:var(--navy)}.team-form-section-head span{font-size:8px;color:#8a9590;margin-top:2px}.team-person-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:180px;overflow:auto}.team-check-person{margin:0!important}.team-check-person>input{position:absolute;opacity:0;pointer-events:none}.team-check-person>span{display:flex;align-items:center;gap:7px;border:1px solid #dfe7e4;background:#fff;border-radius:9px;padding:7px;cursor:pointer}.team-check-person input:checked+span{border-color:#74bea6;background:#eaf7f2;box-shadow:inset 0 0 0 1px #74bea6}.team-check-person b{font-size:8.5px;color:#4b5b53}.team-all-day{padding:2px 0}

@media(max-width:980px){.team-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.team-project-grid,.team-resource-grid,.team-overview-grid{grid-template-columns:1fr}.team-schedule-layout{grid-template-columns:1fr}}
@media(max-width:760px){.modal-backdrop{padding:12px}.modal{padding:20px 16px;max-height:calc(100dvh - 24px)}.modal-header{gap:12px!important;margin-bottom:18px!important}.modal-header h2{font-size:18px!important}.modal-header .modal-subtitle{font-size:10.5px!important;line-height:1.5!important}.modal-header .modal-close{width:34px;height:34px}.team-management-head,.team-today-head{align-items:stretch;flex-direction:column;gap:10px}.team-management-head>.btn,.team-management-head>.team-head-actions{width:100%}.team-management-head>.btn{justify-content:center}.team-head-actions .btn{flex:1}.team-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.team-stat{padding:13px}.team-stat strong{font-size:21px}.team-quick-actions{grid-template-columns:1fr 1fr;gap:7px}.team-quick{padding:10px}.team-task-board{grid-template-columns:repeat(4,82vw);margin-right:-8px}.team-calendar-card{padding:9px;overflow-x:auto}.team-calendar-weekdays,.team-calendar-grid{min-width:680px}.team-calendar-day{min-height:92px}.team-calendar-toolbar{position:sticky;left:0;justify-content:flex-start}.team-calendar-toolbar h3{min-width:150px}.team-person-check-grid{grid-template-columns:1fr}.team-schedule-row{align-items:flex-start;flex-wrap:wrap}.team-schedule-type{margin-left:43px}.team-timeoff-row{align-items:flex-start;flex-wrap:wrap}.team-timeoff-actions{width:100%;padding-left:0}.team-resource-grid{grid-template-columns:1fr}}
@media(max-width:430px){.team-stat-grid{grid-template-columns:1fr 1fr}.team-quick-actions{grid-template-columns:1fr}.team-project-card{padding:15px}.team-management-modal .form-row,.team-timeoff-modal .form-row{grid-template-columns:1fr}.team-head-actions{flex-direction:column}.team-head-actions .btn{width:100%}.modal-header{grid-template-columns:minmax(0,1fr) 34px!important}.modal-header>div{gap:7px}}
.team-calendar-agenda{border-top:1px solid #e8eeeb;margin-top:14px;padding-top:14px}.team-calendar-agenda-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #edf1ef}.team-calendar-agenda-row:first-of-type{border-top:0}.team-calendar-agenda-row>div:nth-child(2){min-width:0;flex:1}.team-calendar-agenda-row strong,.team-calendar-agenda-row small{display:block}.team-calendar-agenda-row strong{font-size:9.5px;color:var(--navy)}.team-calendar-agenda-row small{font-size:8px;color:var(--muted);margin-top:2px}

/* GridCircle Explore + marketplace expansion */
.composer-actions{grid-template-columns:repeat(6,1fr)}
.post-actions{grid-template-columns:repeat(4,1fr)}
.save-post-btn.saved,.save-listing-btn.saved{color:var(--primary)!important;background:#e8f5f1!important;border-color:#bfe3d7!important}

/* Universal popup heading spacing: applies to every modal with title + helper text */
.modal-header{align-items:flex-start!important;gap:18px!important;margin-bottom:22px!important;min-height:38px}
.modal-header>div{min-width:0;flex:1;padding-right:4px}
.modal-header h2{margin:0!important;line-height:1.2!important;display:block}
.modal-header .modal-subtitle{display:block!important;margin:7px 0 0!important;line-height:1.55!important;color:var(--muted);font-size:11px}
.modal-header .modal-close{flex:0 0 auto!important;margin:0!important}

.explore-page{min-width:0}.explore-tabs{flex-wrap:wrap}.explore-tabs button{flex:1;min-width:120px}.explore-search{position:relative;padding:11px;margin-bottom:0;flex:1}.explore-search svg{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:17px;color:#8790a2}.explore-search input{width:100%;border:0;background:#f7f8f9;border-radius:9px;padding:11px 12px 11px 38px;outline:none;font-size:11px}.explore-toolbar{display:flex;gap:10px;align-items:stretch;margin-bottom:12px}.explore-toolbar>.btn{white-space:nowrap}.explore-summary{display:flex;align-items:center;justify-content:space-between;margin:12px 2px;color:var(--muted);font-size:10px}.explore-summary strong{color:var(--navy);font-size:11px}.directory-grid,.service-grid,.circle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.directory-card,.service-card,.circle-card{padding:18px}.directory-card{display:flex;flex-direction:column;align-items:flex-start}.directory-card>.avatar-lg{width:62px;height:62px;font-size:16px;margin-bottom:12px}.directory-card-copy{flex:1;width:100%}.directory-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.directory-name h3,.service-card h3,.circle-card h3{margin:0;color:var(--navy);font-size:15px}.directory-card-copy>span,.service-head span{font-size:9px;color:var(--muted)}.directory-card-copy>p,.service-card>p,.circle-card p{font-size:10.5px;color:#667284;line-height:1.6;margin:10px 0}.directory-tags,.circle-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.directory-tags b,.circle-meta b{font-size:8.5px;background:#edf7f3;color:var(--primary);border-radius:12px;padding:5px 7px}.directory-actions,.service-actions{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.service-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.service-head>.avatar{width:36px;height:36px;font-size:9px}.service-head>div{min-width:0;flex:1}.service-head button{border:0;background:none;padding:0;text-align:left;color:var(--navy)}.service-head>b{font-size:8px;padding:5px 7px;border-radius:10px;background:#eef3f7;color:#536174}.service-meta{display:flex;gap:10px;flex-wrap:wrap}.service-meta span{display:flex;gap:4px;align-items:center;color:#697587;font-size:9px}.service-meta svg{width:12px}.service-card.paused{opacity:.7}.circle-intro,.saved-hero{display:flex;align-items:center;gap:13px;padding:16px;margin-bottom:12px}.circle-intro>svg,.saved-hero>svg{width:28px;color:var(--primary)}.circle-intro strong,.saved-hero h2{display:block;margin:0;color:var(--navy);font-size:13px}.circle-intro span,.saved-hero p{display:block;margin:3px 0 0;font-size:9.5px;color:var(--muted);line-height:1.5}.circle-card{display:flex;flex-direction:column}.circle-icon{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#0d3154,#0b9b72);color:#fff;display:grid;place-items:center;margin-bottom:11px}.circle-icon svg{width:20px}.circle-icon.large{width:60px;height:60px;border-radius:17px;margin:0}.circle-privacy{display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;font-size:7.5px;font-weight:850;letter-spacing:.5px;color:#667485;margin-bottom:6px}.circle-privacy svg{width:11px}.circle-meta span{font-size:8.5px;color:var(--muted)}.explore-back{border:0;background:none;color:var(--primary);display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:4px 0 11px}.explore-back svg{width:15px}.circle-hero{display:flex;align-items:flex-start;gap:15px;padding:20px;margin-bottom:12px}.circle-hero-copy{flex:1}.circle-hero h1{margin:0 0 6px;color:var(--navy);font-size:22px}.circle-hero p{font-size:10.5px;line-height:1.55;color:var(--muted);margin:0 0 9px}.circle-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:12px}.circle-composer{padding:15px;margin-bottom:12px}.circle-composer .post-author-row span{display:block;font-size:9px;color:var(--muted);margin-top:2px}.circle-composer textarea{width:100%;border:0;background:#f6f8f9;border-radius:10px;padding:12px;margin-top:12px;min-height:90px;resize:vertical}.circle-feed{display:flex;flex-direction:column;gap:12px}.circle-members-panel{padding:14px;height:fit-content}.circle-members-panel h3{margin:0 0 8px;color:var(--navy);font-size:12px}.circle-member-row{display:flex;gap:7px;align-items:center;padding:8px 0;border-top:1px solid #eef0f3}.circle-member-row strong{display:block;font-size:9px}.circle-member-row span{display:block;font-size:7.5px;color:var(--muted);text-transform:capitalize}.circle-pending{margin-top:13px;border-top:1px solid var(--line);padding-top:10px}.circle-pending h4{font-size:9px;margin:0 0 6px}.circle-request{font-size:8px;padding:6px 0}.circle-request span{display:block;margin-bottom:4px}.circle-request button{border:0;background:#edf5f2;color:var(--primary);font-size:7.5px;border-radius:6px;padding:4px 6px;margin-right:3px}.circle-locked{padding:30px;text-align:center}.circle-locked>svg{width:34px;color:var(--primary)}.circle-locked h3{color:var(--navy);font-size:15px}.circle-locked p{font-size:10px;color:var(--muted)}.saved-section{margin-top:20px}.saved-hero h2{font-size:15px}.gc-poll{margin:14px 0 5px;padding:14px;background:#f7faf9;border:1px solid #e0ebe7;border-radius:12px}.gc-poll-label{display:flex;align-items:center;gap:5px;color:var(--primary);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px}.gc-poll-label svg{width:13px}.gc-poll-option{width:100%;position:relative;overflow:hidden;border:1px solid #dfe7e4;background:#fff;border-radius:9px;padding:10px 11px;margin:6px 0;text-align:left;color:var(--navy)}.gc-poll-option:hover:not(:disabled){border-color:#8fcdb6}.gc-poll-option.selected{border-color:var(--primary)}.gc-poll-option-bar{position:absolute;inset:0 auto 0 0;background:#e4f4ee;z-index:0}.gc-poll-option-copy{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;align-items:center}.gc-poll-option-copy strong{font-size:10px}.gc-poll-option-copy small{font-size:8px;color:#6d7888}.gc-poll-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin-top:8px}

@media(max-width:800px){.composer-actions{grid-template-columns:repeat(3,1fr)}.mobile-nav{grid-template-columns:repeat(8,1fr)!important}.mobile-nav button span{font-size:6.3px!important}.directory-grid,.service-grid,.circle-grid{grid-template-columns:1fr}.explore-toolbar{display:block}.explore-toolbar>.btn{width:100%;margin-top:8px}.circle-hero{flex-wrap:wrap}.circle-hero-actions{width:100%}.circle-layout{grid-template-columns:1fr}.circle-members-panel{order:-1}.explore-tabs{display:grid;grid-template-columns:1fr 1fr}.explore-tabs button{min-width:0}.modal-header{gap:12px!important}.modal-header .modal-subtitle{font-size:10px!important;line-height:1.5!important}}
@media(max-width:440px){.mobile-nav button span{font-size:5.8px!important}.mobile-nav svg{width:16px!important}.post-actions button{font-size:10px}.directory-card,.service-card,.circle-card{padding:15px}}

/* GridCircle mentions, hashtags, leads, events, and public business team display */
.composer-social-help{display:flex;align-items:center;gap:6px;color:#7b8696;font-size:9px;margin:7px 2px 2px}.composer-social-help svg{width:13px;color:var(--primary)}.composer-social-help span{opacity:.55}.inline-mention,.inline-hashtag{border:0;background:none;padding:0;margin:0;color:var(--primary);font:inherit;font-weight:750;cursor:pointer;display:inline}.inline-mention:hover,.inline-hashtag:hover{text-decoration:underline}.hashtag-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;margin-bottom:12px;color:#617083;font-size:10px}.hashtag-filter-bar span{display:flex;align-items:center;gap:6px}.hashtag-filter-bar svg{width:15px;color:var(--primary)}.hashtag-filter-bar strong{color:var(--navy)}

.lead-intro,.event-intro{display:flex;align-items:center;gap:13px;padding:16px;margin-bottom:12px}.lead-intro>svg,.event-intro>svg{width:28px;color:var(--primary)}.lead-intro strong,.event-intro strong{display:block;color:var(--navy);font-size:13px}.lead-intro span,.event-intro span{display:block;color:var(--muted);font-size:9.5px;line-height:1.5;margin-top:3px}.lead-grid,.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lead-card{padding:18px;display:flex;flex-direction:column}.lead-card.closed,.event-card.closed{opacity:.68}.lead-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lead-card-head .service-head{margin:0}.lead-type{font-size:7.5px;font-weight:850;text-transform:uppercase;letter-spacing:.4px;background:#edf7f3;color:var(--primary);border-radius:10px;padding:5px 7px;white-space:nowrap}.lead-card h3{font-size:15px;color:var(--navy);margin:14px 0 7px}.lead-card>p{font-size:10.5px;color:#667284;line-height:1.6;margin:0 0 12px;flex:1}.lead-meta{display:flex;gap:9px;flex-wrap:wrap}.lead-meta span{display:flex;align-items:center;gap:4px;font-size:8.5px;color:#6b7787}.lead-meta svg{width:12px}

.event-card{padding:16px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px}.event-date-block{border-radius:13px;background:linear-gradient(145deg,#0a2e50,#0b956e);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:78px;height:fit-content;padding:10px}.event-date-block strong{font-size:16px}.event-date-block span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;margin-top:3px}.event-card-body{min-width:0}.event-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.event-card h3{font-size:14px;color:var(--navy);margin:4px 0}.event-type{font-size:7.5px;font-weight:850;text-transform:uppercase;color:var(--primary);letter-spacing:.45px}.event-format{display:flex;align-items:center;gap:4px;font-size:7.5px;padding:5px 7px;border-radius:9px;background:#f0f4f6;color:#657182;white-space:nowrap}.event-format svg{width:11px}.event-card-body>p{font-size:10px;color:#677384;line-height:1.55;margin:7px 0 10px}.event-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.event-meta span{display:flex;align-items:center;gap:4px;font-size:8.5px;color:#6a7687}.event-meta svg{width:12px}.event-host{display:flex;align-items:center;gap:7px;border-top:1px solid #edf0f2;padding-top:9px}.event-host .avatar{width:28px;height:28px;font-size:7px}.event-host button{border:0;background:none;color:#687586;font-size:8px;text-align:left;padding:0}.event-host strong{color:var(--navy)}.event-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}

.business-public-team{margin-top:12px}.business-team-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px}.business-team-heading h3{font-size:15px!important;margin:4px 0!important;color:var(--navy)}.business-team-heading p{font-size:9.5px;color:var(--muted);margin:0}.business-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.business-team-person{border:1px solid #e5ebe8;background:#fbfcfc;border-radius:12px;padding:14px;text-align:center;cursor:pointer;transition:.15s}.business-team-person:hover{border-color:#b9d9cd;transform:translateY(-1px)}.business-team-person .avatar-lg{width:55px;height:55px;margin:0 auto 8px}.business-team-person strong,.business-team-person span,.business-team-person small{display:block}.business-team-person strong{color:var(--navy);font-size:10px}.business-team-person span{color:#667485;font-size:8.5px;margin-top:3px}.business-team-person small{color:#9aa3ae;font-size:7.5px;margin-top:2px}.business-team-display-options{display:flex;flex-direction:column;gap:8px;margin:4px 0 18px;max-height:52vh;overflow:auto}.business-display-option{display:grid;grid-template-columns:38px minmax(150px,1fr) minmax(170px,1fr);gap:10px;align-items:center;border:1px solid #e5ebe8;border-radius:11px;padding:10px}.business-display-option>.avatar{width:36px;height:36px}.business-display-check{display:flex!important;align-items:center!important;flex-direction:row!important;gap:8px!important;margin:0!important}.business-display-check input{width:16px!important;height:16px!important;flex:0 0 auto}.business-display-check span{min-width:0}.business-display-check strong,.business-display-check small{display:block}.business-display-check strong{font-size:9.5px;color:var(--navy)}.business-display-check small{font-size:7.5px;color:var(--muted)}.business-display-title{margin:0!important}

@media(max-width:900px){.lead-grid,.event-grid{grid-template-columns:1fr}.business-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-display-option{grid-template-columns:36px minmax(0,1fr)}.business-display-title{grid-column:2}}
@media(max-width:800px){.explore-tabs{grid-template-columns:1fr 1fr 1fr!important}.event-card{grid-template-columns:58px minmax(0,1fr);padding:13px;gap:10px}.event-date-block{min-height:66px}.business-team-heading{flex-direction:column}.business-team-heading .btn{width:100%;justify-content:center}}
@media(max-width:520px){.explore-tabs{grid-template-columns:1fr 1fr!important}.lead-card{padding:15px}.event-card{grid-template-columns:1fr}.event-date-block{width:72px;min-height:58px}.event-card-top{flex-direction:column}.business-team-grid{grid-template-columns:1fr 1fr}.business-team-person{padding:10px}.business-team-person .avatar-lg{width:45px;height:45px}.business-display-option{grid-template-columns:32px minmax(0,1fr)}.business-display-option>.avatar{width:30px;height:30px}.hashtag-filter-bar{align-items:flex-start;flex-direction:column}.hashtag-filter-bar .btn{width:100%}}

/* Linked business-owner personal profile inside My Team */
.team-invite-owner-section{margin:4px 0 12px;padding:11px 12px;background:#f4fbf8;border:1px solid #cae8dd;border-radius:12px}.team-invite-section-label{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:850;letter-spacing:.55px;color:var(--primary);text-transform:uppercase;margin-bottom:3px}.team-invite-section-label svg{width:13px;height:13px}.owner-personal-team-option{border-top:0;padding:8px 0 5px}.team-owner-profile-help{font-size:8.8px;line-height:1.5;color:var(--muted);margin:3px 0 0}.owner-personal-team-option .btn{white-space:nowrap}
@media(max-width:800px){.team-invite-owner-section{padding:10px}.owner-personal-team-option{flex-wrap:wrap}.owner-personal-team-option .team-invite-profile{min-width:180px}.owner-personal-team-option .btn{margin-left:48px}}