.social-shell{max-width:1240px;margin:auto;padding:0 16px}.social-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:thin}.social-nav .btn{white-space:nowrap;flex:none;min-height:42px}.social-nav [aria-current]{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.social-sponsors{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding:2px 0 12px}.social-sponsor{display:flex;align-items:center;gap:14px;min-width:min(330px,85vw);max-width:460px;flex:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;scroll-snap-align:start;text-decoration:none;color:var(--ink)}.social-sponsor img{width:100px;height:65px;object-fit:contain;border-radius:8px}.social-sponsor b,.social-sponsor span,.social-sponsor small{display:block}.social-sponsor small{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.08em}.social-sponsor span{font-size:12px;margin-top:4px}.social-page{max-width:980px}.social-page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.social-page-head h2{font-family:var(--display);font-size:26px}.social-content{display:grid;gap:16px}.social-content h3{font-family:var(--display);font-size:20px}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}.social-form{display:grid;gap:14px;margin-top:16px}.social-form>.btn{justify-self:start}.social-field{display:grid;gap:6px;font-weight:600;font-size:13px;min-width:0}.social-field .input{width:100%;min-width:0;font-weight:400}.social-field textarea{min-height:85px;resize:vertical}.social-check{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:13px}.social-check input{width:18px;height:18px}.social-details{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.social-details summary{cursor:pointer;font-weight:700}.social-error{color:#c43434;font-size:13px;white-space:pre-wrap}.social-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.social-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px}.social-photos figure{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.social-photos img{width:100%;height:220px;object-fit:cover}.social-photos figcaption{display:flex;align-items:center;justify-content:space-between;padding:10px;gap:8px}.social-album{text-align:left;min-height:150px}.social-album-icon{font-size:30px}.social-album p{margin:8px 0}.social-notification{display:flex;flex-direction:column;text-align:left;gap:8px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.social-notification.unread{border-left:4px solid var(--accent)}.social-notification small{color:var(--ink3)}.social-text{white-space:pre-wrap;overflow-wrap:anywhere}.social-trophy,.social-birthday{padding:16px;background:var(--accent-soft);border-radius:12px}.social-memory-date{font-weight:700;margin-bottom:8px;color:var(--ink2)}.social-table{overflow:auto;margin:14px 0}.social-table table{width:100%;border-collapse:collapse;text-align:left}.social-table td,.social-table th{padding:10px;border-bottom:1px solid var(--line)}.social-admin{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.social-champ{padding:20px}.social-banner-preview{width:100%;height:150px;object-fit:contain;margin-bottom:12px}.social-mention{display:inline;color:var(--ink);text-decoration-color:#967200;font-weight:700;text-decoration:underline}.social-mention-menu{position:fixed;z-index:200;top:15%;left:50%;transform:translateX(-50%);width:min(340px,90vw);max-height:65dvh;overflow:auto;border:1px solid var(--line);background:var(--surface);box-shadow:0 15px 80px #0006;border-radius:14px;padding:14px;display:grid;gap:6px}.social-mention-menu button{padding:10px;text-align:left;border-radius:6px;background:var(--surface2)}.social-album-target{padding:10px;background:var(--accent-soft);border-radius:10px;margin-bottom:10px;font-size:13px;display:flex;gap:10px;justify-content:space-between}.social-album-target button{text-decoration:underline}.social-connection{padding:10px;text-align:center;background:#fff1bd;color:#5a4300;font-size:13px}.social-connection[hidden]{display:none}.social-page .post{margin-bottom:15px}.social-content .card.bd{padding:18px}.topnav [data-social=notificacoes]{min-width:44px}.social-field+ .field{margin-top:14px}
@media(max-width:640px){.social-shell{padding:0 12px}.social-nav{gap:6px}.social-nav .btn{font-size:12px;padding:8px 12px}.social-page-head h2{font-size:22px}.social-page-head .btn{font-size:12px;padding:8px}.social-page .post .top{flex-wrap:wrap}.social-page .post .top .t{min-width:120px}.topbar .mark .sub{display:none}.topbar .mark h1{font-size:15px}.topbar .mark img{width:30px;height:30px}.topnav{gap:2px!important}.topnav>button{min-width:36px;padding:6px!important}.topnav>button span:not(.pill):not(.num){display:none}.topnav .sair{display:none}.social-form input,.social-form select,.social-form textarea,.composer textarea,.cmtbox input,.field .input{font-size:16px!important}.social-content{gap:12px}.social-photos img{height:240px}.social-champ{padding:14px}.social-mention-menu{top:10%}.shell{padding-bottom:calc(25px + env(safe-area-inset-bottom))}.tools{flex-wrap:wrap}.tools .tool{min-height:42px}.cmtbox{flex-wrap:wrap}.cmtbox input{flex:1;min-width:110px}.social-check{line-height:1.5}.social-sponsor img{width:85px}.social-table th,.social-table td{padding:8px}.msegs{position:sticky;top:60px;z-index:15}.tryon~.social-shell~.shell .msegs{top:93px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:860px){.topnav button .pill:not([hidden]),.topnav button .num{display:inline-block}.topnav button .pill[hidden]{display:none}}