:root{--blue:#1877f2;--blue-dark:#0866ff;--blue-soft:#e7f3ff;--navy:#162b4d;--text:#050505;--muted:#65676b;--bg:#f0f2f5;--card:#fff;--line:#dddfe2;--hover:#f2f3f5;--green:#31a24c;--danger:#e41e3f;--shadow:0 1px 2px rgba(0,0,0,.12);--shadow-lg:0 8px 30px rgba(0,0,0,.16)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(24,119,242,.22);outline-offset:1px}h1,h2,h3,p{margin-top:0}.sa-logo{position:relative;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#0866ff,#1877f2);display:grid;place-items:center;color:#fff;box-shadow:0 4px 12px rgba(24,119,242,.25);flex:0 0 auto}.sa-logo span{font-size:27px;font-weight:700;line-height:1;letter-spacing:-2px}.sa-logo i,.sa-logo b{position:absolute;border:2px solid #fff;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-20deg);opacity:.95}.sa-logo i{width:10px;height:10px;right:5px;top:5px}.sa-logo b{width:16px;height:16px;right:2px;top:2px}.sa-logo-xl{width:68px;height:68px;border-radius:18px}.sa-logo-xl span{font-size:44px}.sa-logo-xl i{width:15px;height:15px;right:8px;top:8px}.sa-logo-xl b{width:23px;height:23px;right:4px;top:4px}
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);background:linear-gradient(135deg,#edf5ff 0,#fff 55%,#e7f3ff 100%)}.auth-hero{padding:10vh 8vw;display:flex;flex-direction:column;justify-content:center}.auth-brand{display:flex;align-items:center;gap:18px;margin-bottom:58px}.auth-brand h1{font-size:32px;margin:0;color:#1c1e21}.auth-brand h1 strong{color:var(--blue)}.auth-brand p{margin:5px 0 0;color:var(--muted);letter-spacing:.04em}.auth-hero>h2{font-size:48px;line-height:1.08;max-width:640px;letter-spacing:-1.8px;color:#17233b;margin-bottom:18px}.auth-intro{font-size:20px;line-height:1.55;color:#536178;max-width:650px}.auth-benefits{display:grid;gap:14px;margin-top:24px;max-width:590px}.auth-benefits>div{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.78);border:1px solid rgba(24,119,242,.1);padding:14px 18px;border-radius:14px}.auth-benefits span{width:42px;height:42px;background:var(--blue-soft);display:grid;place-items:center;border-radius:50%}.auth-benefits p{display:grid;margin:0}.auth-benefits small{color:var(--muted);margin-top:3px}.auth-card{background:#fff;padding:34px;width:min(460px,calc(100% - 40px));margin:auto;border-radius:18px;box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05)}.auth-card-brand{display:none;align-items:center;gap:10px;margin-bottom:22px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{flex:1;background:none;padding:14px 10px;font-weight:700;color:var(--muted);border-bottom:3px solid transparent}.tabs button.active,.tabs button:hover{color:var(--blue);border-color:var(--blue)}.auth-card h2{font-size:27px;margin-bottom:7px}.form-help{color:var(--muted);margin-bottom:22px}label{display:grid;gap:7px;font-weight:600;margin:14px 0;font-size:14px}input,textarea,select{padding:13px 14px;border:1px solid #ccd0d5;border-radius:9px;background:#fff;color:var(--text)}input:focus,textarea:focus,select:focus{border-color:var(--blue)}textarea{min-height:110px;resize:vertical}.primary,.btn{background:var(--blue);color:#fff!important;padding:12px 18px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:.16s}.primary:hover,.btn:hover{background:#166fe5;transform:translateY(-1px)}.auth-submit{width:100%;font-size:17px;margin-top:8px}.demo-access{display:block;text-align:center;color:var(--muted);margin-top:15px;font-size:12px}.secondary{background:#e4e6eb;color:#050505;padding:11px 15px;border-radius:8px;font-weight:650}.secondary:hover{background:#d8dadf}.danger{color:var(--danger)!important}.text-button{background:none;color:var(--blue);font-weight:700;padding:8px 0;text-align:left}
.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 22px;position:sticky;top:0;z-index:10;box-shadow:0 1px 4px rgba(0,0,0,.08)}.brand{display:flex;align-items:center;gap:10px;min-width:218px}.brand .sa-logo{width:40px;height:40px;border-radius:50%}.brand-name{font-size:18px;white-space:nowrap}.brand-name strong{color:var(--blue)}.search-wrap{position:relative;width:min(360px,27vw)}.search-wrap span{position:absolute;left:14px;top:8px;color:var(--muted);font-size:25px;line-height:1}.search-wrap input{width:100%;border:0;background:#f0f2f5;border-radius:999px;padding:11px 16px 11px 40px}.top-nav{align-self:stretch;display:flex;justify-content:center;flex:1;max-width:560px;margin:auto}.top-nav button{position:relative;min-width:88px;background:transparent;color:#65676b;font-size:25px;border-radius:8px;margin:4px 2px}.top-nav button:hover{background:var(--hover)}.top-nav button.selected{color:var(--blue)}.top-nav button.selected:after{content:"";position:absolute;height:3px;background:var(--blue);left:6px;right:6px;bottom:-1px}.header-user{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-button{width:40px;height:40px;border-radius:50%;background:#e4e6eb;display:grid;place-items:center;font-size:22px;position:relative}.bell #bellCount{position:absolute;right:-3px;top:-4px;background:var(--danger);color:white;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;font-size:11px;font-weight:700}.bell #bellCount:empty{display:none}.user-pill{height:40px;border-radius:999px;background:transparent;display:flex;align-items:center;gap:7px;padding:4px 9px;font-weight:650}.user-pill:hover{background:var(--hover)}.mini-user-dot{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#12345b,var(--blue));display:block}.logout{background:none;color:var(--blue);font-weight:700;padding:8px}.layout{display:grid;grid-template-columns:240px minmax(480px,680px) 300px;gap:24px;max-width:1280px;margin:auto;padding:22px 16px}.sidebar{display:grid;align-content:start;gap:4px;position:sticky;top:86px;height:calc(100vh - 104px)}.sidebar-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#8a8d91;padding:8px 13px}.sidebar button{background:transparent;text-align:left;padding:12px 13px;border-radius:9px;font-weight:650;font-size:15px;display:flex;align-items:center;gap:13px;color:#1c1e21}.sidebar button:hover{background:#e4e6eb}.sidebar button.selected{background:var(--blue-soft);color:var(--blue)}.sidebar button>span{flex:1}.publish-btn{margin-top:12px!important;background:var(--blue)!important;color:#fff!important;justify-content:center!important}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px;color:var(--muted);display:grid;gap:4px}.sidebar-footer b{color:#4b4f56;font-size:13px}.right{display:grid;align-content:start;gap:16px;position:sticky;top:86px;height:max-content}.right footer{color:#8a8d91;font-size:12px;line-height:1.6;padding:6px 10px}.side-card,.card{background:var(--card);border:1px solid #e4e6eb;border-radius:12px;box-shadow:var(--shadow)}.side-card{padding:17px}.side-card-head{display:flex;align-items:center;justify-content:space-between}.side-card h3{font-size:17px;margin-bottom:13px}.side-card-head button{background:none;color:var(--muted)}.side-card a{display:block;color:#385898;text-decoration:none;padding:8px 0;font-size:14px}.side-card a:hover{text-decoration:underline}.pro-card{display:flex;gap:12px}.pro-card p{font-size:13px;color:var(--muted);line-height:1.4}.pro-icon{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:800;flex:0 0 auto}.card{padding:18px}.composer{display:flex;gap:12px;align-items:center;margin-bottom:16px}.composer button{flex:1;text-align:left;background:#f0f2f5;border:0;padding:13px 17px;border-radius:999px;color:var(--muted);font-size:16px}.composer button:hover{background:#e4e6eb}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#152f52,#1877f2);color:white;display:flex;align-items:center;justify-content:center;object-fit:cover;font-weight:bold}.avatar.big{width:88px;height:88px;margin:-44px auto 8px;border:4px solid white}.avatar.huge{width:132px;height:132px;border:5px solid white}.post{margin-bottom:16px;padding:0;overflow:hidden}.post-author{display:flex;gap:11px;align-items:center;padding:16px 16px 0}.post-author>div:nth-child(2){flex:1}.link-name{background:none;padding:0;font-size:15px;color:#050505}.link-name:hover{text-decoration:underline}.meta{color:var(--muted);font-size:13px}.post h2{font-size:20px;line-height:1.25;padding:0 16px;margin:14px 0 8px}.post>div:nth-of-type(2),.post-body{margin-left:16px;margin-right:16px}.featured{border-color:#b9d6ff;box-shadow:0 0 0 1px #dbeafe,var(--shadow)}.featured-label,.tag,.skill{display:inline-block;background:var(--blue-soft);color:#1665d8;border-radius:999px;padding:5px 9px;font-size:12px;margin:3px}.featured-label{background:#fff4df;color:#b55b00;font-weight:700}.tag.muted{background:#f0f2f5;color:#526174}.post-body{line-height:1.55;font-size:15px;white-space:pre-line}.post-image{width:100%;max-height:560px;object-fit:cover;display:block;margin-top:12px}.actions{display:flex;border-top:1px solid var(--line);margin-top:14px;padding:5px 8px;gap:4px}.actions button{flex:1;background:transparent;padding:10px 8px;border-radius:7px;color:var(--muted);font-weight:650}.actions button:hover{background:var(--hover)}.actions .active{color:var(--blue)}.answer{background:#f7f8fa;border-radius:14px;padding:11px 13px;margin:8px 16px 13px 66px;position:relative}.answer:before{content:"";position:absolute;left:-27px;top:0;width:20px;height:20px;border-left:2px solid #ccd0d5;border-bottom:2px solid #ccd0d5;border-radius:0 0 0 12px}.page-title{margin:2px 0 16px}.page-title h1{font-size:26px;margin-bottom:5px}.page-title p{color:var(--muted)}.people-grid,.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.person{text-align:center;overflow:hidden;padding-top:0}.mini-cover{height:100px;margin:0 -18px;background:linear-gradient(135deg,#172c4c,#1877f2);background-size:cover;background-position:center}.person h3{margin-bottom:5px}.person button{margin:5px 2px}.availability{color:var(--green);font-weight:650}.skills{margin:10px 0}.follow-stats{display:flex;justify-content:center;gap:18px;margin:12px;font-size:13px}.community{display:grid;align-content:start}.community-icon{font-size:38px;width:58px;height:58px;background:var(--blue-soft);display:grid;place-items:center;border-radius:15px}.community button{margin-top:12px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px}.wide{grid-column:1/-1}.avatar-editor{display:flex;align-items:center;gap:20px}.cover-editor{height:200px;border-radius:10px;background:linear-gradient(135deg,#172c4c,#1877f2);background-size:cover;background-position:center;display:flex;align-items:end;padding:15px}.profile-public{padding:0;overflow:hidden}.cover{height:260px;background:linear-gradient(135deg,#172c4c,#1877f2);background-size:cover;background-position:center}.profile-head{display:flex;gap:20px;align-items:end;padding:0 28px;margin-top:-65px}.profile-head>div{padding-bottom:10px}.profile-head h1{margin-bottom:3px}.profile-head h3{color:var(--muted);font-weight:500;margin-bottom:8px}.profile-actions,.profile-public section{padding:10px 28px}.profile-actions{display:flex;gap:8px;justify-content:flex-end;border-bottom:1px solid var(--line)}.profile-public section{border-top:1px solid var(--line);margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.stats div{background:#fff;border:1px solid #e4e6eb;border-radius:10px;padding:18px;text-align:center;box-shadow:var(--shadow)}.stats b{display:block;font-size:26px}.stats span{color:var(--muted);font-size:13px}.notification{display:flex;gap:15px;margin-bottom:10px}.unread{border-left:4px solid var(--blue);background:#f1f7ff}.empty{text-align:center;padding:55px;color:var(--muted)}dialog{border:0;border-radius:14px;max-width:560px;width:90%;padding:0;box-shadow:var(--shadow-lg)}dialog::backdrop{background:rgba(0,0,0,.52)}dialog form{padding:22px}.dialog-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.dialog-head button{width:34px;height:34px;border-radius:50%;background:#e4e6eb}.file-label{background:#f0f2f5;padding:12px;border-radius:8px}.upload-preview{max-width:100%;max-height:280px;border-radius:8px}#toast{position:fixed;right:20px;bottom:20px;background:#242526;color:#fff;padding:14px 20px;border-radius:8px;opacity:0;transform:translateY(20px);transition:.2s;z-index:20;box-shadow:var(--shadow-lg)}#toast.show{opacity:1;transform:none}#toast.bad{background:#b42318}
@media(max-width:1120px){.layout{grid-template-columns:210px minmax(450px,680px)}.right{display:none}.top-nav button{min-width:70px}.brand-name{display:none}.brand{min-width:auto}.search-wrap{width:260px}}
@media(max-width:820px){.layout{grid-template-columns:76px minmax(0,1fr);padding:14px 8px;gap:12px}.sidebar{align-items:center}.sidebar-title,.sidebar button span,.sidebar-footer{display:none}.sidebar button{width:52px;height:48px;justify-content:center;font-size:20px}.sidebar .publish-btn{font-size:0}.sidebar .publish-btn:first-letter{font-size:22px}.search-wrap{width:auto;flex:1}.top-nav{display:none}.user-pill span:last-child,.logout{display:none}.people-grid,.community-grid{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-hero{display:none}.auth-card-brand{display:flex}}
@media(max-width:560px){.topbar{padding:0 8px;gap:7px}.topbar .sa-logo{width:38px;height:38px}.search-wrap input{font-size:14px}.layout{display:block;padding:10px 7px 76px}.sidebar{position:fixed;z-index:9;bottom:0;left:0;right:0;top:auto;height:64px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:5px}.sidebar button{display:none}.sidebar button[data-view="feed"],.sidebar button[data-view="communities"],.sidebar button[data-view="experts"],.sidebar button[data-view="profile"],.sidebar .publish-btn{display:flex;width:48px;height:48px;margin:0!important}.sidebar .publish-btn{order:3;border-radius:50%}.profile-grid{grid-template-columns:1fr}.profile-head{display:block;margin-top:-65px}.profile-head .avatar{margin-left:auto;margin-right:auto}.profile-head>div{text-align:center}.profile-actions{justify-content:center}.stats{grid-template-columns:1fr 1fr}.post h2{font-size:18px}.actions button{font-size:0}.actions button::first-letter{font-size:18px}.auth-card{padding:25px 21px}.auth{background:#fff}.auth-card{box-shadow:none;border:0;width:100%}}

.edited{font-style:italic;color:#65676b}.remove-image{margin-top:8px;width:100%}.actions button{white-space:nowrap}

.post-link{margin:12px 16px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px;text-decoration:none;color:var(--text);background:#f7f9fc;overflow:hidden}.post-link:hover{background:var(--blue-soft);border-color:#b9d6ff}.post-link .link-icon{width:42px;height:42px;border-radius:10px;background:#fff;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.post-link>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.post-link small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-link strong{color:var(--blue);font-size:13px}.comments-panel{border-top:1px solid var(--line);padding:12px 16px 4px;background:#fff}.comment-compose{display:grid;grid-template-columns:42px 1fr auto;align-items:end;gap:9px;margin-bottom:12px}.comment-compose textarea{min-height:44px;max-height:130px;border-radius:18px;padding:11px 14px;background:#f0f2f5;border:0;resize:vertical}.comment-compose .primary{height:42px}.no-comments{text-align:center;color:var(--muted);font-size:14px;padding:12px}.comments-panel .answer{margin-left:52px;margin-right:0}.comments-panel .answer p{margin-bottom:0}
@media(max-width:560px){.comment-compose{grid-template-columns:36px 1fr}.comment-compose .avatar{width:36px;height:36px}.comment-compose .primary{grid-column:2;justify-self:end}.post-link{margin-left:12px;margin-right:12px}.post-link strong{display:none}}

/* V8.3 - iconografia exclusiva Rede Sociaudio */
.sa-icon{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 auto;color:currentColor}.sa-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sa-icon svg circle[fill]{fill:currentColor}.top-nav .sa-icon{width:27px;height:27px}.sidebar i.sa-icon{width:23px;height:23px}.search-icon.sa-icon{width:20px;height:20px;top:11px}.icon-button .sa-icon{width:22px;height:22px}.publish-btn .sa-icon{width:19px;height:19px}.topbar{height:68px;padding:0 18px}.top-nav{max-width:650px}.top-nav button{min-width:94px}.layout{grid-template-columns:250px minmax(520px,720px) 300px;max-width:1360px}.sidebar button{font-size:15px}.sidebar button i{color:#39465a}.sidebar button.selected i{color:var(--blue)}
.composer{display:block;padding:14px 16px}.composer-main{display:flex;gap:12px;align-items:center}.composer-main>button{flex:1;text-align:left;background:#f0f2f5;border:0;padding:13px 17px;border-radius:999px;color:var(--muted);font-size:16px}.composer-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.composer-tools button{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;padding:9px;border-radius:8px;color:#4b5563;font-weight:650}.composer-tools button:hover{background:var(--hover)}.composer-tools button:nth-child(1){color:#e33b5d}.composer-tools button:nth-child(2){color:#24a866}.composer-tools button:nth-child(3){color:#f28b20}.composer-tools button:nth-child(4){color:#2563eb}
.story-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px;overflow:hidden}.story{height:164px;border:0;border-radius:12px;position:relative;overflow:hidden;padding:0;background:#17233b;color:#fff;box-shadow:var(--shadow);display:flex;align-items:flex-end;justify-content:flex-start}.story:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.75))}.story b{position:relative;padding:12px;font-size:13px;text-align:left}.story>span{position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:50%;border:3px solid var(--blue);background:#fff;display:grid;place-items:center;color:var(--blue);z-index:1;overflow:hidden}.story .avatar{width:100%;height:100%;border:0}.create-story{background:linear-gradient(160deg,#eaf2ff 0 58%,#fff 58%);color:#1b2a42}.create-story:before{display:none}.create-story b{width:100%;text-align:center;padding-bottom:14px}.story-plus{top:88px!important;left:50%!important;transform:translate(-50%,-50%);background:var(--blue)!important;color:#fff!important;border-color:#fff!important}.story-console{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.35)),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="500" height="300"%3E%3Crect width="500" height="300" fill="%230d1b2a"/%3E%3Cpath d="M20 190h460M40 150h420M80 80v160M150 60v190M220 90v150M300 50v190M380 80v160M450 65v170" stroke="%232563eb" stroke-width="9" opacity=".55"/%3E%3C/svg%3E') center/cover}.story-stage{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.45)),radial-gradient(circle at 50% 28%,#7c3aed,#111827 62%)}.story-mic{background:linear-gradient(145deg,#152f52,#1877f2)}
.engagement-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;padding:10px 16px 4px}.actions{align-items:center}.actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}.actions .sa-icon{width:20px;height:20px}.actions .post-more{flex:0 0 42px}.actions .danger{color:var(--danger)}.post-author{position:relative}.featured-label{margin-left:auto}.post h2{letter-spacing:-.15px}.post-link .link-icon .sa-icon{width:23px;height:23px}
.side-card{border-radius:14px}.pro-card{align-items:flex-start}.pro-icon{border-radius:50%}.right .side-card:first-child h3:before{content:"";display:inline-block;width:9px;height:9px;background:#ff5a5f;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #ffe8e9}
@media(max-width:1120px){.layout{grid-template-columns:220px minmax(450px,720px)}}
@media(max-width:820px){.story-strip{grid-template-columns:repeat(4,150px);overflow-x:auto;padding-bottom:4px}.composer-tools span{display:none}.composer-tools button{gap:0}.layout{grid-template-columns:76px minmax(0,1fr)}}
@media(max-width:560px){.composer-tools{grid-template-columns:repeat(4,1fr)}.story-strip{grid-template-columns:repeat(4,132px)}.story{height:150px}.actions button span{display:none}.actions button{font-size:inherit}.actions .post-more{flex:1}.topbar{height:60px}.brand .sa-logo{width:38px;height:38px}}
/* V10 — perfil profissional e contratação */
.pro-v10{overflow:hidden}.profile-identity h2{margin:4px 0;font-size:20px}.company-line{font-weight:700;color:#486581}.verified{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1877f2;color:#fff;font-size:14px}.pro-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.pro-summary div{background:#f5f7fb;border:1px solid #e4e9f2;border-radius:14px;padding:16px;text-align:center}.pro-summary b{display:block;font-size:18px}.pro-summary span{font-size:12px;color:#667085}.timeline{border-left:2px solid #d7e3f8;margin-left:8px}.timeline>div{position:relative;padding:0 0 18px 22px}.timeline i{position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:#1877f2}.timeline p{margin:0;white-space:pre-wrap}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-grid a{display:flex;flex-direction:column;padding:16px;border:1px solid #dbe4f0;border-radius:14px;background:#f8fafc;text-decoration:none;color:#172033}.portfolio-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667085}.quote-card{display:flex;justify-content:space-between;gap:20px;align-items:center}.quote-card p{white-space:pre-wrap}@media(max-width:760px){.pro-summary{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr}.quote-card{align-items:stretch;flex-direction:column}}

/* =========================================================
   V10.1 PREMIUM — sistema visual definitivo Rede Sociaudio
   ========================================================= */
:root{
  --blue:#1769e0;--blue-600:#0f5bd3;--blue-700:#0d47a1;--blue-soft:#eaf2ff;
  --ink:#101828;--text:#182230;--muted:#667085;--subtle:#98a2b3;
  --bg:#f5f7fb;--card:#fff;--line:#e4e7ec;--hover:#f2f4f7;
  --green:#12b76a;--orange:#f79009;--danger:#f04438;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.08);
  --shadow-md:0 8px 24px rgba(16,24,40,.10);--shadow-xl:0 24px 64px rgba(16,24,40,.16);
  --radius:16px;--radius-sm:11px
}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -100px,#eaf2ff 0,transparent 420px),var(--bg);color:var(--text)}
.topbar{height:72px;padding:0 22px;border-bottom:1px solid rgba(16,24,40,.08);box-shadow:0 1px 0 rgba(255,255,255,.8),0 3px 14px rgba(16,24,40,.05);backdrop-filter:blur(18px);background:rgba(255,255,255,.94)}
.brand{min-width:218px}.brand-name{font-size:19px;letter-spacing:-.3px}.sa-logo{border-radius:15px;background:linear-gradient(145deg,#0d5bd7,#2486ff);box-shadow:0 7px 20px rgba(23,105,224,.26)}
.search-wrap{height:46px;max-width:430px;background:#f2f4f7;border:1px solid transparent;transition:.2s ease}.search-wrap:focus-within{background:#fff;border-color:#84adff;box-shadow:0 0 0 4px rgba(23,105,224,.10)}
.top-nav{height:100%;gap:7px}.top-nav button{width:76px;height:52px;border-radius:12px;color:#667085;transition:.18s ease}.top-nav button:hover{background:#f2f4f7;color:var(--blue);transform:translateY(-1px)}.top-nav button.selected{background:var(--blue-soft);color:var(--blue)}.top-nav button.selected:after{height:3px;border-radius:3px 3px 0 0;left:15px;right:15px}
.icon-button,.user-pill{transition:.18s ease}.icon-button:hover,.user-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.layout{grid-template-columns:280px minmax(500px,720px) 310px;gap:24px;max-width:1440px;margin:0 auto;padding:24px 22px 60px}.sidebar,.right{top:96px}.sidebar{padding:0 8px}.sidebar-profile{display:flex;align-items:center;gap:12px;padding:12px;margin:0 0 16px;border-radius:14px;background:linear-gradient(135deg,#fff,#f7faff);border:1px solid #e3ebf7;box-shadow:var(--shadow);cursor:pointer;transition:.2s}.sidebar-profile:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.sidebar-avatar{width:42px;height:42px;flex:0 0 42px}.sidebar-profile div{min-width:0}.sidebar-profile b,.sidebar-profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile small{font-size:12px;color:var(--muted);margin-top:3px}.sidebar-title{padding:0 13px 8px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#98a2b3;text-transform:uppercase}.sidebar>button{height:48px;margin:2px 0;border-radius:12px;padding:0 13px;font-weight:650;color:#344054;transition:.18s}.sidebar>button:hover{background:#fff;color:var(--blue);box-shadow:var(--shadow);transform:translateX(2px)}.sidebar>button.selected{background:linear-gradient(90deg,#e9f2ff,#f4f8ff);color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.publish-btn{height:50px!important;margin-top:14px!important;border-radius:13px!important;background:linear-gradient(135deg,#1769e0,#2584f4)!important;box-shadow:0 8px 18px rgba(23,105,224,.22)!important}.publish-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 24px rgba(23,105,224,.28)!important}
#content{min-width:0}.card,.side-card{border:1px solid rgba(16,24,40,.08);border-radius:var(--radius);box-shadow:var(--shadow);background:rgba(255,255,255,.98);transition:box-shadow .2s ease,border-color .2s ease}.card:hover{border-color:#d0d5dd;box-shadow:0 5px 18px rgba(16,24,40,.08)}.page-title{margin:4px 2px 20px}.page-title h1{font-size:30px;letter-spacing:-.8px;margin-bottom:6px}.page-title p{color:var(--muted)}
.composer{padding:16px 18px}.composer-main{gap:12px}.composer-main button{height:48px;border-radius:24px;background:#f2f4f7;border:1px solid transparent;color:#667085;text-align:left;padding:0 20px;transition:.2s}.composer-main button:hover{background:#fff;border-color:#b2ccff;box-shadow:0 0 0 4px rgba(23,105,224,.08);color:#344054}.composer-tools{border-top:1px solid #eef1f5;margin-top:14px;padding-top:10px}.composer-tools button{height:40px;border-radius:10px;font-weight:650}.composer-tools button:hover{background:#f5f8ff;color:var(--blue)}
.story-strip{gap:12px}.story{border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transition:.2s}.story:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.post{overflow:hidden;margin-bottom:18px}.post-head{padding:17px 18px 10px}.post-body{padding:0 18px 14px}.post h2{font-size:20px;line-height:1.35;letter-spacing:-.25px}.post-text{font-size:15px;line-height:1.6}.post-image{max-height:650px;object-fit:contain;background:#0b1220}.post-stats{padding:11px 18px;color:#667085}.actions{padding:7px 10px;border-top:1px solid #eaecf0}.actions button{height:42px;border-radius:10px;font-weight:650;color:#667085;transition:.16s}.actions button:hover{background:#f2f4f7;color:var(--blue);transform:translateY(-1px)}
.side-card{padding:18px;margin-bottom:16px}.side-card h3{letter-spacing:-.25px}.side-card a{padding:8px 6px;border-radius:8px;transition:.15s}.side-card a:hover{background:#f5f8ff;transform:translateX(2px)}.premium-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#102a56,#1769e0);color:#fff;border:0;box-shadow:0 12px 32px rgba(23,105,224,.25)}.premium-card:after{content:'';position:absolute;width:160px;height:160px;border:30px solid rgba(255,255,255,.07);border-radius:50%;right:-78px;bottom:-92px}.premium-card p{color:#dbeafe;line-height:1.5}.premium-card .primary{background:#fff;color:#1558bd;position:relative;z-index:1}.premium-badge{display:inline-flex;padding:5px 8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:10px;letter-spacing:.12em;font-weight:800;margin-bottom:10px}
/* Perfil público premium */
.profile-public.pro-v10{padding:0;overflow:hidden;border-radius:20px}.profile-public .cover{height:260px;background:linear-gradient(135deg,#0b1f3a,#1769e0 65%,#39a0ff);background-size:cover;background-position:center;position:relative}.profile-public .cover:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(5,15,30,.48),transparent 58%)}.profile-head{padding:0 28px;display:flex;gap:20px;align-items:flex-end;position:relative;margin-top:-68px;z-index:2}.profile-head .avatar.huge{width:148px;height:148px;border:6px solid #fff;box-shadow:0 10px 30px rgba(16,24,40,.22)}.profile-identity{padding-bottom:13px;min-width:0}.profile-identity h1{font-size:31px;letter-spacing:-.8px;margin:0 0 3px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.35)}.profile-identity h2{font-size:17px;font-weight:650;color:#fff;margin:0 0 4px;text-shadow:0 2px 12px rgba(0,0,0,.3)}.profile-identity .company-line,.profile-identity>p:not(.availability){color:#475467}.profile-identity .availability{display:inline-flex;background:#ecfdf3;color:#027a48;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:750;margin:7px 0}.profile-actions{padding:18px 28px;display:flex;gap:10px;justify-content:flex-end;border-bottom:1px solid #eaecf0}.profile-actions button,.profile-actions .btn{min-height:42px;border-radius:11px;padding:0 18px}.pro-summary{padding:0 28px;grid-template-columns:repeat(4,1fr);margin:22px 0}.pro-summary div{background:linear-gradient(145deg,#f8fbff,#f2f6fc);border-color:#e1eaf6}.pro-summary b{color:#101828;font-size:20px}.profile-public section{margin:0 28px;padding:24px 0;border-top:1px solid #eaecf0}.profile-public section h2{font-size:19px;letter-spacing:-.25px}.skills span{background:#edf4ff;border:1px solid #d5e5ff;color:#175cd3;border-radius:999px;padding:8px 12px;font-weight:650}.portfolio-grid a{transition:.2s;background:linear-gradient(145deg,#fff,#f7faff)}.portfolio-grid a:hover{border-color:#84adff;box-shadow:var(--shadow-md);transform:translateY(-2px)}
/* Editor de perfil em etapas visuais */
.profile-grid{padding:0 24px 28px;gap:18px;border-radius:20px;overflow:hidden}.profile-grid:before{content:'Construa uma presença que gera confiança';grid-column:1/-1;background:linear-gradient(135deg,#0f2c59,#1769e0);color:#fff;margin:0 -24px 4px;padding:22px 24px;font-size:22px;font-weight:800;letter-spacing:-.4px}.profile-grid label{font-size:13px;font-weight:700;color:#344054}.profile-grid input,.profile-grid textarea,.profile-grid select{margin-top:7px;border:1px solid #d0d5dd;background:#fff;border-radius:11px;min-height:46px;transition:.18s}.profile-grid input:hover,.profile-grid textarea:hover,.profile-grid select:hover{border-color:#98a2b3}.profile-grid input:focus,.profile-grid textarea:focus,.profile-grid select:focus{border-color:#528bff;box-shadow:0 0 0 4px rgba(23,105,224,.10)}.cover-editor{height:210px;margin:0 -24px;background:linear-gradient(135deg,#0b1f3a,#1769e0);border-radius:0;position:relative}.cover-editor label{position:absolute;right:18px;bottom:18px;background:rgba(255,255,255,.94);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}.avatar-editor{margin-top:-82px;position:relative;z-index:2;align-items:flex-end}.avatar-editor .avatar.huge{width:138px;height:138px;border:6px solid #fff;box-shadow:0 10px 24px rgba(16,24,40,.22)}.avatar-editor label{background:#fff;padding:10px 13px;border-radius:10px;box-shadow:var(--shadow);margin-bottom:8px}.profile-grid>button.primary{grid-column:1/-1;justify-self:start;min-height:48px;padding:0 26px;border-radius:12px;background:linear-gradient(135deg,#1769e0,#2584f4);box-shadow:0 8px 18px rgba(23,105,224,.22)}
/* Diálogos e feedback */
dialog{border:0;border-radius:20px;box-shadow:var(--shadow-xl);padding:0;max-height:90vh}dialog::backdrop{background:rgba(15,23,42,.52);backdrop-filter:blur(5px)}dialog form{padding:24px}.dialog-head{margin:-24px -24px 20px;padding:20px 24px;border-bottom:1px solid #eaecf0;background:#fbfcfe}.primary{background:linear-gradient(135deg,#1769e0,#2584f4);box-shadow:0 4px 10px rgba(23,105,224,.18);transition:.18s}.primary:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 8px 18px rgba(23,105,224,.24)}#toast{border-radius:12px;box-shadow:var(--shadow-xl)}
/* Entrada premium */
.auth{background:radial-gradient(circle at 12% 8%,rgba(51,144,255,.20),transparent 28%),linear-gradient(135deg,#061426 0,#0c2d5a 46%,#edf5ff 46.1%,#fff 100%)}.auth-hero{color:#fff}.auth-brand h1,.auth-hero>h2{color:#fff}.auth-brand p,.auth-intro{color:#d7e6fb}.auth-benefits>div{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);backdrop-filter:blur(10px)}.auth-benefits small{color:#c8d9ef}.auth-card{border:1px solid rgba(255,255,255,.8);box-shadow:0 30px 80px rgba(4,17,36,.22)}
@keyframes premiumIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#content>*{animation:premiumIn .28s ease both}
@media(max-width:1180px){.layout{grid-template-columns:235px minmax(0,1fr);max-width:1100px}.right{display:none}.top-nav button{width:62px}}
@media(max-width:850px){.layout{display:block;padding:14px 12px 90px}.sidebar{position:fixed;z-index:50;left:0;right:0;bottom:0;top:auto;height:70px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);display:flex;padding:7px 8px;border-top:1px solid #e4e7ec;box-shadow:0 -5px 20px rgba(16,24,40,.08)}.sidebar-profile,.sidebar-title,.sidebar-footer,.sidebar>button span,.sidebar .publish-btn span{display:none}.sidebar>button{flex:1;height:55px;margin:0;padding:0;display:grid;place-items:center}.sidebar .publish-btn{order:4;flex:0 0 52px!important;width:52px;border-radius:50%!important;margin:0 5px!important}.top-nav{display:none}.brand{min-width:auto}.brand-name{display:none}.header-user .user-pill span:last-child,.logout{display:none}.profile-public .cover{height:200px}.profile-head{align-items:flex-start;flex-direction:column;margin-top:-56px}.profile-identity h1,.profile-identity h2{color:#101828;text-shadow:none}.profile-actions{justify-content:flex-start;flex-wrap:wrap}.profile-grid{grid-template-columns:1fr}.profile-grid>*{grid-column:1!important}.cover-editor{height:170px}.pro-summary{grid-template-columns:repeat(2,1fr)}}
/* V11 — Contrate um Especialista */
.eyebrow{display:inline-flex;font-size:11px;font-weight:850;letter-spacing:.13em;color:#175cd3;margin-bottom:8px}.hire-hero{padding:34px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:30px;overflow:hidden;background:radial-gradient(circle at 92% 10%,rgba(63,143,255,.2),transparent 30%),linear-gradient(135deg,#fff,#f4f8ff)}.hire-hero h1{font-size:36px;line-height:1.08;letter-spacing:-1.2px;max-width:680px;margin:0 0 14px}.hire-hero p{font-size:16px;color:#667085;line-height:1.65;max-width:720px}.hire-benefits{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.hire-benefits span{padding:9px 12px;background:#fff;border:1px solid #d8e5f7;border-radius:999px;color:#344054;font-size:13px;font-weight:700}.hire-cta{min-height:50px;padding:0 22px;border-radius:13px}.hire-visual{min-height:250px;border-radius:20px;background:linear-gradient(145deg,#071b36,#1769e0);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;box-shadow:0 18px 40px rgba(23,105,224,.25)}.hire-visual b{font-size:21px;margin:14px 0 7px}.hire-visual small{color:#dceaff;line-height:1.5}.pulse-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 14px rgba(255,255,255,.06),0 0 0 28px rgba(255,255,255,.035);animation:softPulse 2.4s infinite}.pulse-ring .sa-icon{width:45px;height:45px}@keyframes softPulse{50%{transform:scale(1.04)}}
.hire-dialog{width:min(760px,94vw)}.hire-dialog form{padding:26px}.hire-dialog .dialog-head{align-items:flex-start}.hire-dialog .dialog-head p{color:#667085;margin-top:5px;line-height:1.5}.hire-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hire-form-grid .wide{grid-column:1/-1}.hire-form-grid textarea{min-height:120px}.hire-submit{margin-top:20px;min-height:50px;width:100%;border-radius:12px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:28px 2px 14px}.section-heading h2{font-size:23px;margin:0 0 4px}.section-heading p{color:#667085}.request-number{background:#eaf2ff;color:#175cd3;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.matches-list{display:grid;gap:14px}.match-card{display:grid;grid-template-columns:90px 70px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px}.match-score{height:72px;border-radius:15px;background:linear-gradient(145deg,#eaf3ff,#f8fbff);border:1px solid #d5e7ff;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#175cd3}.match-score b{font-size:22px}.match-score span{font-size:10px;font-weight:750}.match-main h3{font-size:19px;margin:0}.match-headline{font-weight:650;color:#344054;margin:4px 0}.match-main small{color:#667085}.match-main .skills{margin:9px 0}.match-facts{display:flex;gap:13px;flex-wrap:wrap;color:#667085;font-size:12px}.match-actions{display:flex;flex-direction:column;gap:8px;min-width:155px}.match-actions button{min-height:40px}.hire-empty{padding:55px;text-align:center}.hire-empty>div{width:70px;height:70px;margin:auto;display:grid;place-items:center;border-radius:20px;background:#eaf2ff;color:#1769e0}.hire-empty .sa-icon{width:38px;height:38px}.hire-empty h2{margin:18px 0 7px}.hire-empty p{color:#667085;margin-bottom:20px}.request-history{margin-top:30px}.request-row{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.request-row h3{margin:7px 0 4px}.request-row p,.request-row small{color:#667085}.opportunity-card{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:20px;padding:22px;margin-bottom:14px;align-items:center}.opportunity-score{height:82px;background:linear-gradient(145deg,#eff8ff,#e6f0ff);border:1px solid #cfe2ff;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#175cd3}.opportunity-score b{font-size:24px}.opportunity-score small{font-size:10px}.opportunity-card h2{margin:7px 0}.opportunity-info{display:flex;gap:10px;flex-wrap:wrap;margin:13px 0}.opportunity-info span{background:#f2f4f7;border-radius:9px;padding:8px 10px;font-size:12px}.opportunity-card>.btn{white-space:nowrap}
@media(max-width:850px){.hire-hero{grid-template-columns:1fr;padding:22px}.hire-hero h1{font-size:29px}.hire-visual{min-height:190px}.hire-form-grid{grid-template-columns:1fr}.hire-form-grid .wide{grid-column:1}.match-card{grid-template-columns:65px minmax(0,1fr);gap:12px}.match-score{grid-row:1/3}.match-card>.avatar{display:none}.match-actions{grid-column:1/-1;flex-direction:row}.match-actions button{flex:1}.opportunity-card{grid-template-columns:70px minmax(0,1fr)}.opportunity-card>.btn{grid-column:1/-1;text-align:center}.request-row{align-items:flex-start;flex-direction:column}}

/* V12 — Páginas empresariais */
.company-page-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.company-card{overflow:hidden;padding:0}.company-cover-mini{height:110px;background:linear-gradient(135deg,#0b2a5b,#1877f2 65%,#4aa6ff);background-size:cover;background-position:center}.company-card-body{padding:0 20px 20px;position:relative}.company-logo{width:72px;height:72px;border-radius:18px;object-fit:cover;border:4px solid white;margin-top:-36px;box-shadow:0 6px 20px #102a5630;background:white}.company-logo.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#1877f2,#0b4aa2);color:white;font-weight:800;font-size:24px}.company-logo.large{width:112px;height:112px;border-radius:24px;margin-top:-56px}.company-title-row{display:flex;align-items:center;gap:9px}.verified-badge{display:inline-flex;align-items:center;gap:5px;background:#e8f2ff;color:#1166cf;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.company-metrics{display:flex;gap:16px;margin:14px 0;color:#667085}.company-metrics b{color:#172033}.company-hero{padding:0;overflow:hidden}.company-cover{height:260px;background:linear-gradient(135deg,#071b3c,#1265d6 65%,#50a9ff);background-size:cover;background-position:center}.company-identity{padding:0 30px 28px;display:flex;gap:18px;align-items:end}.company-identity>div:nth-child(2){flex:1}.company-actions{display:flex;gap:10px;flex-wrap:wrap}.company-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:20px}.company-section{margin-bottom:20px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card span{font-size:28px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{overflow:hidden;padding:0}.project-card img{width:100%;height:150px;object-fit:cover}.project-card>div{padding:16px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.team-card{text-align:center}.team-card img,.team-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;margin:0 auto 10px}.team-avatar{display:grid;place-items:center;background:#e7f1ff;color:#1877f2;font-weight:800;font-size:28px}.company-contact{height:max-content;position:sticky;top:88px}.sa-icon svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.company-grid,.service-grid,.project-grid,.team-grid{grid-template-columns:1fr}.company-layout{grid-template-columns:1fr}.company-identity{align-items:flex-start;flex-wrap:wrap}.company-actions{width:100%}.company-contact{position:static}.company-page-title{align-items:flex-start;flex-direction:column}}

/* V12.1 — correção dos cards empresariais */
.company-profile,.company-profile *{min-width:0}
.company-layout{grid-template-columns:1fr;gap:20px}
.company-layout>main{min-width:0}
.company-contact{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:20px}
.company-contact h3{grid-column:1/-1;margin-bottom:2px}
.company-contact p{margin:0;padding:12px 14px;background:#f7f9fc;border:1px solid #e6eaf0;border-radius:10px;overflow-wrap:anywhere}
.service-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:stretch}
.service-card{display:flex;flex-direction:column;min-height:220px;padding:20px;overflow:hidden}
.service-card span{font-size:30px;line-height:1;margin-bottom:12px}
.service-card h3{font-size:18px;line-height:1.28;margin:0 0 12px;overflow-wrap:anywhere}
.service-card p{font-size:14px;line-height:1.55;color:#475467;margin:0;overflow-wrap:anywhere;word-break:normal}
.project-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.team-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.project-card h3,.project-card p,.team-card h3,.team-card p{overflow-wrap:anywhere}
.company-section .section-heading{align-items:flex-start}
@media(max-width:700px){
  .service-grid,.project-grid,.team-grid{grid-template-columns:1fr}
  .service-card{min-height:auto}
  .company-contact{grid-template-columns:1fr}
  .company-identity{padding:0 18px 22px}
}


/* V13 — Vagas e oportunidades */
.jobs-hero{padding:32px;display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;background:radial-gradient(circle at 90% 15%,rgba(24,119,242,.18),transparent 32%),linear-gradient(135deg,#fff,#f4f8ff)}
.jobs-hero h1{font-size:36px;letter-spacing:-1px;margin:0 0 10px}.jobs-hero p{color:#667085;max-width:680px;line-height:1.6;margin-bottom:20px}.jobs-hero-stat{height:150px;border-radius:22px;background:linear-gradient(145deg,#0b2a5b,#1877f2);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 35px rgba(24,119,242,.22)}.jobs-hero-stat b{font-size:42px}.jobs-hero-stat span{font-size:13px;color:#d9e9ff}.jobs-toolbar{display:flex;justify-content:space-between;align-items:end;margin:28px 2px 14px}.jobs-toolbar h2{margin:0 0 4px}.jobs-toolbar p{color:#667085}.jobs-list{display:grid;gap:16px}.job-card{padding:22px}.job-card-top{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:start}.job-company-mark{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#e8f2ff,#cfe4ff);color:#1877f2;display:grid;place-items:center;font-size:24px;font-weight:900;overflow:hidden}.job-company-mark img{width:100%;height:100%;object-fit:cover}.job-card-top h2{margin:7px 0 3px;font-size:22px}.job-card-top p{color:#667085}.job-status{background:#ecfdf3;color:#067647;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.job-meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.job-meta span{display:inline-flex;align-items:center;gap:6px;background:#f5f7fa;border:1px solid #e4e7ec;border-radius:10px;padding:8px 10px;font-size:12px;color:#475467}.job-meta .sa-icon{width:16px;height:16px}.job-pay{display:inline-flex;background:#eef8ff;color:#175cd3;border-radius:10px;padding:9px 12px;font-weight:800;margin-bottom:13px}.job-description{line-height:1.65;color:#344054}.job-requirements{margin-top:14px;padding:14px;background:#fafbfc;border:1px solid #eaecf0;border-radius:12px}.job-requirements p{margin:6px 0 0;color:#667085;line-height:1.55}.job-footer{border-top:1px solid #eaecf0;margin-top:18px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.job-footer>div{display:flex;gap:8px;flex-wrap:wrap}.danger-light,.success-light{border:0;border-radius:9px;padding:9px 12px;font-weight:750;cursor:pointer}.danger-light{background:#fff1f3;color:#c01048}.success-light{background:#ecfdf3;color:#067647}.job-dialog{width:min(760px,94vw)}.job-dialog form{padding:26px}.job-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.job-form-grid .wide{grid-column:1/-1}.job-submit{width:100%;margin-top:18px;min-height:48px}.applicant-list{display:grid;gap:14px}.applicant-card{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:start;padding:20px}.applicant-card blockquote{margin:12px 0;padding:12px 14px;background:#f7f9fc;border-left:3px solid #1877f2;border-radius:8px;color:#344054}.applicant-actions{display:flex;flex-direction:column;gap:8px;min-width:140px}.applicant-actions .btn{text-align:center}
@media(max-width:800px){.jobs-hero{grid-template-columns:1fr;padding:22px}.jobs-hero h1{font-size:29px}.jobs-hero-stat{height:110px}.job-card-top{grid-template-columns:50px 1fr}.job-status{grid-column:1/-1;width:max-content}.job-footer{align-items:flex-start;flex-direction:column}.job-form-grid{grid-template-columns:1fr}.job-form-grid .wide{grid-column:1}.applicant-card{grid-template-columns:52px 1fr}.applicant-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.applicant-actions>*{flex:1}}


/* V15 — Marketplace */
.market-hero{display:flex;align-items:center;justify-content:space-between;padding:32px;background:linear-gradient(135deg,#fff 0%,#eef5ff 100%);overflow:hidden}.market-hero h1{font-size:32px;margin:5px 0 8px}.market-hero p{max-width:620px;color:var(--muted);font-size:16px}.market-hero-icon{width:120px;height:120px;border-radius:32px;background:#1877f2;color:white;display:grid;place-items:center;box-shadow:0 20px 45px #1877f233}.market-hero-icon svg{width:58px;height:58px;stroke:currentColor;fill:none;stroke-width:1.8}.market-toolbar{display:grid;grid-template-columns:1fr 210px 210px;gap:12px;margin:18px 0}.market-toolbar input,.market-toolbar select{border:1px solid var(--border);background:white;border-radius:12px;padding:13px 14px;font:inherit}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.market-card{padding:0;overflow:hidden;display:grid;grid-template-columns:220px minmax(0,1fr);min-height:260px}.market-image{background:#eef2f7;min-height:260px;display:grid;place-items:center;overflow:hidden}.market-image img{width:100%;height:100%;object-fit:cover}.market-image.placeholder{color:#8aa0bd}.market-image.placeholder svg{width:64px;height:64px;stroke:currentColor;fill:none}.market-card-body{padding:20px;min-width:0}.market-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.market-condition{font-size:12px;color:#5b6574;background:#f0f2f5;padding:5px 9px;border-radius:999px}.market-card h2{font-size:20px;margin:12px 0 4px}.market-price{font-weight:800;font-size:22px;color:#1877f2;margin-bottom:10px}.market-card p{color:#4b5563;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.market-location{display:flex;gap:6px;align-items:center;color:#667085;font-size:13px;margin:12px 0}.market-location svg{width:17px;height:17px;stroke:currentColor;fill:none}.market-seller{display:flex;gap:9px;align-items:center;border-top:1px solid var(--border);padding-top:12px}.market-seller .avatar{width:36px;height:36px}.market-seller small{display:block;color:var(--muted)}.market-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.market-empty{grid-column:1/-1}.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.top-nav [data-icon="store"] svg,.sidebar [data-icon="store"] svg{stroke:currentColor;fill:none}
@media(max-width:1150px){.market-grid{grid-template-columns:1fr}.market-toolbar{grid-template-columns:1fr 180px 180px}}
@media(max-width:720px){.market-hero{padding:22px}.market-hero-icon{display:none}.market-toolbar{grid-template-columns:1fr}.market-card{grid-template-columns:1fr}.market-image{height:230px;min-height:0}}

/* V15 — Centro de Conhecimento */
.knowledge-hero{display:flex;align-items:center;justify-content:space-between;padding:34px;margin-bottom:22px;background:linear-gradient(135deg,#0b2b56,#1769e0);color:#fff;overflow:hidden}.knowledge-hero h1{font-size:36px;margin:6px 0 10px}.knowledge-hero p{max-width:650px;color:#dceaff;font-size:16px}.knowledge-hero .eyebrow{color:#9bc3ff}.knowledge-hero-icon{width:120px;height:120px;border-radius:32px;background:rgba(255,255,255,.13);display:grid;place-items:center}.knowledge-hero-icon .sa-icon{width:64px;height:64px}.knowledge-toolbar{display:grid;grid-template-columns:1fr 220px 180px;gap:12px;margin-bottom:24px}.knowledge-toolbar input,.knowledge-toolbar select{background:#fff;border:1px solid #d9e2ef;border-radius:14px;padding:14px 16px;font-size:14px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:24px 0 14px}.section-heading h2{margin:0 0 4px}.section-heading p{margin:0;color:#64748b}.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-card{overflow:hidden;padding:0;display:flex;flex-direction:column;min-width:0}.knowledge-featured{border:1px solid #6aa5ff;box-shadow:0 10px 28px rgba(24,119,242,.12)}.knowledge-cover{height:180px;background-size:cover;background-position:center}.knowledge-cover-empty{display:grid;place-items:center;background:linear-gradient(135deg,#0d1f3c,#1d63cf);color:#fff}.knowledge-cover-empty .sa-icon{width:58px;height:58px}.knowledge-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.knowledge-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#64748b;font-size:12px}.knowledge-meta b{color:#d97706;background:#fff2d6;padding:5px 8px;border-radius:999px}.knowledge-card h2{font-size:21px;line-height:1.25;margin:12px 0 8px}.knowledge-card p{color:#536172;line-height:1.55;margin:0 0 18px;flex:1}.knowledge-author{display:flex;align-items:center;gap:10px}.knowledge-author img,.knowledge-author>span{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#e6f0ff;color:#1467d9;display:grid;place-items:center;font-weight:800}.knowledge-author div{display:flex;flex-direction:column}.knowledge-author small{color:#718096}.knowledge-actions{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:15px;border-top:1px solid #edf1f6}.knowledge-actions small{color:#718096;margin-left:auto}.danger-link{border:0;background:transparent;color:#dc2626;cursor:pointer}.article-reader{padding:0;overflow:hidden;max-width:900px;margin:0 auto}.article-reader>.text-button{margin:22px 26px 0}.article-hero-image{width:100%;max-height:430px;object-fit:cover;margin-top:16px}.article-reader-head{padding:32px 42px 18px}.article-reader-head h1{font-size:38px;line-height:1.15;margin:15px 0 10px}.article-reader-head>p{font-size:18px;color:#64748b}.article-body{padding:10px 42px 42px;font-size:17px;line-height:1.8;color:#27364a}.article-link{margin:0 42px 42px;display:inline-flex;align-items:center;gap:8px;padding:13px 18px;background:#eaf2ff;color:#1769e0;border-radius:12px;text-decoration:none;font-weight:700}.admin-feature{display:flex!important;flex-direction:row!important;align-items:center;gap:9px}.admin-feature input{width:auto!important}
@media(max-width:1100px){.featured-grid{grid-template-columns:1fr 1fr}.knowledge-grid{grid-template-columns:1fr}.knowledge-toolbar{grid-template-columns:1fr 1fr}.knowledge-toolbar input{grid-column:1/-1}}
@media(max-width:700px){.knowledge-hero{padding:24px}.knowledge-hero h1{font-size:29px}.knowledge-hero-icon{display:none}.knowledge-toolbar,.featured-grid{grid-template-columns:1fr}.article-reader-head,.article-body{padding-left:22px;padding-right:22px}.article-reader-head h1{font-size:30px}.article-link{margin-left:22px;margin-right:22px}}


/* V16 — Audio IA */
.ai-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;min-height:calc(100vh - 115px)}.ai-history{padding:0;overflow:hidden;display:flex;flex-direction:column}.ai-history-head{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ai-history-head h3{margin:3px 0 0}.ai-history-list{padding:10px;display:grid;gap:5px;overflow:auto;flex:1}.ai-history-list>button{border:0;background:transparent;border-radius:12px;padding:11px;text-align:left;display:grid;grid-template-columns:28px 1fr;gap:8px;cursor:pointer;color:#344054}.ai-history-list>button:hover,.ai-history-list>button.active{background:#edf4ff;color:#1769e0}.ai-history-list b,.ai-history-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-history-list small{font-size:11px;color:#7b8797;margin-top:3px}.ai-history-list p{color:#7b8797;padding:10px}.ai-offline-note{margin:12px;padding:13px;border-radius:12px;background:#fff8e6;border:1px solid #f8df9a;display:grid;gap:4px;font-size:12px;color:#76520b}.ai-main{padding:0;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ai-main-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.ai-main-head h1{font-size:22px;margin:0}.ai-main-head p{color:var(--muted);font-size:13px}.ai-brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0d2c5c,#1877f2);color:#fff;display:grid;place-items:center}.ai-brand-mark .sa-icon,.ai-orb .sa-icon{width:25px;height:25px}.ai-status{margin-left:auto;background:#ecfdf3;color:#067647;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.ai-messages{flex:1;min-height:430px;max-height:calc(100vh - 350px);overflow:auto;padding:28px;background:linear-gradient(180deg,#f9fbff,#fff)}.ai-welcome{text-align:center;max-width:680px;margin:40px auto}.ai-orb{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#0b2550,#2682ff);color:#fff;display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 20px 40px rgba(24,119,242,.2)}.ai-welcome h2{font-size:30px;margin:8px 0}.ai-welcome>p{color:#64748b;line-height:1.6}.ai-starters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.ai-starters button{border:1px solid #dce5f1;background:#fff;border-radius:12px;padding:13px;text-align:left;color:#344054;cursor:pointer}.ai-starters button:hover{border-color:#6aa5ff;background:#f2f7ff}.ai-message{display:flex;margin-bottom:18px}.ai-message.user{justify-content:flex-end}.ai-message.user>div{max-width:75%;background:#1877f2;color:#fff;border-radius:18px 18px 4px 18px;padding:13px 16px}.ai-message.user p{margin:5px 0;line-height:1.5}.ai-message.user small{color:#d8eaff}.ai-message.assistant{justify-content:flex-start}.ai-answer{max-width:850px;background:#fff;border:1px solid #dfe7f1;border-radius:4px 18px 18px 18px;padding:22px;box-shadow:0 8px 22px rgba(15,43,80,.06)}.ai-answer-title{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf1f6;padding-bottom:15px}.ai-answer-title h3{margin:2px 0}.ai-answer-title small{font-size:10px;color:#1769e0;font-weight:800;letter-spacing:.8px}.ai-badge{width:42px;height:42px;border-radius:13px;background:#102b55;color:#fff;display:grid;place-items:center;font-weight:900}.ai-answer section{margin-top:18px}.ai-answer h4{margin:0 0 8px;color:#22324a}.ai-answer ul,.ai-answer ol{margin:0;padding-left:22px;color:#455468;line-height:1.65}.ai-notice{background:#fff8e6;border-left:3px solid #f5b942;padding:11px 13px;border-radius:8px;color:#73510b;font-size:12px;margin-top:18px}.ai-related{display:grid;gap:7px}.ai-related button{border:1px solid #dce7f6;background:#f6f9ff;border-radius:10px;padding:10px;text-align:left;color:#175fc4;cursor:pointer;display:flex;gap:8px;align-items:center}.ai-related .sa-icon{width:18px;height:18px}.ai-thinking{display:flex;gap:5px;align-items:center;color:#64748b;padding:12px}.ai-thinking span{width:7px;height:7px;background:#1877f2;border-radius:50%;animation:aiPulse 1s infinite}.ai-thinking span:nth-child(2){animation-delay:.15s}.ai-thinking span:nth-child(3){animation-delay:.3s}@keyframes aiPulse{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.ai-composer{border-top:1px solid var(--border);padding:16px 20px;background:#fff}.ai-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}.ai-composer textarea,.ai-composer input,.ai-composer select{width:100%;border:1px solid #d7e0eb;border-radius:12px;padding:11px 13px;font:inherit}.ai-composer textarea{resize:vertical;min-height:76px}.ai-composer #aiContext{margin-top:9px}.ai-composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ai-file-btn{display:inline-flex;align-items:center;gap:7px;color:#4b5f78;font-weight:700;cursor:pointer}.ai-file-btn input{display:none}.ai-file-btn .sa-icon{width:18px;height:18px}.ai-attachment-info{margin-top:8px;background:#eef5ff;border-radius:9px;padding:8px 10px;color:#1769e0;font-size:12px}.top-nav [data-icon="brain"] svg,.sidebar [data-icon="brain"] svg{stroke:currentColor;fill:none}
@media(max-width:900px){.ai-shell{grid-template-columns:1fr}.ai-history{display:none}.ai-messages{max-height:none;min-height:420px}.ai-starters{grid-template-columns:1fr}}@media(max-width:600px){.ai-main-head{padding:14px}.ai-status{display:none}.ai-messages{padding:15px}.ai-welcome h2{font-size:24px}.ai-mode-row{grid-template-columns:1fr}.ai-composer{padding:12px}.ai-message.user>div{max-width:90%}.ai-answer{padding:17px}.ai-composer-actions{align-items:stretch;gap:10px}.ai-composer-actions .primary{flex:1}}


/* V17 — correção da barra superior
   Mantém marca, pesquisa, navegação e usuário em colunas independentes,
   impedindo que o ícone Início se sobreponha ao campo de pesquisa. */
@media (min-width:1181px){
  .topbar{
    display:grid;
    grid-template-columns:218px minmax(250px,360px) minmax(0,1fr) auto;
    column-gap:16px;
    align-items:center;
  }
  .brand{min-width:0;width:218px}
  .search-wrap{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
  }
  .top-nav{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    justify-content:center;
    overflow:hidden;
  }
  .top-nav button{
    min-width:54px;
    width:60px;
    flex:0 1 60px;
  }
  .header-user{margin-left:0;white-space:nowrap}
}
@media (min-width:851px) and (max-width:1180px){
  .topbar{
    display:grid;
    grid-template-columns:auto minmax(210px,310px) minmax(0,1fr) auto;
    column-gap:12px;
  }
  .brand{min-width:0}
  .search-wrap{width:100%;max-width:none;min-width:0}
  .top-nav{min-width:0;max-width:none;margin:0;overflow:hidden}
  .top-nav button{min-width:48px;width:52px;flex:0 1 52px}
  .header-user{margin-left:0}
}
@media (max-width:850px){
  .topbar{display:flex}
  .search-wrap{flex:1;min-width:0;width:auto;max-width:none}
}

/* V18: vídeo nativo nas publicações */
.post-video{display:block;width:100%;max-height:620px;background:#000;object-fit:contain;border-radius:0;margin-top:14px}.video-preview{width:100%;max-height:360px;background:#0b1220;object-fit:contain}.media-help{display:block;color:#667085;margin-top:-4px;margin-bottom:8px}.postForm button:disabled,.primary:disabled{opacity:.65;cursor:wait}

.actions .danger-action{color:#b42318}.actions .danger-action:hover{background:#fff1f0;color:#8f1710}.post-video{display:block;width:100%;max-height:620px;background:#000;border-radius:14px;margin-top:14px;object-fit:contain}

.video-error{margin-top:14px;padding:18px;border:1px solid #f2b8b5;background:#fff4f3;color:#8f1710;border-radius:14px;font-weight:600;line-height:1.45}

/* V19 — planos e limites de upload */
.plan-admin{padding:20px;margin-bottom:20px}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e7edf5}.plan-row:last-child{border-bottom:0}.plan-row>span{display:grid;grid-template-columns:42px auto;column-gap:10px;align-items:center}.plan-row .avatar{grid-row:1/3}.plan-row small{color:#65758b}.plan-row select{min-width:190px;padding:10px;border:1px solid #d5deea;border-radius:10px;background:white}@media(max-width:700px){.plan-row{align-items:flex-start;flex-direction:column}.plan-row select{width:100%}}

/* V19.1 — publicação de áudio */
.audio-preview{width:100%;margin-top:8px}
.post-audio-wrap{margin:14px 16px;padding:16px;border:1px solid #dbe4f0;border-radius:14px;background:linear-gradient(135deg,#f7faff,#eef5ff)}
.post-audio-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#175fc7}
.post-audio-head .sa-icon{width:38px;height:38px;padding:8px;border-radius:12px;background:#dceaff}
.post-audio-head span{display:grid}.post-audio-head b{color:#1d2939}.post-audio-head small{color:#667085;margin-top:2px}
.post-audio{display:block;width:100%;height:44px}

/* V19.2 — correção da barra de ações das publicações */
.actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(82px,1fr));
  align-items:center;
  gap:4px;
  border-top:1px solid var(--line);
  margin-top:14px;
  padding:6px 8px;
}
.actions button{
  min-width:0;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 7px;
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  font-weight:650;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
}
.actions button .sa-icon,
.actions button svg{
  width:20px;
  height:20px;
  flex:0 0 20px;
}
.actions button span{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.actions .post-more{
  min-width:42px;
  max-width:48px;
  justify-self:end;
}
@media(max-width:720px){
  .actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
  .actions button{font-size:13px;padding:10px 5px}
}
@media(max-width:440px){
  .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .actions button{font-size:12px}
}

/* V19.3 — arquivos compartilhados */
.post-file-preview,.post-file-card{display:flex;align-items:center;gap:14px;border:1px solid #d8e0ea;background:#f7f9fc;border-radius:14px;padding:14px 16px;min-width:0}
.post-file-preview{margin:10px 0}.post-file-preview b,.post-file-card b{display:block;overflow-wrap:anywhere}.post-file-preview small,.post-file-card small{display:block;color:#65758b;margin-top:3px}.post-file-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#e7f0ff;color:#1877f2;flex:0 0 auto}.post-file-card>span svg{width:23px;height:23px}.post-file-card>div{min-width:0;flex:1}.post-file-card .btn{white-space:nowrap;text-decoration:none}@media(max-width:650px){.post-file-card{align-items:flex-start;flex-wrap:wrap}.post-file-card>div{flex-basis:calc(100% - 60px)}.post-file-card .btn{flex:1;text-align:center}}


/* V20 OFICIAL — CHAT PROFISSIONAL */
.chat-shell{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100vh - 120px);min-height:620px;overflow:hidden;padding:0!important}
.chat-list{border-right:1px solid var(--border,#e3e8ef);display:flex;flex-direction:column;min-width:0;background:#fff}
.chat-list-head,.chat-panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid #edf0f5}.chat-list-head h1{margin:3px 0 0}.icon-only{width:42px;height:42px;padding:0;display:grid;place-items:center}.chat-search,.chat-contact-picker>input{margin:14px 16px;width:calc(100% - 32px);border-radius:999px;background:#f2f4f7}
#chatConversationList{overflow:auto}.chat-conversation,.contact-row{width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;border:0;background:transparent;text-align:left;cursor:pointer}.chat-conversation:hover,.chat-conversation.active,.contact-row:hover{background:#eef5ff}.chat-conversation span,.contact-row span{min-width:0;flex:1}.chat-conversation b,.contact-row b,.chat-conversation small,.contact-row small{display:block}.chat-conversation small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#667085}.chat-conversation em{font-style:normal;background:#1877f2;color:#fff;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:12px}
.chat-main{min-width:0;display:flex;flex-direction:column;background:#f7f9fc}.chat-welcome{margin:auto;text-align:center;max-width:450px;color:#667085}.chat-welcome>.sa-icon{width:72px;height:72px;margin:auto;color:#1877f2}.chat-welcome h2{color:#172033}.chat-header{height:76px;background:#fff;border-bottom:1px solid #e8ebf0;display:flex;align-items:center;gap:12px;padding:12px 20px}.chat-header>div{flex:1}.chat-header b,.chat-header small{display:block}.chat-messages{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:10px}.chat-message{display:flex}.chat-message.mine{justify-content:flex-end}.chat-message>div{max-width:min(72%,650px);background:#fff;border-radius:18px 18px 18px 5px;padding:10px 14px;box-shadow:0 1px 2px #00000012}.chat-message.mine>div{background:#1877f2;color:#fff;border-radius:18px 18px 5px 18px}.chat-message p{margin:0 0 5px;white-space:pre-wrap}.chat-message small{opacity:.7}.chat-attachment{display:flex;align-items:center;gap:10px;padding:10px;margin:4px 0;border-radius:12px;background:#eef3fa;color:#172033;text-decoration:none}.chat-message.mine .chat-attachment{background:#ffffffdd}.chat-attachment span{display:flex;flex-direction:column}.chat-attachment audio,.chat-message audio{max-width:100%}.chat-compose{display:flex;align-items:flex-end;gap:10px;padding:14px;background:#fff;border-top:1px solid #e8ebf0}.chat-compose textarea{flex:1;resize:none;min-height:44px;max-height:130px;border-radius:22px;padding:11px 16px}.chat-attach{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#eef3fa;color:#1877f2}.chat-file-badge{position:absolute;bottom:75px;margin-left:54px;background:#172033;color:#fff;padding:7px 12px;border-radius:10px;font-size:12px}.chat-contact-picker{height:100%;overflow:auto;background:#fff}.chat-empty-small,.chat-day{padding:25px;text-align:center;color:#667085}
@media(max-width:900px){.chat-shell{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:680px){.chat-shell{display:block;height:calc(100vh - 90px)}.chat-list{height:38%;border-right:0;border-bottom:1px solid #ddd}.chat-main{height:62%}.chat-message>div{max-width:88%}}


/* V20.1 — CHAT COM ÁREA DE CONVERSA AMPLIADA */
body.chat-page .layout{
  grid-template-columns:220px minmax(720px,1fr);
  max-width:1540px;
  gap:18px;
}
body.chat-page .right{display:none}
body.chat-page #content{min-width:0;width:100%}
body.chat-page .chat-shell{
  width:100%;
  grid-template-columns:300px minmax(0,1fr);
  height:calc(100vh - 104px);
  min-height:680px;
  border-radius:16px;
}
body.chat-page .chat-main{min-width:0}
body.chat-page .chat-messages{
  padding:28px 34px;
}
body.chat-page .chat-message>div{
  max-width:min(74%,760px);
}
body.chat-page .chat-compose{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:end;
  gap:12px;
  padding:16px 20px 18px;
}
body.chat-page .chat-compose textarea{
  width:100%;
  min-width:0;
  min-height:52px;
  max-height:180px;
  border:1px solid #d6deea;
  border-radius:18px;
  padding:14px 17px;
  font-size:15px;
  line-height:1.45;
  background:#f8fafc;
}
body.chat-page .chat-compose textarea:focus{
  background:#fff;
  border-color:#73a7f5;
  box-shadow:0 0 0 4px rgba(24,119,242,.10);
  outline:none;
}
body.chat-page .chat-compose .primary{
  min-width:104px;
  height:52px;
  border-radius:14px;
  padding:0 20px;
}
body.chat-page .chat-attach{
  width:48px;
  height:48px;
}
body.chat-page .chat-file-badge{
  position:static;
  grid-column:2/4;
  margin:0;
  width:max-content;
  max-width:100%;
}
@media(max-width:1100px){
  body.chat-page .layout{grid-template-columns:76px minmax(0,1fr);padding:14px 10px}
  body.chat-page .sidebar{width:76px}
  body.chat-page .sidebar button{justify-content:center;padding:12px 8px}
  body.chat-page .sidebar button span,.chat-page .sidebar-title,.chat-page .sidebar-footer{display:none}
  body.chat-page .chat-shell{grid-template-columns:270px minmax(0,1fr)}
}
@media(max-width:720px){
  body.chat-page .layout{display:block;padding:0}
  body.chat-page .sidebar{display:none}
  body.chat-page .chat-shell{height:calc(100vh - 62px);min-height:0;border-radius:0}
  body.chat-page .chat-list{height:34%}
  body.chat-page .chat-main{height:66%}
  body.chat-page .chat-messages{padding:16px}
  body.chat-page .chat-compose{grid-template-columns:44px minmax(0,1fr) auto;padding:10px;gap:8px}
  body.chat-page .chat-compose .primary{min-width:76px;padding:0 12px}
  body.chat-page .chat-message>div{max-width:90%}
}


/* V20.2 — BUSCA DE CONTATOS APRIMORADA */
.contact-search-wrap{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#f7f9fc;border-radius:999px;padding:0 16px;margin:14px 16px 8px}.contact-search-wrap svg{width:20px;height:20px;color:#667085;flex:0 0 auto}.contact-search-wrap input{border:0!important;background:transparent!important;padding:14px 0!important;width:100%;outline:none}.contact-filter-note{min-height:24px;padding:0 20px 8px;color:#667085;font-size:13px}.contact-row{width:calc(100% - 24px);margin:0 12px 8px;padding:12px 14px;border:1px solid transparent;border-radius:14px;background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.18s ease}.contact-row:hover{border-color:#b9d4ff;background:#f4f8ff;transform:translateY(-1px)}.contact-info{min-width:0;display:flex;flex-direction:column;gap:3px}.contact-info b,.contact-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info small{color:#667085}.contact-info em{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px;font-style:normal}.contact-info i{font-size:11px;font-style:normal;color:#165dc7;background:#eaf2ff;border-radius:999px;padding:3px 7px}.contact-action{color:#1877f2;font-weight:700;font-size:13px}.chat-no-contacts{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px;color:#667085}.chat-no-contacts svg{width:52px;height:52px;color:#a8b4c7;margin-bottom:12px}.chat-no-contacts h3{color:#1d2939;margin:0 0 8px}.chat-no-contacts p{max-width:460px;line-height:1.5;margin:0 0 18px}.chat-searching{padding:28px;text-align:center;color:#667085}
@media(max-width:760px){.contact-row{grid-template-columns:auto minmax(0,1fr)}.contact-action{grid-column:2}.contact-info em{display:none}}


/* Assistente Administrativo */
.admin-ai-card{padding:0;overflow:hidden;margin-bottom:18px;border-color:#cfe0ff;background:linear-gradient(180deg,#fbfdff,#fff)}
.admin-ai-head{display:flex;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid #e7edf7;background:linear-gradient(135deg,#eef5ff,#fff)}
.admin-ai-head h2{margin:6px 0;font-size:22px}
.admin-ai-head p{margin:0;color:var(--muted);line-height:1.5}
.admin-ai-badge{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--blue);background:var(--blue-soft);padding:6px 9px;border-radius:999px}
.admin-ai-status{display:flex;align-items:center;gap:7px;color:#067647;font-size:13px;font-weight:800;white-space:nowrap}
.admin-ai-status i{width:9px;height:9px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.12)}
.admin-ai-messages{display:grid;gap:12px;max-height:390px;overflow-y:auto;padding:20px;background:#f8fafc}
.admin-ai-message{max-width:88%;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}
.admin-ai-message span{display:block;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;opacity:.72}
.admin-ai-message p{margin:0;white-space:pre-wrap;line-height:1.55}
.admin-ai-message.assistant{background:#fff;border:1px solid #e4e7ec;justify-self:start}
.admin-ai-message.user{background:var(--blue);color:#fff;justify-self:end}
.admin-ai-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e4e7ec}
.admin-ai-confirm b{width:100%;font-size:13px}
.admin-ai-confirm button{padding:9px 12px}
.admin-ai-examples{display:flex;gap:8px;flex-wrap:wrap;padding:13px 20px 0}
.admin-ai-examples button{background:#eef4ff;color:var(--blue);border:1px solid #d6e4ff;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:750}
.admin-ai-examples button:hover{background:#dfeaff}
.admin-ai-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 20px 20px;align-items:end}
.admin-ai-compose textarea{min-height:68px;max-height:160px;margin:0}
.admin-ai-compose button{height:46px;min-width:100px}
@media(max-width:650px){
  .admin-ai-head{flex-direction:column}
  .admin-ai-compose{grid-template-columns:1fr}
  .admin-ai-compose button{width:100%}
  .admin-ai-message{max-width:96%}
}


/* Rede Sociaudio V1.1 — imagens, galeria e perfis */
.post-gallery-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.post-gallery-preview>div{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#eef2f6}
.post-gallery-preview img{width:100%;height:100%;object-fit:cover}
.post-gallery-preview button{position:absolute;right:6px;top:6px;width:28px;height:28px;padding:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff}
.post-gallery{display:grid;gap:3px;margin:14px -20px 0;max-height:680px;overflow:hidden}
.post-gallery button{position:relative;border:0;padding:0;background:#e9edf3;overflow:hidden;min-height:220px}
.post-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.post-gallery button:hover img{transform:scale(1.015)}
.post-gallery.count-1{grid-template-columns:1fr}
.post-gallery.count-1 button{max-height:650px}
.post-gallery.count-2{grid-template-columns:1fr 1fr}
.post-gallery.count-3{grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr}
.post-gallery.count-3 button:first-child{grid-row:1/3}
.post-gallery.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.post-gallery button span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.5);font-size:34px;color:#fff;font-weight:900}
.image-viewer{position:fixed;inset:0;z-index:99999;background:rgba(3,8,18,.94);display:grid;place-items:center;padding:50px 20px 24px}
.image-viewer img{max-width:min(1200px,96vw);max-height:84vh;object-fit:contain;border-radius:10px;box-shadow:0 20px 70px #000}
.image-viewer p{position:absolute;bottom:15px;color:#fff;background:rgba(0,0,0,.55);padding:8px 14px;border-radius:999px}
.image-viewer-close{position:absolute;right:22px;top:18px;width:44px;height:44px;border-radius:50%;background:#fff;color:#111;font-size:20px}
.profile-gallery-editor{border-top:1px solid var(--border);padding-top:20px}
.profile-gallery-editor>div:first-child{margin-bottom:12px}
.profile-gallery-editor h2{margin:0 0 4px}
.profile-gallery-editor p{margin:0;color:var(--muted)}
.profile-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.profile-gallery-grid figure{position:relative;margin:0;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#eef2f6}
.profile-gallery-grid img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.profile-gallery-grid figure>button{position:absolute;right:7px;top:7px;background:rgba(190,30,45,.9);color:#fff;padding:7px 9px;border-radius:9px;font-size:11px}
.profile-gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:20px 8px 7px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:12px}
.gallery-empty{padding:22px;border:1px dashed #cbd5e1;border-radius:12px;text-align:center;color:var(--muted);margin-top:12px}
.profile-v11 .cover-editor{min-height:230px;background-size:cover;background-position:center}
.profile-v11 .avatar-editor{display:flex;align-items:center;gap:16px}
@media(max-width:700px){
  .post-gallery{margin-left:-14px;margin-right:-14px}
  .post-gallery button{min-height:150px}
  .profile-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-gallery-preview{grid-template-columns:repeat(2,1fr)}
}

/* Rede Sociaudio V20.3 — Perfil Profissional */
.profile-name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.profile-name-row h1{margin:0}.profile-identity small{display:block;margin-top:5px;color:var(--muted);font-weight:700}
.verified-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:850}.verified-badge svg{width:14px;height:14px}.verified-badge.professional{background:#eaf3ff;color:#1769e0}.verified-badge.company{background:#e8fff3;color:#067647}.verified-badge.manufacturer{background:#f3eaff;color:#6938ef}.verified-badge.school{background:#fff4e5;color:#b54708}.verified-badge.specialist{background:#fff8d8;color:#8a6100}
.professional-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.professional-stats span{padding:14px;border:1px solid var(--border);border-radius:12px;background:#fff;text-align:center}.professional-stats b{display:block;font-size:16px}.professional-stats small{display:block;margin-top:4px;color:var(--muted)}
.professional-actions{display:flex;gap:8px;flex-wrap:wrap}.action-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.hire-button{font-weight:850;box-shadow:0 8px 22px rgba(23,105,224,.2)}
.check-label{display:flex!important;align-items:center;gap:9px;padding:12px;border:1px solid var(--border);border-radius:10px}.check-label input{width:auto;margin:0}.plan-row{align-items:center;gap:10px}.plan-row>select{min-width:180px}
@media(max-width:700px){.professional-stats{grid-template-columns:1fr}.professional-actions>*{flex:1 1 140px}.plan-row{align-items:stretch}.plan-row>select{width:100%;min-width:0}}

/* Rede Sociaudio V20.4.1 — foto real na barra lateral */
.sidebar-user-card{display:flex;align-items:center;gap:12px;cursor:pointer}
.sidebar-avatar-image,.sidebar-avatar-fallback{width:54px;height:54px;min-width:54px;border-radius:50%;overflow:hidden;display:grid;place-items:center}
.sidebar-avatar-image{background:#e8eef8;border:2px solid #fff;box-shadow:0 0 0 1px #d6deea}
.sidebar-avatar-image img{width:100%;height:100%;object-fit:cover;display:block}
.sidebar-avatar-fallback{background:linear-gradient(135deg,var(--blue),#174ea6);color:#fff;font-size:20px;font-weight:900}
.sidebar-user-info{min-width:0;flex:1}
.sidebar-user-name-row{display:flex;align-items:center;gap:6px;min-width:0}
.sidebar-user-name-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user-name-row .verified-badge{padding:3px 5px;font-size:0}
.sidebar-user-name-row .verified-badge svg{width:15px;height:15px}
.sidebar-user-info>small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.sidebar-user-meta{display:flex;align-items:center;gap:8px;margin-top:7px}
.sidebar-plan{font-size:9px;font-weight:900;letter-spacing:.08em;padding:3px 6px;border-radius:999px;background:#eef2f6;color:#475467}
.sidebar-plan.pro{background:#eaf3ff;color:#1769e0}.sidebar-plan.company{background:#e8fff3;color:#067647}.sidebar-plan.admin{background:#f3eaff;color:#6938ef}
.sidebar-online{display:inline-flex;align-items:center;gap:5px;color:#067647;font-size:10px;font-weight:800}
.sidebar-online i{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.12)}
.header-avatar-image,.header-avatar-fallback{width:30px;height:30px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#174ea6);color:#fff;font-weight:850}
.header-avatar-image img{width:100%;height:100%;object-fit:cover}
@media(max-width:980px){.sidebar-user-info{display:none}.sidebar-user-card{justify-content:center}}

/* Rede Sociaudio V20.4.2 — pré-visualização imediata da foto */
#profileAvatarWrap{width:112px;height:112px;min-width:112px;border-radius:50%;overflow:hidden;display:grid;place-items:center}
#profileAvatarWrap .avatar{width:112px;height:112px;min-width:112px;border-radius:50%;object-fit:cover}
#profileAvatarWrap span.avatar{background:linear-gradient(135deg,var(--blue),#174ea6);color:#fff;font-size:34px;font-weight:900}


/* Rede Sociaudio V20.5 — cartão lateral estável e comunidades */
.layout{grid-template-columns:280px minmax(0,1fr) 300px}
.sidebar{width:280px;max-width:280px;min-width:0;overflow-x:hidden}
.sidebar-profile.sidebar-user-card{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:10px;
  gap:9px;
  overflow:hidden;
}
.sidebar-profile .sidebar-avatar-image,
.sidebar-profile .sidebar-avatar-fallback{
  width:44px;
  height:44px;
  min-width:44px;
}
.sidebar-user-info{min-width:0;width:calc(100% - 53px);overflow:hidden}
.sidebar-user-name-row{min-width:0;width:100%;overflow:hidden}
.sidebar-user-name-row b{display:block;max-width:100%;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sidebarRole{display:block;max-width:100%;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-user-meta{display:flex;align-items:center;gap:5px;max-width:100%;overflow:hidden}
.sidebar-plan{font-size:8px;padding:2px 5px;flex:none}
.sidebar-online{font-size:9px;white-space:nowrap;flex:none}
main,.main-content,#content{min-width:0;overflow-x:hidden}

.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.community.card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:start;overflow:hidden}
.community-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#eef4ff;font-size:31px;overflow:hidden}
.community-body{min-width:0}
.community-body h3{margin:0 0 8px;font-size:20px;line-height:1.2;overflow-wrap:anywhere}
.community-body p{line-height:1.45;overflow-wrap:anywhere}
.community-body button{width:100%;margin-top:12px}
.community-member-note{margin-top:8px;color:#067647;font-size:12px;font-weight:750}
@media(max-width:1180px){
  .layout{grid-template-columns:240px minmax(0,1fr)}
  .sidebar{width:240px;max-width:240px}
}
@media(max-width:760px){
  .layout{display:block}
  .sidebar{width:100%;max-width:none}
  .community-grid{grid-template-columns:1fr}
}


/* Rede Sociaudio V20.5.1 — cartão lateral profissional */
.sidebar-profile.sidebar-user-card{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  column-gap:11px;
  width:100%;
  max-width:100%;
  min-height:76px;
  padding:11px 12px;
  border-radius:16px;
  overflow:hidden;
  box-sizing:border-box;
}

.sidebar-profile #sidebarAvatar,
.sidebar-profile .sidebar-avatar-image,
.sidebar-profile .sidebar-avatar-fallback{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  aspect-ratio:1/1;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  box-sizing:border-box!important;
  flex:none!important;
}

.sidebar-profile .sidebar-avatar-image{
  border:3px solid #fff!important;
  box-shadow:0 0 0 1px #d5dfef,0 5px 14px rgba(17,24,39,.12)!important;
  background:#edf3fb!important;
}

.sidebar-profile .sidebar-avatar-image img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:50%!important;
  padding:0!important;
  margin:0!important;
}

.sidebar-profile .sidebar-avatar-fallback{
  background:linear-gradient(135deg,var(--blue),#174ea6)!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:900!important;
  border:3px solid #fff!important;
  box-shadow:0 0 0 1px #d5dfef,0 5px 14px rgba(17,24,39,.12)!important;
}

.sidebar-user-info{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}

.sidebar-user-name-row{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
}

.sidebar-user-name-row b{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.25!important;
}

#sidebarRole{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
  line-height:1.25!important;
}

.sidebar-user-meta{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:6px!important;
  min-width:0!important;
  overflow:hidden!important;
}

.sidebar-plan,.sidebar-online{
  flex:none!important;
  white-space:nowrap!important;
}

@media(max-width:1180px){
  .sidebar-profile.sidebar-user-card{
    grid-template-columns:46px minmax(0,1fr);
    padding:9px;
    min-height:68px;
  }
  .sidebar-profile #sidebarAvatar,
  .sidebar-profile .sidebar-avatar-image,
  .sidebar-profile .sidebar-avatar-fallback{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
  }
}


/* Rede Sociaudio V20.5.2 — pesquisa global */
.search-wrap input[type="search"]::-webkit-search-cancel-button{cursor:pointer}
.search-page-title{display:flex;align-items:end;justify-content:space-between;gap:15px}
.search-section{margin-bottom:24px}
.search-section>h2{display:flex;align-items:center;gap:9px;font-size:19px;margin:0 0 12px}
.search-section>h2 span{display:inline-grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:#eaf2ff;color:var(--blue);font-size:12px}
.search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}
.search-result-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.search-result-main{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;width:100%;padding:0;border:0;background:transparent;text-align:left}
.search-result-main .avatar,.search-result-icon{width:48px;height:48px;min-width:48px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-size:23px;font-weight:850}
.search-result-main>span:last-child{display:block;min-width:0}
.search-result-main b,.search-result-main small,.search-result-main em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-result-main b{font-size:15px;color:var(--text)}
.search-result-main small{margin-top:3px;color:#475467;font-size:12px}
.search-result-main em{margin-top:3px;color:var(--muted);font-size:11px;font-style:normal}
.search-result-actions{display:flex;gap:8px}
.search-result-actions button{flex:1}
.search-loading{padding:25px;text-align:center;color:var(--muted)}
.search-empty{text-align:center;padding:34px}
.search-empty h2{margin-top:0}
@media(max-width:700px){
  .search-page-title{align-items:stretch;flex-direction:column}
  .search-results{grid-template-columns:1fr}
}


/* Rede Sociaudio V20.5.3 — solicitação de orçamento */
#quoteDlg{width:min(620px,calc(100vw - 28px));max-height:90vh;border:0;border-radius:18px;padding:0;box-shadow:0 24px 80px rgba(15,23,42,.28)}
#quoteDlg::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}
#quoteForm{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:22px}
#quoteForm .dialog-head,#quoteForm label:nth-last-of-type(1),#quoteForm button[type="submit"]{grid-column:1/-1}
#quoteForm .dialog-head{margin:-22px -22px 5px;padding:19px 22px;border-bottom:1px solid var(--border);background:#f8faff}
#quoteForm label{font-size:12px;font-weight:750;color:#344054}
#quoteForm input,#quoteForm textarea{margin-top:6px}
#quoteForm textarea{min-height:115px;resize:vertical}
#quoteForm button[type="submit"]{min-height:46px;font-weight:850}
@media(max-width:620px){#quoteForm{grid-template-columns:1fr}#quoteForm>*{grid-column:1!important}}


/* Rede Sociaudio V20.6 — gestão de orçamentos */
.quote-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.quote-stats button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:15px;border:1px solid var(--border);border-radius:14px;background:#fff;text-align:left;box-shadow:var(--shadow)}
.quote-stats button b{font-size:24px}.quote-stats button span{color:var(--muted);font-size:12px;font-weight:750}
.quote-stats button.active{border-color:var(--blue);background:#f5f9ff;box-shadow:0 0 0 2px rgba(23,105,224,.08)}
.quote-list{display:grid;gap:14px}.quote-card{border-left:5px solid #d0d5dd}.quote-card.quote-new{border-left-color:#1769e0}.quote-card.quote-negotiation{border-left-color:#f79009}.quote-card.quote-completed{border-left-color:#12b76a}.quote-card.quote-archived{border-left-color:#667085}
.quote-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.quote-card-head>div{display:flex;align-items:center;gap:10px;min-width:0}.quote-card-head .avatar{width:46px;height:46px;min-width:46px}.quote-card-head b,.quote-card-head small{display:block}.quote-card-head small{margin-top:3px;color:var(--muted)}
.quote-status{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:850;white-space:nowrap}.quote-status.quote-new{background:#eaf3ff;color:#1769e0}.quote-status.quote-negotiation{background:#fff4e5;color:#b54708}.quote-status.quote-completed{background:#e8fff3;color:#067647}.quote-status.quote-archived{background:#eef2f6;color:#475467}
.quote-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:16px 0;padding:14px;border-radius:12px;background:#f8fafc}.quote-details p{margin:0;line-height:1.45}.quote-details .wide{grid-column:1/-1}
.quote-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.quote-contact small{color:var(--muted)}
.quote-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:13px;border-top:1px solid var(--border)}.quote-actions button{flex:1 1 150px}
button.danger{background:#fff1f3;color:#b42318;border:1px solid #fecdd3}.quote-empty{text-align:center;padding:36px}
@media(max-width:760px){.quote-stats{grid-template-columns:repeat(2,1fr)}.quote-details{grid-template-columns:1fr}.quote-details .wide{grid-column:auto}.quote-contact{align-items:stretch;flex-direction:column}}


/* Rede Sociaudio V20.6.1 — comandos diretos de orçamento */
.quote-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.quote-attended-button{background:#067647!important;border-color:#067647!important;color:#fff!important}
.quote-attended-button:hover{background:#05603a!important}
.quote-actions .danger{font-weight:800}
@media(max-width:600px){.quote-stats{grid-template-columns:1fr!important}}


/* Rede Sociaudio V20.6.2 — layout profissional de orçamentos */
.quote-list{
  display:grid;
  gap:16px;
}

.quote-card{
  display:block!important;
  width:100%;
  padding:20px!important;
  box-sizing:border-box;
  overflow:hidden;
}

.quote-card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:18px;
}

.quote-client{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.quote-client .avatar{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
}

.quote-client-info{
  min-width:0;
}

.quote-client-name-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.quote-client-name-row b{
  font-size:17px;
  line-height:1.25;
}

.quote-client-info small{
  display:block;
  margin-top:4px;
  color:var(--muted);
}

.quote-received{
  color:var(--muted);
  text-align:right;
  line-height:1.35;
  white-space:nowrap;
}

.quote-info-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}

.quote-info-grid>div{
  min-width:0;
  padding:13px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#f8fafc;
}

.quote-info-grid span{
  display:block;
  margin-bottom:6px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.quote-info-grid b{
  display:block;
  font-size:14px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.quote-message-box{
  padding:15px 16px;
  margin-bottom:16px;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid var(--border);
}

.quote-message-box span{
  display:block;
  margin-bottom:7px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.quote-message-box p{
  margin:0;
  line-height:1.55;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}

.quote-actions{
  display:flex!important;
  align-items:center;
  gap:10px!important;
  flex-wrap:wrap;
  padding-top:16px!important;
  border-top:1px solid var(--border);
}

.quote-actions button,
.quote-actions .action-link{
  min-height:44px;
  flex:1 1 190px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:10px;
  font-weight:800;
  text-decoration:none;
  box-sizing:border-box;
}

.quote-whatsapp{
  background:#eef2f6!important;
  color:#344054!important;
}

.quote-attended-button{
  background:#067647!important;
  color:#fff!important;
  border-color:#067647!important;
}

.quote-attended-button:hover{
  background:#05603a!important;
}

@media(max-width:1050px){
  .quote-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .quote-card{
    padding:16px!important;
  }

  .quote-card-head{
    flex-direction:column;
  }

  .quote-received{
    text-align:left;
    white-space:normal;
  }

  .quote-info-grid{
    grid-template-columns:1fr;
  }

  .quote-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .quote-actions button,
  .quote-actions .action-link{
    width:100%;
    flex:none!important;
  }
}


/* Rede Sociaudio V20.7 — Central de Notificações */
.notification-badge{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#f04438;
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  display:none;
  place-items:center;
  border:2px solid #fff;
  box-sizing:border-box;
  z-index:5;
}
.global-notification-badge{position:fixed;top:14px;right:182px}
#notificationBtn,[data-view="notifications"],.notification-button{position:relative}
.notification-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.notification-filter-row{display:flex;gap:8px;margin-bottom:14px}
.notification-filter-row button{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:800}
.notification-filter-row button.active{background:#edf4ff;color:var(--blue);border-color:#bfd5ff}
.notification-filter-row span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#eef2f6;font-size:11px}
.notification-list{display:grid;gap:9px}
.notification-card{
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 32px;
  gap:13px;
  align-items:center;
  padding:14px 15px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--shadow);
  cursor:pointer;
  transition:.18s ease;
}
.notification-card:hover{transform:translateY(-1px);border-color:#b8c9e8}
.notification-card.unread{background:#f6f9ff;border-left:4px solid var(--blue)}
.notification-card.read{opacity:.86}
.notification-avatar-wrap{position:relative;width:52px;height:52px}
.notification-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;display:grid;place-items:center}
.notification-avatar.fallback{background:linear-gradient(135deg,var(--blue),#174ea6);color:#fff;font-size:18px;font-weight:900}
.notification-type-icon{position:absolute;right:-3px;bottom:-3px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--border);font-size:13px}
.notification-content{min-width:0}
.notification-card-head{display:flex;align-items:center;gap:8px}
.notification-card-head b{font-size:14px}
.notification-content p{margin:4px 0 5px;color:#475467;line-height:1.4;overflow-wrap:anywhere}
.notification-content small{color:var(--muted);font-size:11px}
.notification-dot{width:8px;height:8px;border-radius:50%;background:#1769e0;flex:none}
.notification-delete{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#f2f4f7;color:#667085;font-size:20px;line-height:1}
.notification-delete:hover{background:#ffe4e8;color:#b42318}
.notification-empty{text-align:center;padding:42px}
.notification-empty>div{font-size:38px;margin-bottom:8px}
@media(max-width:700px){
  .notification-title{align-items:stretch;flex-direction:column}
  .notification-card{grid-template-columns:44px minmax(0,1fr) 30px;padding:12px}
  .notification-avatar-wrap,.notification-avatar{width:44px;height:44px}
}


/* Rede Sociaudio V20.7.2 — sino e contadores unificados */
#bellBtn{
  color:inherit!important;
}
#bellBtn:not(.has-unread){
  color:inherit!important;
  background:transparent;
}
#bellBtn.has-unread{
  color:var(--blue)!important;
}
.header-notification-count{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#f04438;
  color:#fff;
  border:2px solid #fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  place-items:center;
  box-sizing:border-box;
}
.header-notification-count[hidden]{
  display:none!important;
}


/* Rede Sociaudio V20.8 — base estável e sino corrigido */
#bellBtn{
  position:relative;
  color:#526074!important;
  background:transparent!important;
}

#bellBtn > .sa-icon,
#bellBtn > span[data-icon="bell"],
#bellBtn > .sa-icon svg{
  position:static!important;
  inset:auto!important;
  width:24px!important;
  height:24px!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  display:block!important;
  font-size:inherit!important;
  box-shadow:none!important;
}

#bellBtn > .sa-icon svg{
  stroke:currentColor!important;
  fill:none!important;
}

#bellBtn:not(.has-unread){
  color:#526074!important;
}

#bellBtn.has-unread{
  color:#1769e0!important;
}

#bellCount.header-notification-count{
  position:absolute!important;
  top:-5px!important;
  right:-5px!important;
  display:none;
  min-width:20px!important;
  width:auto!important;
  height:20px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#f04438!important;
  color:#fff!important;
  border:2px solid #fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  place-items:center!important;
  box-sizing:border-box!important;
  z-index:5!important;
}

#bellCount.header-notification-count:not([hidden]){
  display:grid!important;
}

#bellCount.header-notification-count[hidden],
#bellCount.header-notification-count:empty{
  display:none!important;
}

.sidebar [data-view="notifications"]{
  position:relative;
}

.sidebar [data-view="notifications"] > .notification-badge{
  position:absolute!important;
  top:6px!important;
  right:10px!important;
}


/* Rede Sociaudio V21.0 — Chat Profissional */
.chat-conversation{
  position:relative;
}
.chat-conversation.has-unread{
  background:#f2f7ff;
  border-color:#bdd3fa;
}
.chat-conversation.has-unread b{
  color:#101828;
  font-weight:900;
}
.chat-conversation.has-unread small{
  color:#344054;
  font-weight:700;
}
.chat-unread-count{
  min-width:23px;
  height:23px;
  padding:0 6px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#f04438;
  color:#fff;
  font-size:11px;
  font-style:normal;
  font-weight:900;
  line-height:1;
}
.chat-header-person{
  min-width:0;
  flex:1;
}
.chat-message-meta{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
.chat-receipt{
  font-size:10px;
  font-weight:800;
}
.chat-receipt.sent{
  color:#98a2b3;
}
.chat-receipt.seen{
  color:#1769e0;
}
.chat-typing-indicator{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:28px;
  padding:4px 18px 8px;
  color:#667085;
  font-size:12px;
}
.chat-typing-indicator[hidden]{
  display:none!important;
}
.chat-typing-indicator>span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#98a2b3;
  animation:chatTypingBounce 1.1s infinite ease-in-out;
}
.chat-typing-indicator>span:nth-child(2){animation-delay:.14s}
.chat-typing-indicator>span:nth-child(3){animation-delay:.28s}
.chat-typing-indicator>b{
  margin-left:4px;
  font-size:11px;
}
@keyframes chatTypingBounce{
  0%,60%,100%{transform:translateY(0);opacity:.45}
  30%{transform:translateY(-4px);opacity:1}
}


/* Rede Sociaudio Beta 1.0 — estabilidade */
.beta-status-wrap{
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:10px;
}
.beta-label{
  padding:4px 7px;
  border-radius:999px;
  background:#eef4ff;
  color:#175cd3;
  border:1px solid #bfd5ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.beta-health{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#667085;
  font-size:10px;
  font-weight:750;
}
.beta-health::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:#98a2b3;
}
.beta-health.ok{color:#067647}
.beta-health.ok::before{background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.12)}
.beta-health.error{color:#b42318}
.beta-health.error::before{background:#f04438;box-shadow:0 0 0 3px rgba(240,68,56,.12)}
button:disabled{
  opacity:.58;
  cursor:not-allowed;
}
img{
  max-width:100%;
}
@media(max-width:900px){
  .beta-health{display:none}
}


/* Rede Sociaudio Beta 2 — Módulo 1 Perfil Profissional */
.professional-profile-v2{display:grid;gap:16px}
.professional-hero{padding:0!important;overflow:hidden}
.professional-cover{height:245px;background:linear-gradient(135deg,#123f87,#2673e8);background-size:cover;background-position:center;position:relative}
.professional-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,25,50,.42))}
.professional-hero-body{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:end;padding:0 24px 24px;margin-top:-58px}
.professional-avatar-wrap{position:relative}
.professional-avatar-wrap .avatar.huge{width:132px!important;height:132px!important;border:5px solid #fff;box-shadow:0 10px 30px rgba(16,24,40,.22)}
.professional-verified{position:absolute;right:6px;bottom:8px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#1769e0;color:#fff;border:4px solid #fff;font-weight:900}
.professional-main-info{padding-top:62px;min-width:0}
.professional-name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.professional-name-row h1{margin:0;font-size:30px}
.verified-label{padding:5px 8px;border-radius:999px;background:#eaf3ff;color:#175cd3;font-size:10px;font-weight:900}
.professional-main-info h2{margin:5px 0 4px;font-size:17px;color:#344054}
.professional-company,.professional-location,.professional-availability{margin:5px 0;color:#667085}
.professional-availability{color:#067647;font-weight:750}
.professional-rating-line{display:flex;align-items:center;gap:7px;margin-top:8px}
.professional-rating-line span:last-child{color:#667085;font-size:12px}
.profile-stars{display:inline-flex;gap:1px}
.profile-stars>span{color:#d0d5dd;font-size:17px}
.profile-stars>span.filled{color:#f79009}
.professional-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding-top:62px}
.profile-completeness{padding:16px 19px}
.profile-completeness>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}
.profile-completeness span{color:#667085;font-size:12px}
.profile-progress{height:9px;border-radius:999px;background:#eaecf0;overflow:hidden}
.profile-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769e0,#12b76a)}
.professional-stats{display:grid;grid-template-columns:repeat(5,1fr);padding:0!important;overflow:hidden}
.professional-stats>div{text-align:center;padding:18px;border-right:1px solid var(--border)}
.professional-stats>div:last-child{border-right:0}
.professional-stats b{display:block;font-size:21px}
.professional-stats span{color:#667085;font-size:11px}
.professional-profile-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.professional-profile-columns main{display:grid;gap:16px}
.professional-profile-columns aside{position:sticky;top:86px}
.professional-section{padding:21px}
.professional-section h2{margin:0 0 13px}
.professional-section p{line-height:1.62;color:#475467;white-space:pre-wrap}
.professional-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:17px}
.professional-detail-grid>div{padding:13px;border-radius:12px;background:#f8fafc;border:1px solid #eaecf0}
.professional-detail-grid span{display:block;color:#667085;font-size:10px;text-transform:uppercase;font-weight:850;margin-bottom:5px}
.professional-tags{display:flex;flex-wrap:wrap;gap:8px}
.professional-tags>span{padding:8px 11px;border-radius:999px;background:#eef4ff;color:#175cd3;border:1px solid #d1e1ff;font-size:12px;font-weight:750}
.equipment-tags>span{background:#f2f4f7;color:#344054;border-color:#e4e7ec}
.portfolio-featured-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:13px}
.portfolio-featured-card{display:flex;flex-direction:column;gap:5px;padding:15px;border-radius:13px;background:#f5f9ff;border:1px solid #cfe0ff;text-decoration:none}
.portfolio-featured-card span{font-size:11px;color:#667085}
.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.section-title-row h2,.section-title-row p{margin:0}
.section-title-row p{font-size:12px}
.profile-review-form{padding:16px;border-radius:14px;background:#f8fafc;border:1px solid #eaecf0;margin-bottom:15px}
.profile-review-form h3{margin:0 0 8px}
.profile-review-form textarea{width:100%;min-height:90px;margin:10px 0}
.interactive-stars{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end}
.interactive-stars input{display:none}
.interactive-stars label{font-size:29px;color:#d0d5dd;cursor:pointer}
.interactive-stars label:hover,.interactive-stars label:hover~label,.interactive-stars input:checked~label{color:#f79009}
.profile-reviews-list{display:grid;gap:10px}
.profile-review-card{padding:14px;border-radius:13px;border:1px solid #eaecf0;background:#fff}
.profile-review-author{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}
.profile-review-author>img,.profile-review-author>span{width:42px;height:42px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#1769e0;color:#fff;font-weight:900}
.profile-review-author b{display:block}
.profile-review-author small{color:#98a2b3}
.profile-review-card p{margin:10px 0 0}
.professional-contact-card{padding:18px}
.professional-contact-card h2{margin-top:0}
.professional-contact-card>a{display:flex;flex-direction:column;padding:11px 0;border-bottom:1px solid #eaecf0;text-decoration:none}
.professional-contact-card>a span{font-size:11px;color:#667085;overflow-wrap:anywhere}
.remote-service-badge{margin-top:14px;padding:11px;border-radius:11px;background:#ecfdf3;color:#067647;font-size:11px;font-weight:800}
.empty-review{text-align:center;padding:20px;color:#667085}
@media(max-width:1000px){
  .professional-hero-body{grid-template-columns:auto 1fr}
  .professional-actions{grid-column:1/-1;padding-top:0;justify-content:flex-start}
  .professional-profile-columns{grid-template-columns:1fr}
  .professional-profile-columns aside{position:static}
}
@media(max-width:720px){
  .professional-cover{height:180px}
  .professional-hero-body{display:flex;flex-direction:column;align-items:flex-start;margin-top:-45px;padding:0 16px 18px}
  .professional-main-info{padding-top:0}
  .professional-actions{width:100%}
  .professional-actions>*{flex:1 1 135px}
  .professional-stats{grid-template-columns:repeat(2,1fr)}
  .professional-stats>div{border-bottom:1px solid var(--border)}
  .professional-detail-grid,.portfolio-featured-links{grid-template-columns:1fr}
  .profile-completeness>div:first-child{flex-direction:column}
}


/* Rede Sociaudio Beta 2.1 — correção definitiva do perfil profissional */
main.content .professional-profile-v2,
#content .professional-profile-v2{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
}

main.content .professional-hero,
#content .professional-hero{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  overflow:visible!important;
}

main.content .professional-cover,
#content .professional-cover{
  display:block!important;
  width:100%!important;
  height:250px!important;
  min-height:250px!important;
  margin:0!important;
  border-radius:16px 16px 0 0!important;
  background-size:cover!important;
  background-position:center!important;
}

main.content .professional-hero-body,
#content .professional-hero-body{
  position:relative!important;
  display:grid!important;
  grid-template-columns:150px minmax(300px,1fr)!important;
  grid-template-areas:
    "avatar info"
    "avatar actions"!important;
  align-items:start!important;
  column-gap:22px!important;
  row-gap:12px!important;
  width:100%!important;
  min-width:0!important;
  padding:0 24px 24px!important;
  margin:-58px 0 0!important;
  box-sizing:border-box!important;
}

main.content .professional-avatar-wrap,
#content .professional-avatar-wrap{
  grid-area:avatar!important;
  position:relative!important;
  width:150px!important;
  min-width:150px!important;
  margin:0!important;
  align-self:start!important;
  z-index:3!important;
}

main.content .professional-avatar-wrap .avatar,
main.content .professional-avatar-wrap .avatar.huge,
#content .professional-avatar-wrap .avatar,
#content .professional-avatar-wrap .avatar.huge{
  width:132px!important;
  height:132px!important;
  min-width:132px!important;
  min-height:132px!important;
  max-width:132px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  border:5px solid #fff!important;
  margin:0!important;
  box-shadow:0 10px 30px rgba(16,24,40,.22)!important;
}

main.content .professional-avatar-wrap .avatar img,
#content .professional-avatar-wrap .avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

main.content .professional-main-info,
#content .professional-main-info{
  grid-area:info!important;
  min-width:0!important;
  width:100%!important;
  padding:66px 0 0!important;
  margin:0!important;
}

main.content .professional-name-row,
#content .professional-name-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
}

main.content .professional-name-row h1,
#content .professional-name-row h1{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  font-size:30px!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

main.content .professional-main-info h2,
#content .professional-main-info h2{
  display:block!important;
  width:100%!important;
  margin:6px 0 3px!important;
  font-size:17px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

main.content .professional-company,
main.content .professional-location,
main.content .professional-rating-line,
main.content .professional-availability,
#content .professional-company,
#content .professional-location,
#content .professional-rating-line,
#content .professional-availability{
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
}

main.content .professional-actions,
#content .professional-actions{
  grid-area:actions!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
}

main.content .professional-actions button,
main.content .professional-actions .btn,
#content .professional-actions button,
#content .professional-actions .btn{
  width:auto!important;
  min-width:135px!important;
  max-width:none!important;
  flex:0 1 auto!important;
  min-height:44px!important;
  padding:10px 16px!important;
  white-space:nowrap!important;
}

main.content .professional-stats,
#content .professional-stats{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(100px,1fr))!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

main.content .professional-stats>div,
#content .professional-stats>div{
  min-width:0!important;
  padding:17px 10px!important;
  box-sizing:border-box!important;
}

main.content .professional-stats b,
main.content .professional-stats span,
#content .professional-stats b,
#content .professional-stats span{
  width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

main.content .professional-profile-columns,
#content .professional-profile-columns{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
}

@media(max-width:1050px){
  main.content .professional-profile-columns,
  #content .professional-profile-columns{
    grid-template-columns:1fr!important;
  }

  main.content .professional-profile-columns aside,
  #content .professional-profile-columns aside{
    position:static!important;
  }
}

@media(max-width:760px){
  main.content .professional-cover,
  #content .professional-cover{
    height:180px!important;
    min-height:180px!important;
  }

  main.content .professional-hero-body,
  #content .professional-hero-body{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin:-46px 0 0!important;
    padding:0 16px 18px!important;
  }

  main.content .professional-avatar-wrap,
  #content .professional-avatar-wrap{
    width:112px!important;
    min-width:112px!important;
  }

  main.content .professional-avatar-wrap .avatar,
  main.content .professional-avatar-wrap .avatar.huge,
  #content .professional-avatar-wrap .avatar,
  #content .professional-avatar-wrap .avatar.huge{
    width:104px!important;
    height:104px!important;
    min-width:104px!important;
    min-height:104px!important;
  }

  main.content .professional-main-info,
  #content .professional-main-info{
    padding:0!important;
  }

  main.content .professional-name-row h1,
  #content .professional-name-row h1{
    font-size:25px!important;
  }

  main.content .professional-actions,
  #content .professional-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  main.content .professional-actions button,
  main.content .professional-actions .btn,
  #content .professional-actions button,
  #content .professional-actions .btn{
    width:100%!important;
    min-width:0!important;
  }

  main.content .professional-stats,
  #content .professional-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* Rede Sociaudio Beta 2.2 — Portfólio e Agenda */
.availability-public-list,
.availability-manager-list{
  display:grid;
  gap:9px;
}
.availability-item{
  position:relative;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:12px 14px;
  border:1px solid #e4e7ec;
  border-left:4px solid #98a2b3;
  border-radius:13px;
  background:#fff;
}
.availability-item.available{border-left-color:#12b76a;background:#f6fef9}
.availability-item.busy{border-left-color:#f04438;background:#fff8f7}
.availability-item.tentative{border-left-color:#f79009;background:#fffcf5}
.availability-date{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:8px;
  border-radius:10px;
  background:#f2f4f7;
}
.availability-date b{font-size:15px;text-transform:capitalize}
.availability-date small{font-size:10px;text-transform:capitalize;color:#667085}
.availability-info{display:flex;flex-direction:column;gap:3px}
.availability-info span,.availability-info small{color:#667085;font-size:11px}
.availability-delete{
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:#f2f4f7;
  color:#667085;
  font-size:20px;
  padding:0;
}
.availability-delete:hover{background:#fee4e2;color:#b42318}
.profile-agenda-manager{
  margin-top:8px;
  padding:16px;
  border:1px solid #d0d5dd;
  border-radius:14px;
  background:#f8fafc;
}
.profile-agenda-manager h3{margin:0}
.profile-agenda-manager p{margin:4px 0 0;color:#667085;font-size:12px}
.agenda-form-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  align-items:end;
  margin-bottom:14px;
}
.agenda-form-grid .wide{grid-column:1/-1}
.agenda-form-grid button{min-height:42px}
@media(max-width:800px){
  .agenda-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .agenda-form-grid{grid-template-columns:1fr}
  .availability-item{grid-template-columns:64px minmax(0,1fr) auto}
}


/* Rede Sociaudio Beta 3.0 — identidade e base */
.beta-status-wrap{
  flex-wrap:wrap;
}
.beta-platform-subtitle{
  color:#475467;
  font-size:10px;
  font-weight:750;
  letter-spacing:.01em;
}
.footer-link{
  border:0;
  background:transparent;
  padding:0;
  color:inherit;
  font:inherit;
  cursor:pointer;
}
.footer-link:hover{
  color:#1769e0;
}
.about-page{
  display:grid;
  gap:16px;
}
.about-hero{
  position:relative;
  overflow:hidden;
  padding:42px!important;
  background:
    radial-gradient(circle at 85% 15%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(135deg,#103f89,#2878ef);
  color:#fff;
}
.about-hero::after{
  content:'';
  position:absolute;
  width:280px;
  height:280px;
  right:-90px;
  bottom:-150px;
  border-radius:50%;
  border:50px solid rgba(255,255,255,.08);
}
.about-kicker{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.about-hero h1{
  max-width:760px;
  margin:18px 0 12px;
  font-size:42px;
  line-height:1.08;
}
.about-hero p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.85);
  font-size:17px;
  line-height:1.55;
}
.about-actions{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:23px;
}
.about-hero .primary{
  background:#fff;
  color:#175cd3;
}
.about-hero .secondary{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.28);
}
.about-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.about-feature{
  padding:21px;
}
.about-feature>div{
  font-size:30px;
}
.about-feature h2{
  margin:12px 0 8px;
  font-size:17px;
}
.about-feature p{
  margin:0;
  color:#667085;
  line-height:1.55;
  font-size:12px;
}
.about-roadmap{
  padding:24px;
}
.about-roadmap h2{
  margin-top:0;
}
.roadmap-list{
  display:grid;
  gap:10px;
}
.roadmap-list>div{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:13px;
  border:1px solid #eaecf0;
  border-radius:13px;
}
.roadmap-list b{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eef4ff;
  color:#175cd3;
}
.roadmap-list span{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.roadmap-list small{
  color:#667085;
}
@media(max-width:1000px){
  .about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .about-hero{padding:28px 22px!important}
  .about-hero h1{font-size:31px}
  .about-grid{grid-template-columns:1fr}
  .beta-platform-subtitle{display:none}
}


/* ==========================================================
   REDE SOCIAUDIO BETA 3.1 — PROFESSIONAL UI
   ========================================================== */

:root{
  --ui-bg:#f5f7fb;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fafc;
  --ui-border:#e6eaf0;
  --ui-text:#182230;
  --ui-muted:#667085;
  --ui-blue:#1769e0;
  --ui-blue-strong:#0f56bd;
  --ui-blue-soft:#edf4ff;
  --ui-success:#12b76a;
  --ui-warning:#f79009;
  --ui-danger:#f04438;
  --ui-purple:#7f56d9;
  --ui-shadow:0 8px 24px rgba(16,24,40,.06);
  --ui-radius:16px;
}

html,body{
  background:var(--ui-bg)!important;
  color:var(--ui-text)!important;
}

body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.005em;
}

/* Header */
header,
.topbar,
.app-header{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--ui-border)!important;
  box-shadow:0 1px 0 rgba(16,24,40,.02)!important;
}

header .logo,
.topbar .logo{
  font-weight:850!important;
  letter-spacing:-.03em!important;
}

header input[type="search"],
header .search,
.topbar input[type="search"]{
  background:#f3f5f8!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  min-height:44px!important;
  transition:.2s ease;
}

header input[type="search"]:focus,
header .search:focus-within{
  background:#fff!important;
  border-color:#b9cdf2!important;
  box-shadow:0 0 0 4px rgba(23,105,224,.08)!important;
}

/* Sidebar */
.sidebar,
aside.sidebar{
  background:#f7f9fc!important;
  border-right:1px solid var(--ui-border)!important;
}

.sidebar-brand-panel{
  display:grid;
  gap:7px;
  padding:14px 16px 15px;
  margin:0 12px 12px;
  border:1px solid var(--ui-border);
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#f9fbff);
  box-shadow:0 6px 18px rgba(16,24,40,.04);
}

.sidebar-brand-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.beta-label{
  display:inline-flex!important;
  align-items:center;
  min-height:22px;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:var(--ui-blue-soft)!important;
  color:var(--ui-blue)!important;
  border:1px solid #cfe0ff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

.professional-ui-label{
  color:#475467;
  font-size:9px;
  font-weight:850;
  letter-spacing:.08em;
}

.sidebar-brand-panel>strong{
  font-size:11px;
  line-height:1.35;
  color:#344054;
}

.beta-health{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  width:max-content;
  font-size:10px!important;
  font-weight:750!important;
  color:#667085!important;
}

.beta-health::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:#98a2b3;
}

.beta-health.ok{
  color:#067647!important;
}

.beta-health.ok::before{
  background:var(--ui-success);
  box-shadow:0 0 0 3px rgba(18,183,106,.12);
}

.sidebar .user-card,
.sidebar .profile-card,
.sidebar-user-card{
  margin:0 12px 14px!important;
  border:1px solid var(--ui-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(16,24,40,.04)!important;
}

.sidebar nav a,
.sidebar .nav-item,
.sidebar button.nav-item{
  min-height:44px!important;
  margin:3px 10px!important;
  border-radius:11px!important;
  color:#344054!important;
  font-weight:720!important;
  transition:.18s ease!important;
}

.sidebar nav a:hover,
.sidebar .nav-item:hover{
  background:#eef4ff!important;
  color:var(--ui-blue)!important;
}

.sidebar nav a.active,
.sidebar .nav-item.active{
  background:linear-gradient(90deg,#edf4ff,#f6f9ff)!important;
  color:var(--ui-blue)!important;
  box-shadow:inset 3px 0 0 var(--ui-blue)!important;
}

/* Cards */
.card,
.post-card,
.story-card,
.widget,
.panel{
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius)!important;
  background:var(--ui-surface)!important;
  box-shadow:var(--ui-shadow)!important;
}

.post-card{
  overflow:hidden;
}

.post-card:hover,
.card.interactive:hover{
  border-color:#d7deea!important;
  box-shadow:0 12px 30px rgba(16,24,40,.08)!important;
}

/* Buttons */
button,
.btn{
  border-radius:10px!important;
  font-weight:780!important;
  transition:.18s ease!important;
}

button.primary,
.btn.primary{
  background:linear-gradient(180deg,var(--ui-blue),var(--ui-blue-strong))!important;
  color:#fff!important;
  border:1px solid var(--ui-blue-strong)!important;
  box-shadow:0 5px 14px rgba(23,105,224,.18)!important;
}

button.primary:hover,
.btn.primary:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(23,105,224,.24)!important;
}

button.secondary,
.btn.secondary{
  background:#f5f7fa!important;
  color:#344054!important;
  border:1px solid #dfe4eb!important;
}

button.secondary:hover,
.btn.secondary:hover{
  background:#eef2f6!important;
}

button.danger,
.btn.danger{
  background:#fff1f0!important;
  color:#b42318!important;
  border:1px solid #fecdca!important;
}

button.success,
.btn.success{
  background:#ecfdf3!important;
  color:#067647!important;
  border:1px solid #abefc6!important;
}

/* Feed action rows */
.post-actions,
.feed-actions{
  border-top:1px solid var(--ui-border)!important;
  background:#fcfdff!important;
}

.post-actions button,
.feed-actions button{
  color:#667085!important;
}

.post-actions button:hover,
.feed-actions button:hover{
  background:#eef4ff!important;
  color:var(--ui-blue)!important;
}

/* Right widgets */
.rightbar .card,
.right-column .card{
  background:#fff!important;
}

.trending-card,
.profile-completion-card{
  border-radius:16px!important;
}

/* Typography */
h1,h2,h3{
  color:#182230!important;
  letter-spacing:-.025em!important;
}

h1{font-weight:850!important}
h2{font-weight:820!important}
h3{font-weight:800!important}

p,small,.muted{
  color:var(--ui-muted);
}

/* Inputs */
input,textarea,select{
  border:1px solid #d7dde6!important;
  border-radius:10px!important;
  background:#fff!important;
  transition:.18s ease!important;
}

input:focus,textarea:focus,select:focus{
  outline:none!important;
  border-color:#84adf4!important;
  box-shadow:0 0 0 4px rgba(23,105,224,.08)!important;
}

/* Status and badges */
.badge,
.tag,
.chip{
  border-radius:999px!important;
  font-weight:780!important;
}

/* Scrollbars */
*{
  scrollbar-width:thin;
  scrollbar-color:#98a2b3 transparent;
}

*::-webkit-scrollbar{
  width:8px;
  height:8px;
}

*::-webkit-scrollbar-thumb{
  background:#aab2c0;
  border-radius:999px;
}

*::-webkit-scrollbar-track{
  background:transparent;
}

/* Footer */
footer{
  color:#98a2b3!important;
  font-size:10px!important;
}

.footer-link{
  color:#667085!important;
}

.footer-link:hover{
  color:var(--ui-blue)!important;
}

/* Responsive */
@media(max-width:1100px){
  .sidebar-brand-panel>strong{
    font-size:10px;
  }
}

@media(max-width:900px){
  .professional-ui-label{
    display:none;
  }
}

@media(max-width:720px){
  .sidebar-brand-panel{
    margin:0 8px 10px;
    padding:11px;
  }

  .sidebar-brand-panel>strong{
    display:none;
  }

  .beta-health{
    display:none!important;
  }

  .card,
  .post-card{
    border-radius:13px!important;
  }
}


/* Rede Sociaudio Beta 3.1.1 — correção da identidade lateral */
.sidebar .sidebar-brand-panel,
aside.sidebar .sidebar-brand-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  margin:10px 12px 12px!important;
  padding:12px 13px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid #dfe6f0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f4f8ff 100%)!important;
  box-shadow:0 5px 16px rgba(16,24,40,.05)!important;
  position:relative!important;
  z-index:1!important;
}

.sidebar .sidebar-brand-row,
aside.sidebar .sidebar-brand-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
}

.sidebar .sidebar-brand-panel .beta-label,
aside.sidebar .sidebar-brand-panel .beta-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  height:22px!important;
  min-height:22px!important;
  padding:0 8px!important;
  margin:0!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.05em!important;
}

.sidebar .sidebar-brand-panel .beta-health,
aside.sidebar .sidebar-brand-panel .beta-health{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  width:auto!important;
  min-width:0!important;
  max-width:120px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:9px!important;
  line-height:1.2!important;
}

.sidebar .sidebar-brand-panel>strong,
aside.sidebar .sidebar-brand-panel>strong{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#344054!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Garante distância real entre a identidade e o cartão do usuário */
.sidebar .sidebar-brand-panel + .user-card,
.sidebar .sidebar-brand-panel + .profile-card,
.sidebar .sidebar-brand-panel + .sidebar-user-card,
aside.sidebar .sidebar-brand-panel + .user-card,
aside.sidebar .sidebar-brand-panel + .profile-card,
aside.sidebar .sidebar-brand-panel + .sidebar-user-card{
  margin-top:0!important;
  clear:both!important;
}

/* Remove estilos antigos do rótulo Professional UI que causavam aperto */
.sidebar .professional-ui-label,
aside.sidebar .professional-ui-label,
.sidebar .beta-platform-subtitle,
aside.sidebar .beta-platform-subtitle{
  display:none!important;
}

/* Evita que qualquer elemento do cabeçalho lateral invada o cartão */
.sidebar-brand-panel *,
.sidebar-brand-panel *::before,
.sidebar-brand-panel *::after{
  box-sizing:border-box!important;
}

@media(max-width:900px){
  .sidebar .sidebar-brand-panel,
  aside.sidebar .sidebar-brand-panel{
    margin:8px 9px 10px!important;
    padding:10px!important;
  }

  .sidebar .sidebar-brand-panel>strong,
  aside.sidebar .sidebar-brand-panel>strong{
    font-size:9px!important;
  }
}


/* =========================================================
   REDE SOCIAUDIO BETA 3.1.2 — PROFESSIONAL UI REAL
   ========================================================= */

/* O bloco pertence somente à sidebar */
.topbar .sidebar-brand-panel,
header .sidebar-brand-panel{
  display:none!important;
}

.sidebar{
  padding-top:12px!important;
}

/* Bloco institucional escuro */
.sidebar > .sidebar-brand-panel{
  position:relative!important;
  display:grid!important;
  gap:16px!important;
  width:calc(100% - 24px)!important;
  min-width:0!important;
  height:auto!important;
  min-height:132px!important;
  margin:0 12px 12px!important;
  padding:16px 18px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid #173f76!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 90% 20%,rgba(38,119,235,.24),transparent 33%),
    linear-gradient(145deg,#071b38 0%,#0b2d60 58%,#123f83 100%)!important;
  box-shadow:0 10px 24px rgba(15,45,92,.18)!important;
  color:#fff!important;
  z-index:1!important;
}

.sidebar > .sidebar-brand-panel::after{
  content:'';
  position:absolute;
  width:150px;
  height:150px;
  right:-76px;
  bottom:-98px;
  border-radius:50%;
  border:28px solid rgba(255,255,255,.035);
  pointer-events:none;
}

.sidebar > .sidebar-brand-panel .sidebar-brand-row{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
}

.sidebar > .sidebar-brand-panel .beta-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 10px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#2785ff,#1164d8)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
}

.sidebar > .sidebar-brand-panel .beta-health{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:#d6e7ff!important;
  font-size:10px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

.sidebar > .sidebar-brand-panel .beta-health::before{
  content:''!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#22c978!important;
  box-shadow:0 0 0 3px rgba(34,201,120,.14)!important;
}

.sidebar > .sidebar-brand-panel > strong{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:850!important;
  line-height:1.28!important;
  letter-spacing:-.02em!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Cartão do usuário abaixo, nunca por trás */
.sidebar > .sidebar-brand-panel + .sidebar-user-card,
.sidebar > .sidebar-brand-panel + .sidebar-profile{
  position:relative!important;
  display:grid!important;
  margin:0 12px 16px!important;
  z-index:2!important;
  clear:both!important;
  transform:none!important;
  top:auto!important;
  left:auto!important;
}

/* Separação visual antes da navegação */
.sidebar .sidebar-user-card + .nav-title,
.sidebar .sidebar-profile + .nav-title,
.sidebar .sidebar-user-card + h4,
.sidebar .sidebar-profile + h4{
  margin-top:4px!important;
}

/* Topbar mais limpa e alinhada à referência */
.topbar{
  min-height:74px!important;
  height:74px!important;
  padding:0 20px!important;
  border-bottom:1px solid #e6eaf0!important;
  background:#fff!important;
}

.topbar .brand{
  min-width:220px!important;
}

.topbar .search-wrap{
  max-width:520px!important;
  min-width:300px!important;
}

.topbar .top-nav{
  gap:3px!important;
}

.topbar .top-nav button{
  width:42px!important;
  height:42px!important;
  border-radius:10px!important;
}

.topbar .top-nav button:hover{
  background:#eef4ff!important;
  color:#1769e0!important;
}

/* Painel lateral mais próximo da referência */
.sidebar{
  background:#f8faff!important;
  border-right:1px solid #e5eaf2!important;
}

.sidebar-user-card{
  min-height:102px!important;
  padding:14px!important;
  border:1px solid #e0e6ef!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(16,24,40,.05)!important;
}

.sidebar .nav-title,
.sidebar h4{
  margin:16px 18px 8px!important;
  color:#8a94a6!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

.sidebar .nav-item,
.sidebar nav a{
  min-height:46px!important;
  margin:3px 12px!important;
  padding:0 14px!important;
  border-radius:11px!important;
}

.sidebar .nav-item.active,
.sidebar nav a.active{
  background:linear-gradient(90deg,#e9f2ff,#f4f8ff)!important;
  color:#1769e0!important;
  box-shadow:inset 3px 0 0 #1769e0!important;
}

/* Correção para notebook e resoluções menores */
@media(max-width:1180px){
  .sidebar > .sidebar-brand-panel{
    min-height:120px!important;
    padding:14px!important;
  }

  .sidebar > .sidebar-brand-panel > strong{
    font-size:14px!important;
  }

  .sidebar > .sidebar-brand-panel .beta-health{
    font-size:9px!important;
  }
}

@media(max-width:900px){
  .sidebar > .sidebar-brand-panel{
    min-height:92px!important;
    padding:11px!important;
    gap:10px!important;
  }

  .sidebar > .sidebar-brand-panel > strong{
    font-size:11px!important;
  }

  .sidebar > .sidebar-brand-panel .beta-health{
    display:none!important;
  }
}


/* Rede Sociaudio Beta 3.2.1 — foto do perfil lateral corrigida */
#mainSidebar > #sidebarUserCard{
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  align-items:center!important;
  gap:13px!important;
  min-height:104px!important;
  padding:14px!important;
  overflow:visible!important;
}

#mainSidebar #sidebarAvatar,
#mainSidebar #sidebarAvatar.sidebar-avatar-image,
#mainSidebar #sidebarAvatar.sidebar-avatar-fallback{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  max-width:68px!important;
  max-height:68px!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  background:#1769e0!important;
  border:4px solid #fff!important;
  box-shadow:0 0 0 1px #cdd9ea,0 8px 18px rgba(16,24,40,.18)!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:2!important;
}

#mainSidebar #sidebarAvatar.sidebar-avatar-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center 25%!important;
  border:0!important;
  border-radius:50%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

#mainSidebar #sidebarAvatar.sidebar-avatar-fallback{
  color:#fff!important;
  font-size:23px!important;
  font-weight:900!important;
  line-height:1!important;
}

#mainSidebar #sidebarUserCard .sidebar-user-info{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

#mainSidebar #sidebarUserCard #sidebarName{
  display:block!important;
  font-size:14px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#mainSidebar #sidebarUserCard #sidebarRole{
  display:block!important;
  margin-top:3px!important;
  font-size:10px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* Beta 3.2.2 — suporte visual da sidebar refatorada */
#sidebarBrandPanel .beta-health::before{
  content:''!important;display:block!important;width:8px!important;height:8px!important;
  min-width:8px!important;border-radius:50%!important;background:#20c878!important;
  box-shadow:0 0 0 3px rgba(32,200,120,.15)!important;
}
#mainSidebar>#sidebarUserCard #sidebarAvatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;}


/* Rede Sociaudio Beta 3.2.4 — Comunidades */
.communities-page{
  display:grid;
  gap:18px;
  width:100%;
}

.communities-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:28px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 15%,rgba(255,255,255,.16),transparent 30%),
    linear-gradient(135deg,#092654,#1769e0)!important;
  color:#fff!important;
}

.communities-kicker{
  display:inline-block;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.2);
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}

.communities-hero h1{
  margin:13px 0 8px;
  color:#fff!important;
  font-size:30px;
  line-height:1.15;
}

.communities-hero p{
  max-width:680px;
  margin:0;
  color:rgba(255,255,255,.82)!important;
  line-height:1.55;
}

.communities-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(90px,1fr));
  gap:8px;
}

.communities-summary>div{
  min-width:90px;
  padding:15px 12px;
  border-radius:13px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  text-align:center;
}

.communities-summary b,
.communities-summary span{
  display:block;
}

.communities-summary b{
  color:#fff;
  font-size:23px;
}

.communities-summary span{
  margin-top:3px;
  color:rgba(255,255,255,.75);
  font-size:10px;
}

.communities-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}

.communities-toolbar h2,
.communities-toolbar p{
  margin:0;
}

.communities-toolbar p{
  margin-top:4px;
  color:#667085;
  font-size:12px;
}

.communities-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:280px;
  padding:0 12px;
  border:1px solid #d7dde6;
  border-radius:11px;
  background:#fff;
}

.communities-search input{
  width:100%;
  min-height:42px;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}

.communities-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}

.community-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:18px!important;
  border-top:4px solid #cfd7e6!important;
  transition:.18s ease;
}

.community-card.joined{
  border-top-color:#12b76a!important;
  background:linear-gradient(180deg,#fff,#f8fffb)!important;
}

.community-card:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 30px rgba(16,24,40,.09)!important;
}

.community-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.community-icon{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#eef4ff;
  font-size:25px;
}

.community-joined-badge{
  padding:5px 8px;
  border-radius:999px;
  background:#ecfdf3;
  color:#067647;
  font-size:9px;
  font-weight:900;
}

.community-card-body{
  flex:1;
  padding:15px 0;
}

.community-category{
  color:#1769e0;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.community-card h2{
  margin:6px 0 7px;
  font-size:18px;
}

.community-card p{
  margin:0;
  color:#667085;
  line-height:1.55;
  font-size:12px;
}

.community-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top:14px;
  border-top:1px solid #eaecf0;
}

.community-card-footer>span{
  color:#667085;
  font-size:11px;
}

.community-card-footer button{
  min-width:130px;
}

.communities-empty{
  grid-column:1/-1;
  padding:42px!important;
  text-align:center;
}

.communities-empty>div{
  margin-bottom:9px;
  font-size:38px;
}

.communities-empty h2,
.communities-empty p{
  margin:5px 0;
}

@media(max-width:1100px){
  .communities-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .communities-hero{
    grid-template-columns:1fr;
  }

  .communities-summary{
    max-width:480px;
  }
}

@media(max-width:700px){
  .communities-hero{
    padding:21px!important;
  }

  .communities-hero h1{
    font-size:24px;
  }

  .communities-toolbar{
    align-items:stretch;
    flex-direction:column;
  }

  .communities-search{
    min-width:0;
    width:100%;
  }

  .communities-grid{
    grid-template-columns:1fr;
  }

  .communities-summary{
    grid-template-columns:repeat(3,1fr);
  }
}


/* Rede Sociaudio Beta 3.2.5 — Empresas */
.companies-page{
  display:grid;
  gap:18px;
  width:100%;
}

.companies-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:28px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 15%,rgba(255,255,255,.16),transparent 30%),
    linear-gradient(135deg,#102a56,#315fa8)!important;
  color:#fff!important;
}

.companies-kicker{
  display:inline-block;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.2);
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}

.companies-hero h1{
  margin:13px 0 8px;
  color:#fff!important;
  font-size:30px;
  line-height:1.15;
}

.companies-hero p{
  max-width:680px;
  margin:0;
  color:rgba(255,255,255,.82)!important;
  line-height:1.55;
}

.companies-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(90px,1fr));
  gap:8px;
}

.companies-summary>div{
  min-width:90px;
  padding:15px 12px;
  border-radius:13px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  text-align:center;
}

.companies-summary b,
.companies-summary span{
  display:block;
}

.companies-summary b{
  color:#fff;
  font-size:23px;
}

.companies-summary span{
  margin-top:3px;
  color:rgba(255,255,255,.75);
  font-size:10px;
}

.companies-toolbar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}

.companies-toolbar h2,
.companies-toolbar p{
  margin:0;
}

.companies-toolbar p{
  margin-top:4px;
  color:#667085;
  font-size:12px;
}

.companies-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:280px;
  padding:0 12px;
  border:1px solid #d7dde6;
  border-radius:11px;
  background:#fff;
}

.companies-search input{
  width:100%;
  min-height:42px;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}

.companies-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}

.company-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:0!important;
  overflow:hidden;
  transition:.18s ease;
}

.company-card:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 30px rgba(16,24,40,.09)!important;
}

.company-card-cover{
  position:relative;
  height:92px;
  background:linear-gradient(135deg,#15386d,#3a75c6);
  background-size:cover;
  background-position:center;
}

.company-card-cover-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18));
}

.company-card-body{
  position:relative;
  flex:1;
  padding:0 18px 17px;
}

.company-logo-wrap{
  position:relative;
  width:68px;
  height:68px;
  margin-top:-34px;
  margin-bottom:10px;
}

.company-logo{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:16px;
  object-fit:cover;
  background:#fff;
  color:#1769e0;
  border:4px solid #fff;
  box-shadow:0 7px 17px rgba(16,24,40,.14);
  font-size:24px;
  font-weight:900;
}

.company-logo.fallback{
  background:#eef4ff;
}

.company-verified{
  position:absolute;
  right:-4px;
  bottom:-3px;
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1769e0;
  color:#fff;
  border:3px solid #fff;
  font-size:11px;
  font-weight:900;
}

.company-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}

.company-title-row h2,
.company-title-row p{
  margin:0;
}

.company-title-row h2{
  font-size:18px;
}

.company-title-row p{
  margin-top:3px;
  color:#667085;
  font-size:11px;
}

.company-verified-label{
  padding:4px 7px;
  border-radius:999px;
  background:#eef4ff;
  color:#175cd3;
  font-size:9px;
  font-weight:900;
}

.company-location{
  margin:11px 0 8px;
  color:#667085;
  font-size:11px;
}

.company-description{
  min-height:57px;
  margin:0;
  color:#475467;
  font-size:12px;
  line-height:1.55;
}

.company-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}

.company-tags span{
  padding:5px 8px;
  border-radius:999px;
  background:#f2f4f7;
  color:#475467;
  font-size:9px;
  font-weight:750;
}

.company-card-footer{
  display:flex;
  gap:8px;
  padding:14px 18px;
  border-top:1px solid #eaecf0;
  background:#fcfdff;
}

.company-card-footer>*{
  flex:1;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
}

.companies-empty{
  grid-column:1/-1;
  padding:42px!important;
  text-align:center;
}

.companies-empty>div{
  margin-bottom:9px;
  font-size:38px;
}

.companies-empty h2,
.companies-empty p{
  margin:5px 0;
}

@media(max-width:1100px){
  .companies-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .companies-hero{
    grid-template-columns:1fr;
  }

  .companies-summary{
    max-width:480px;
  }
}

@media(max-width:700px){
  .companies-hero{
    padding:21px!important;
  }

  .companies-hero h1{
    font-size:24px;
  }

  .companies-toolbar{
    align-items:stretch;
    flex-direction:column;
  }

  .companies-search{
    min-width:0;
    width:100%;
  }

  .companies-grid{
    grid-template-columns:1fr;
  }

  .companies-summary{
    grid-template-columns:repeat(3,1fr);
  }
}


/* Rede Sociaudio Beta 3.2.6 — Cadastro de Empresas */
.companies-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}

.companies-create-button,
.companies-view-button{
  min-height:43px;
  padding:0 16px;
  border-radius:10px;
  font-weight:850;
}

.companies-create-button{
  border:1px solid #fff;
  background:#fff;
  color:#175cd3;
}

.companies-view-button{
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.12);
  color:#fff;
}

.companies-loading{
  display:grid;
  place-items:center;
  min-height:280px;
}

.companies-loading span{
  width:34px;
  height:34px;
  border:4px solid #dce7f8;
  border-top-color:#1769e0;
  border-radius:50%;
  animation:companySpin .8s linear infinite;
}

@keyframes companySpin{
  to{transform:rotate(360deg)}
}

.company-form-page{
  display:grid;
  gap:16px;
}

.company-form-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:24px!important;
}

.company-form-header h1,
.company-form-header p{
  margin:0;
}

.company-form-header h1{
  margin-top:8px;
  font-size:27px;
}

.company-form-header p{
  margin-top:5px;
  color:#667085;
}

.company-form{
  display:grid;
  gap:0;
  padding:0!important;
  overflow:hidden;
}

.company-form-section{
  padding:24px;
  border-bottom:1px solid #e6eaf0;
}

.company-form-section-title{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin-bottom:18px;
}

.company-form-section-title>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eef4ff;
  color:#175cd3;
  font-weight:900;
}

.company-form-section-title h2,
.company-form-section-title p{
  margin:0;
}

.company-form-section-title h2{
  font-size:18px;
}

.company-form-section-title p{
  margin-top:3px;
  color:#667085;
  font-size:11px;
}

.company-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}

.company-form-grid .wide{
  grid-column:1/-1;
}

.company-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#344054;
  font-size:11px;
  font-weight:800;
}

.company-form input,
.company-form select,
.company-form textarea{
  width:100%;
  box-sizing:border-box;
}

.company-media-editor{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:18px;
  align-items:end;
  margin-bottom:19px;
}

.company-cover-preview{
  position:relative;
  height:190px;
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(9,38,84,.86),rgba(23,105,224,.72)),
    #174d95;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}

.company-cover-button{
  position:absolute;
  right:12px;
  bottom:12px;
  display:inline-flex!important;
  width:auto!important;
  min-height:38px;
  padding:0 13px;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:rgba(255,255,255,.94);
  color:#175cd3!important;
  cursor:pointer;
}

.company-logo-editor{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
}

.company-logo-preview{
  width:112px;
  height:112px;
  display:grid;
  place-items:center;
  border-radius:22px;
  border:5px solid #fff;
  background:#eef4ff;
  box-shadow:0 10px 25px rgba(16,24,40,.14);
  overflow:hidden;
}

.company-logo-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.company-logo-preview span{
  color:#1769e0;
  font-size:37px;
  font-weight:900;
}

.company-logo-editor small{
  max-width:170px;
  color:#667085;
  text-align:center;
  font-size:9px;
}

.company-form-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  padding:18px 24px;
  background:#f8fafc;
}

.company-profile-page{
  display:grid;
  gap:16px;
}

.company-profile-hero{
  padding:0!important;
  overflow:hidden;
}

.company-profile-cover{
  height:240px;
  background:linear-gradient(135deg,#0a2858,#1769e0);
  background-size:cover;
  background-position:center;
}

.company-profile-main{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  padding:0 24px 22px;
  margin-top:-60px;
}

.company-profile-logo{
  width:130px;
  height:130px;
  display:grid;
  place-items:center;
  border-radius:24px;
  border:6px solid #fff;
  background:#eef4ff;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(16,24,40,.18);
}

.company-profile-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.company-profile-logo span{
  color:#1769e0;
  font-size:42px;
  font-weight:900;
}

.company-profile-info{
  padding-top:66px;
}

.company-profile-info h1,
.company-profile-info h2,
.company-profile-info p{
  margin:0;
}

.company-profile-info h1{
  font-size:29px;
}

.company-profile-info h2{
  margin-top:4px;
  color:#475467;
  font-size:16px;
}

.company-profile-info p{
  margin-top:7px;
  color:#667085;
}

.company-profile-actions{
  display:flex;
  gap:8px;
  padding-top:66px;
}

.company-profile-columns{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:16px;
  align-items:start;
}

.company-profile-columns main{
  display:grid;
  gap:16px;
}

.company-profile-section{
  padding:21px;
}

.company-profile-section h2{
  margin-top:0;
}

.company-profile-section p{
  white-space:pre-wrap;
  line-height:1.6;
}

.company-profile-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.company-profile-tags span{
  padding:7px 10px;
  border-radius:999px;
  background:#eef4ff;
  color:#175cd3;
  border:1px solid #d3e2ff;
  font-size:10px;
  font-weight:800;
}

.company-profile-contact{
  padding:18px;
}

.company-profile-contact h2{
  margin-top:0;
}

.company-profile-contact>div,
.company-profile-contact>a{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:10px 0;
  border-bottom:1px solid #eaecf0;
  text-decoration:none;
}

.company-profile-contact span{
  color:#667085;
  font-size:11px;
  overflow-wrap:anywhere;
}

@media(max-width:900px){
  .company-media-editor{
    grid-template-columns:1fr;
  }

  .company-logo-editor{
    align-items:flex-start;
  }

  .company-profile-main{
    grid-template-columns:130px minmax(0,1fr);
  }

  .company-profile-actions{
    grid-column:1/-1;
    padding-top:0;
  }

  .company-profile-columns{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .company-form-header{
    align-items:stretch;
    flex-direction:column;
  }

  .company-form-grid{
    grid-template-columns:1fr;
  }

  .company-form-grid .wide{
    grid-column:auto;
  }

  .company-cover-preview{
    height:150px;
  }

  .company-profile-cover{
    height:175px;
  }

  .company-profile-main{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-top:-48px;
    padding:0 16px 18px;
  }

  .company-profile-logo{
    width:105px;
    height:105px;
  }

  .company-profile-info{
    padding-top:0;
  }

  .company-profile-actions{
    width:100%;
  }
}


/* Beta 3.2.7 — lista de serviços empresariais */
.company-services-list{
  display:grid;
  gap:9px;
}
.company-services-list article{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:12px;
  border:1px solid #e6eaf0;
  border-radius:12px;
  background:#f9fbfd;
}
.company-services-list article>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#eef4ff;
}
.company-services-list b{
  display:block;
}
.company-services-list p{
  margin:4px 0 0;
  color:#667085;
  font-size:11px;
}


/* Rede Sociaudio Beta 3.2.8 — navegação e módulos */
.notifications-page{
  display:grid;
  gap:16px;
}
.notifications-loading,
.notifications-error{
  min-height:260px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  padding:34px!important;
  text-align:center;
}
.notifications-loading span{
  width:34px;
  height:34px;
  border:4px solid #dbe7f8;
  border-top-color:#1769e0;
  border-radius:50%;
  animation:navigationSpin .8s linear infinite;
}
.notifications-error>div{
  font-size:38px;
}
.notifications-error h2,
.notifications-error p{
  margin:0;
}
@keyframes navigationSpin{
  to{transform:rotate(360deg)}
}
.jobs-hero .primary{
  min-height:44px;
  padding:0 17px;
}


/* Rede Sociaudio Beta 3.2.9 — Mensagens e Notificações */
.chat-safe-loading,
.chat-safe-error{
  min-height:300px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  padding:36px!important;
  text-align:center;
}

.chat-safe-loading span{
  width:36px;
  height:36px;
  border:4px solid #dce7f8;
  border-top-color:#1769e0;
  border-radius:50%;
  animation:safeModuleSpin .8s linear infinite;
}

.chat-safe-error>div{
  font-size:42px;
}

.chat-safe-error h2,
.chat-safe-error p{
  margin:0;
}

.notifications-page{
  display:grid;
  gap:16px;
}

.notifications-loading,
.notifications-error{
  min-height:280px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  padding:36px!important;
  text-align:center;
}

.notifications-loading span{
  width:36px;
  height:36px;
  border:4px solid #dce7f8;
  border-top-color:#1769e0;
  border-radius:50%;
  animation:safeModuleSpin .8s linear infinite;
}

.notifications-error>div{
  font-size:42px;
}

.notifications-error h2,
.notifications-error p{
  margin:0;
}

@keyframes safeModuleSpin{
  to{transform:rotate(360deg)}
}


/* Rede Sociaudio Beta 3.2.12 — balão das mensagens enviadas */
.chat-message.mine > div{
  background:linear-gradient(135deg,#dcf8c6 0%,#cdeed7 100%)!important;
  color:#1f2937!important;
  border:1px solid #b7e4c7!important;
  border-radius:18px 18px 5px 18px!important;
  box-shadow:0 3px 10px rgba(16,185,129,.10)!important;
}

.chat-message.mine > div p,
.chat-message.mine > div .chat-message-body{
  color:#1f2937!important;
}

.chat-message.mine .chat-message-meta,
.chat-message.mine small{
  color:#667085!important;
}

.chat-message.mine .chat-receipt.sent{
  color:#667085!important;
}

.chat-message.mine .chat-receipt.seen{
  color:#079455!important;
}

.chat-message.mine a{
  color:#067647!important;
}



/* Rede Sociaudio v4.0.1 — Central de Notificações */
.public-notifications-page{
  width:100%;
  display:grid;
  gap:16px;
}

.public-notifications-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 26px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 25px rgba(16,24,40,.04);
}

.public-notifications-header h1,
.public-notifications-header p{
  margin:0;
}

.public-notifications-header h1{
  margin-top:6px;
  font-size:28px;
  letter-spacing:-.035em;
}

.public-notifications-header p{
  margin-top:5px;
  color:#667085;
  font-size:12px;
}

.public-notifications-kicker{
  color:#1769df;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.public-notification-filters{
  display:flex;
  gap:8px;
  padding:5px;
  width:max-content;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
}

.public-notification-filters button{
  min-height:37px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 13px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#475467;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}

.public-notification-filters button.active{
  color:#175cd3;
  background:#eef4ff;
}

.public-notification-filters span{
  min-width:21px;
  height:21px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#e9eef5;
  font-size:9px;
}

.public-notification-filters button.active span{
  color:#fff;
  background:#1769df;
}

.public-notification-list{
  display:grid;
  gap:9px;
}

.public-notification-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  align-items:stretch;
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 18px rgba(16,24,40,.035);
}

.public-notification-card.is-unread{
  border-left:4px solid #1769df;
  background:#f8fbff;
}

.public-notification-main{
  min-width:0;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:16px;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
}

.public-notification-avatar{
  position:relative;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eaf2ff;
  color:#175cd3;
  overflow:visible;
}

.public-notification-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
}

.public-notification-avatar b{
  font-size:17px;
}

.public-notification-avatar i{
  position:absolute;
  right:-4px;
  bottom:-3px;
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border:3px solid #fff;
  border-radius:50%;
  background:#eef4ff;
  font-size:10px;
  font-style:normal;
}

.public-notification-copy{
  min-width:0;
  display:grid;
  gap:4px;
}

.public-notification-heading{
  display:flex;
  align-items:center;
  gap:7px;
}

.public-notification-heading strong{
  overflow:hidden;
  color:#172033;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.public-notification-heading em{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:#1769df;
}

.public-notification-message{
  overflow:hidden;
  color:#475467;
  font-size:11px;
  line-height:1.5;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.public-notification-copy small{
  color:#98a2b3;
  font-size:9px;
}

.public-notification-remove{
  border:0;
  border-left:1px solid #eef1f5;
  background:transparent;
  color:#98a2b3;
  font-size:21px;
  cursor:pointer;
}

.public-notification-remove:hover{
  color:#d92d20;
  background:#fff4f3;
}

.public-notification-empty,
.public-notification-loading,
.public-notification-error{
  min-height:310px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:9px;
  padding:35px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  text-align:center;
}

.public-notification-empty>span,
.public-notification-error>span{
  font-size:44px;
}

.public-notification-empty h2,
.public-notification-empty p,
.public-notification-loading h2,
.public-notification-error h2,
.public-notification-error p{
  margin:0;
}

.public-notification-empty p,
.public-notification-error p{
  color:#667085;
  font-size:12px;
}

.public-notification-loading span{
  width:38px;
  height:38px;
  border:4px solid #dce7f8;
  border-top-color:#1769df;
  border-radius:50%;
  animation:publicNotificationSpin .8s linear infinite;
}

.public-notification-loading h2{
  color:#475467;
  font-size:15px;
}

@keyframes publicNotificationSpin{
  to{transform:rotate(360deg)}
}

@media(max-width:680px){
  .public-notifications-header{
    align-items:stretch;
    flex-direction:column;
  }

  .public-notification-filters{
    width:100%;
  }

  .public-notification-filters button{
    flex:1;
    justify-content:center;
  }

  .public-notification-main{
    grid-template-columns:45px minmax(0,1fr);
    padding:13px;
  }

  .public-notification-avatar{
    width:42px;
    height:42px;
  }
}


/* Rede Sociaudio v4.0.2 — Notificações estáveis */
.stable-notifications{
  width:100%;
  display:grid;
  gap:15px;
}

.stable-notifications-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:24px 26px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(16,24,40,.04);
}

.stable-notifications-header span{
  color:#1769df;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.stable-notifications-header h1{
  margin:6px 0 0;
  font-size:28px;
  letter-spacing:-.04em;
}

.stable-notifications-header p{
  margin:5px 0 0;
  color:#667085;
  font-size:12px;
}

.stable-notifications-tabs{
  width:max-content;
  display:flex;
  gap:6px;
  padding:5px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#fff;
}

.stable-notifications-tabs button{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#475467;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}

.stable-notifications-tabs button.active{
  color:#175cd3;
  background:#eef4ff;
}

.stable-notifications-tabs b{
  min-width:21px;
  height:21px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#e9eef5;
  font-size:9px;
}

.stable-notifications-tabs button.active b{
  color:#fff;
  background:#1769df;
}

.stable-notifications-body{
  display:grid;
  gap:9px;
}

.stable-notifications-loading,
.stable-notifications-empty,
.stable-notifications-error{
  min-height:310px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  padding:35px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  text-align:center;
}

.stable-notifications-loading i{
  width:38px;
  height:38px;
  border:4px solid #dce7f8;
  border-top-color:#1769df;
  border-radius:50%;
  animation:stableNotificationSpin .8s linear infinite;
}

.stable-notifications-loading h2,
.stable-notifications-empty h2,
.stable-notifications-empty p,
.stable-notifications-error h2,
.stable-notifications-error p{
  margin:0;
}

.stable-notifications-loading h2{
  color:#475467;
  font-size:15px;
}

.stable-notifications-empty>span,
.stable-notifications-error>span{
  font-size:44px;
}

.stable-notifications-empty p,
.stable-notifications-error p{
  color:#667085;
  font-size:12px;
}

.stable-notification-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  overflow:hidden;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 18px rgba(16,24,40,.035);
}

.stable-notification-card.unread{
  border-left:4px solid #1769df;
  background:#f8fbff;
}

.stable-notification-open{
  min-width:0;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:15px;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
}

.stable-notification-avatar{
  position:relative;
  width:47px;
  height:47px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eaf2ff;
  color:#175cd3;
}

.stable-notification-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
}

.stable-notification-avatar em{
  position:absolute;
  right:-4px;
  bottom:-3px;
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border:3px solid #fff;
  border-radius:50%;
  background:#eef4ff;
  font-size:10px;
  font-style:normal;
}

.stable-notification-copy{
  min-width:0;
  display:grid;
  gap:4px;
}

.stable-notification-title{
  display:flex;
  align-items:center;
  gap:7px;
}

.stable-notification-title strong{
  overflow:hidden;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.stable-notification-title i{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:#1769df;
}

.stable-notification-message{
  overflow:hidden;
  color:#475467;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.stable-notification-copy small{
  color:#98a2b3;
  font-size:9px;
}

.stable-notification-delete{
  border:0;
  border-left:1px solid #eef1f5;
  background:transparent;
  color:#98a2b3;
  font-size:21px;
  cursor:pointer;
}

.stable-notification-delete:hover{
  color:#d92d20;
  background:#fff4f3;
}

@keyframes stableNotificationSpin{
  to{transform:rotate(360deg)}
}

@media(max-width:680px){
  .stable-notifications-header{
    align-items:stretch;
    flex-direction:column;
  }

  .stable-notifications-tabs{
    width:100%;
  }

  .stable-notifications-tabs button{
    flex:1;
    justify-content:center;
  }
}


/* Rede Sociaudio v4.0.4 — sino em tempo real */
#bellBtn.has-unread{
  color:#d92d20!important;
  background:#fff1f0!important;
}
#bellBtn.has-unread [data-icon="bell"]{
  animation:bellRealtimePulse 1.6s ease-in-out infinite;
}
.header-notification-count,
.notification-badge{
  background:#e62e2e!important;
  color:#fff!important;
  box-shadow:0 0 0 3px #fff!important;
}
@keyframes bellRealtimePulse{
  0%,100%{transform:rotate(0)}
  15%{transform:rotate(9deg)}
  30%{transform:rotate(-9deg)}
  45%{transform:rotate(5deg)}
  60%{transform:rotate(0)}
}