.social-page{gap:9px;max-width:560px;margin:0 auto;padding:10px 8px 28px;display:grid}.social-card{background:#fff;border:1px solid #dcdee2;border-radius:4px;gap:8px;padding:10px;display:grid}.profile{grid-template-columns:auto 1fr auto;align-items:center}.avatar{color:#fff;background:#5b7fa6;border-radius:5px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.header-actions{gap:4px;display:grid}.avatar.small{width:28px;height:28px;font-size:12px}.social-tabs{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.social-tabs button.active{color:#2a5885!important;background:#eef4fb!important;border-color:#7ea5cd!important}.tabs{grid-template-columns:1fr 1fr;gap:5px;display:grid}.tabs .active{color:#2a5885!important;background:#eef4fb!important;border-color:#7ea5cd!important}input,textarea{color:#222;width:100%;font:inherit;background:#fff;border:1px solid #c4c8cd;border-radius:4px;padding:8px}label{color:#444;gap:4px;display:grid}.error{color:#a94442;font-size:12px}.muted{color:#666;margin:0;font-size:12px}.row{grid-template-columns:auto 1fr auto;align-items:center}.actions{gap:4px;display:grid}.post h2{margin:0;font-size:14px}.post time{color:#777;font-size:11px}.comments{border-top:1px solid #e6e8ec;gap:6px;padding-top:7px;display:grid}.comments p{margin:0;font-size:12px}.comments form{grid-template-columns:1fr auto;gap:5px;display:grid}.dialog{text-align:left;color:#2a5885!important;background:0 0!important;border:0!important;padding:5px 0!important}.chat{gap:7px}.history{gap:5px;max-height:300px;display:grid;overflow:auto}.history p{background:#f2f4f7;border-radius:4px;max-width:85%;margin:0;padding:6px 8px}.history p.mine{background:#dfe8f2;justify-self:end}@media (max-width:420px){.profile{grid-template-columns:auto 1fr}.profile button{grid-column:2;justify-self:start}.row{grid-template-columns:1fr}.actions{grid-template-columns:1fr 1fr}.social-tabs button{font-size:11px;padding:6px 3px!important}}