/* Bs2Fix visual refinement — typography, profile, inbox, notifications, social rails */
:root{--ui-primary:#2563eb;--ui-ink:#17263e;--ui-surface:#fff;--ui-edge:#e4eaf2;--ui-subtle:#74849b}
.social-redesign{font-family:"Cairo",Tahoma,sans-serif;font-weight:500;text-rendering:optimizeLegibility}
.social-redesign h1,.social-redesign h2,.social-redesign h3,.social-redesign strong{letter-spacing:0;font-weight:800}
.social-redesign p{overflow-wrap:break-word}
.social-redesign a:focus-visible,.social-redesign button:focus-visible{outline:2px solid #6395f2;outline-offset:3px}
.social-redesign .social-side-nav>div{border:1px solid #e1e8f0;border-radius:19px!important;box-shadow:0 5px 28px rgba(28,52,85,.04)}
.social-redesign .social-side-nav nav a,.social-redesign .social-side-nav nav button{min-height:48px;border-radius:11px!important}
.social-redesign .social-side-nav nav a span.w-11,.social-redesign .social-side-nav nav button span.w-11{width:37px;height:37px;border-radius:11px}
.social-redesign .social-side-nav nav a span.w-11 i,.social-redesign .social-side-nav nav button span.w-11 i{font-size:15px}
.social-redesign .social-side-nav nav a:hover,.social-redesign .social-side-nav nav button:hover{background:#f0f5fd;color:#245fca}
.social-redesign .social-side-nav nav a.bg-slate-950{background:#ecf3ff;color:#185bc9;box-shadow:none}
.social-redesign .social-side-info>section,.social-redesign .social-side-info>form{border:1px solid #e2e8f1;border-radius:17px!important;box-shadow:0 3px 18px rgba(22,44,73,.035)}
.social-redesign .social-side-info h2{font-size:14px}
.social-redesign .social-side-info .text-\[9px\]{font-size:10px}
.social-redesign .social-side-info section a{border-radius:11px}
.social-redesign .social-side-info section a:hover{border-color:#c6d8f5;background:#f4f7fd}
.social-redesign .social-side-info section:last-child{background:#172b47;color:white;padding:18px;box-shadow:none}
.social-redesign .social-side-info section:last-child h3{font-size:15px}
.social-redesign .social-side-info section:last-child p{color:#d9e3f3;font-size:11px}
.social-redesign .social-post-actions button{font-size:12px}
.social-redesign .social-comment-bubble{line-height:1.9}
.social-redesign .social-comment-text{font-size:12px;line-height:2}
.social-redesign .social-post-text{font-size:14px;line-height:2.05}
.social-redesign .social-author-name{font-size:13px}
.social-redesign .social-file-info strong{line-height:1.8}
.social-profile-page>section{border-radius:17px!important;box-shadow:0 3px 17px rgba(18,37,72,.04)!important}
.social-profile-page>section:first-of-type>div:first-child{height:128px;background:linear-gradient(120deg,#183b67,#2568c7 75%,#2b90af);border-radius:0}
.social-profile-page>section:first-of-type>div:first-child:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 50%,rgba(255,255,255,.07))}
.social-profile-page>section:first-of-type .rounded-\[26px\]{border-radius:50%!important;box-shadow:0 5px 19px rgba(14,36,65,.12)}
.social-profile-page>section:first-of-type h1{font-size:21px}
.social-profile-page>section:first-of-type .grid.grid-cols-2>div{border-radius:12px!important;background:#f7f9fc;border:1px solid #e6ebf3;color:#24344b}
.social-profile-page>section:first-of-type .grid.grid-cols-2>div div.text-\[8px\]{font-size:10px}
.social-profile-page>section:first-of-type .grid.grid-cols-2>div div.text-lg{font-size:19px}
.social-profile-page>section:not(:first-of-type)>div:first-child h2{font-size:15px}
.social-profile-page>section a.rounded-2xl{border-radius:11px!important}
.social-profile-page>section a.rounded-2xl:hover{border-color:#c6d8f5;background:#f0f5fc}
.social-profile-page .text-\[8px\]{font-size:10px}
.social-profile-page .text-\[9px\]{font-size:10px}
.social-profile-page .text-\[10px\]{font-size:11px}
.social-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 1px 15px}
.social-page-eyebrow{display:block;color:#3377df;font-size:11px;font-weight:800}
.social-page-heading h1{font-size:22px;font-weight:900;color:#1c2c45;line-height:1.7}
.social-page-heading p{color:#7e8ea4;font-size:12px}
.social-page-icon{display:grid;place-items:center;background:#eaf2ff;border-radius:13px;width:48px;height:48px;color:#2a6cd2;font-size:19px}
.social-inbox{background:transparent;max-width:780px;margin:auto}
.social-inbox-tools{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e2e8f0;border-radius:13px;padding:10px 13px;margin-bottom:13px}
.social-inbox-tools>i{color:#90a1b9}
.social-inbox-tools input{flex:1;min-width:0;border:0;outline:0;box-shadow:none!important;font-size:12px;color:#20334e;background:transparent}
.social-live-state{white-space:nowrap;color:#8293aa;font-size:10px;display:flex;align-items:center;gap:6px}
.social-live-state span{display:inline-block;width:7px;height:7px;background:#16a88e;border-radius:50%}
.social-inbox-list{background:white;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}
.social-inbox-person{display:flex;align-items:center;gap:12px;padding:15px 17px;border-bottom:1px solid #edf0f5;min-height:82px}
.social-inbox-person:last-child{border-bottom:0}
.social-inbox-person:hover{background:#f6f9ff}
.social-inbox-avatar,.social-chat-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:#e7f0ff;color:#2672d8;font-weight:900;flex-shrink:0;overflow:hidden}
.social-inbox-avatar img,.social-chat-avatar img{width:100%;height:100%;object-fit:cover}
.social-inbox-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:7px}
.social-inbox-row{display:flex;justify-content:space-between;align-items:center;gap:9px;min-width:0}
.social-inbox-row strong{font-size:13px;font-weight:900;color:#203149;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-inbox-row time{font-size:10px;color:#9aa7b8;white-space:nowrap}
.social-inbox-preview{font-size:11px;color:#8291a4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.social-unread-count{min-width:22px;height:22px;border-radius:99px;background:#2469e8;color:white;display:grid;place-items:center;font:800 10px Cairo,sans-serif;padding:0 5px}
.social-unread-count.hidden{display:none}
.social-inbox-chevron{font-size:11px;color:#bec9d9}
.social-inbox-empty{padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.social-inbox-empty i{font-size:31px;color:#a5b9d9}
.social-inbox-empty h2{font-size:15px;font-weight:900;color:#20314c}
.social-inbox-empty p{font-size:11px;color:#8595aa}
.social-inbox-empty a{margin-top:8px;background:#2469e8;color:white;border-radius:9px;padding:9px 16px;font-size:12px;font-weight:800}
.social-pagination{padding:12px 0}
.social-chat{height:calc(100dvh - 34px);display:flex;flex-direction:column;background:white;border:1px solid #e0e7f0;border-radius:17px;overflow:hidden;max-width:820px;margin:0 auto}
.social-chat-header{display:flex;align-items:center;gap:13px;padding:13px 17px;border-bottom:1px solid #e7edf4;background:white;min-height:74px}
.social-chat-back{width:34px;height:34px;border-radius:11px;background:#f2f5fa;color:#7287a3;display:grid;place-items:center}
.social-chat-person{display:flex;align-items:center;gap:11px;flex:1;min-width:0}
.social-chat-person>span:last-child{display:flex;flex-direction:column;gap:3px}
.social-chat-person strong{font-size:13px;color:#223550;font-weight:900}
.social-chat-person small{font-size:10px;color:#91a0b2}
.social-chat-avatar{width:42px;height:42px}
.social-chat-connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#729589;white-space:nowrap}
.social-chat-connection>span:first-child{width:7px;height:7px;border-radius:50%;background:#17ae91}
.social-chat-connection.offline{color:#c78a43}
.social-chat-connection.offline>span:first-child{background:#e59b43}
.social-chat-body{flex:1;min-height:0;overflow-y:auto;padding:15px 18px;background:#f6f8fc;display:flex;flex-direction:column;gap:10px}
.social-chat-start{display:flex;align-items:center;gap:8px;margin:2px auto 14px;border-radius:10px;background:#edf2f9;padding:9px 15px;color:#73869e;font-size:10px;max-width:90%}
.social-chat-start i{color:#8aa0bc}
.social-message-row{display:flex}
.social-message-row.mine{justify-content:flex-start}
.social-message-row.theirs{justify-content:flex-end}
.social-message-bubble{max-width:min(78%,570px);min-width:80px;border:1px solid #e4eaf2;background:white;border-radius:15px;padding:10px 14px;box-shadow:0 2px 7px rgba(20,36,61,.025)}
.social-message-row.mine .social-message-bubble{background:#e7f1ff;border-color:#d4e6ff;border-bottom-right-radius:4px}
.social-message-row.theirs .social-message-bubble{border-bottom-left-radius:4px}
.social-message-bubble p{font-size:13px;line-height:1.95;color:#273c54;white-space:pre-line;overflow-wrap:anywhere}
.social-message-bubble time{display:block;text-align:left;font-size:9px;color:#98a6b8;margin-top:5px}
.social-message-file{display:inline-flex;gap:7px;align-items:center;color:#2569c9;font-size:11px;font-weight:800}
.social-chat-first{margin:auto;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;color:#8193a8}
.social-chat-first i{font-size:36px;color:#aec2dd}
.social-chat-first strong{font-size:15px;color:#334660}
.social-chat-first span{font-size:11px}
.social-chat-compose{padding:11px 15px 14px;background:white;border-top:1px solid #e3eaf3}
.social-chat-input-row{display:flex;align-items:flex-end;gap:11px;border:1px solid #e4eaf2;border-radius:15px;background:#f7f9fc;padding:8px}
.social-chat-attach{display:grid;place-items:center;width:35px;height:35px;color:#8497b0;cursor:pointer;flex-shrink:0}
.social-chat-input-row textarea{background:transparent;flex:1;resize:none;border:0;outline:0;box-shadow:none!important;padding:8px 0;font-family:inherit;font-size:12px;color:#27374c;min-height:40px;max-height:125px}
.social-chat-send{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:11px;background:#256de0;color:#fff}
.social-chat-send:disabled{opacity:.45;cursor:not-allowed}
.social-chat-attachment{display:flex;align-items:center;gap:9px;padding:8px 12px;font-size:10px;color:#3574ca;margin-bottom:8px;border-radius:10px;background:#ecf3ff}
.social-chat-attachment span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-chat-error{border-radius:9px;background:#fef0f0;color:#bf4343;font-size:11px;padding:8px 12px;margin-bottom:7px}
.social-notify-overlay{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-start}
.social-notify-backdrop{position:absolute;inset:0;background:rgba(8,20,41,.47);backdrop-filter:blur(3px)}
.social-notify-panel{position:relative;height:100%;height:100dvh;min-width:0;width:min(460px,100%);margin-left:auto;margin-right:0;display:flex;flex-direction:column;background:white;box-shadow:0 0 45px rgba(19,36,61,.12)}
.social-notify-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 19px 16px;border-bottom:1px solid #e9edf4}
.social-notify-heading-title{display:flex;gap:11px;align-items:center}
.social-notify-heading-title>span{background:#edf3ff;color:#2a68da;border-radius:13px;width:45px;height:45px;display:grid;place-items:center;font-size:18px}
.social-notify-heading-title h2{font-size:18px;color:#1f324c;font-weight:900}
.social-notify-heading-title p{color:#8493a9;font-size:10px;margin-top:2px}
.social-notify-close{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#f2f5fa;color:#8390a4}
.social-notify-tabs{display:flex;align-items:center;gap:7px;padding:12px;border-bottom:1px solid #e9edf4}
.social-notify-tabs button{border-radius:9px;padding:9px 11px;font-size:11px;font-weight:800;color:#7a8ba4;white-space:nowrap}
.social-notify-tabs button.active{color:#2062cc;background:#edf4ff}
.social-notify-tabs .social-notify-read-all{margin-right:auto;color:#2370c9;font-size:9px;padding:8px}
.social-notify-tabs button:disabled{opacity:.45}
.social-notify-content{overflow-y:auto;flex:1;min-height:0;padding:11px}
.social-notify-item{display:flex;align-items:flex-start;text-align:right;gap:11px;width:100%;padding:13px 11px;border-radius:11px;background:#f6f9fe;margin-bottom:7px}
.social-notify-item.is-read{background:#fff}
.social-notify-item:hover{background:#edf4ff}
.social-notify-item-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#e7effc;color:#3d76d8;flex-shrink:0}
.social-notify-item-icon.messages{background:#e8ecff;color:#5e67d9}
.social-notify-item-icon.comments,.social-notify-item-icon.replies{background:#e3f5f0;color:#189881}
.social-notify-item-icon.reactions{background:#fff0f1;color:#d7687f}
.social-notify-item-icon.follows{background:#e9f1ff;color:#417adb}
.social-notify-item-text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.social-notify-item-text strong{font-size:12px;font-weight:900;color:#233752}
.social-notify-item-text>span{font-size:11px;line-height:1.8;color:#70839b;overflow-wrap:anywhere}
.social-notify-item-text small{font-size:9px;color:#a2afbf}
.social-notify-unread-dot{width:7px;height:7px;border-radius:50%;background:#2772de;margin-top:6px}
.social-notify-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#8ea0b9;text-align:center;padding:24px}
.social-notify-empty>i{font-size:30px;color:#b1c2d9}
.social-notify-empty strong{font-size:14px;color:#374a63}
.social-notify-empty span{font-size:11px}
.social-notify-empty button{background:#e9f1ff;color:#246ed1;font-size:11px;padding:8px 12px;border-radius:9px}
.social-notify-footer{font-size:10px;color:#8294aa;padding:12px 15px;border-top:1px solid #eaf0f5;text-align:center}
.social-notify-footer i{margin-left:5px;color:#18a58b}
.dark .social-side-nav>div,.dark .social-inbox-list,.dark .social-inbox-tools,.dark .social-chat,.dark .social-chat-header,.dark .social-chat-compose,.dark .social-notify-panel{background:#142033;color:#eaf0fb;border-color:#2e3c50}
.dark .social-side-info>section,.dark .social-side-info>form{border-color:#334056}
.dark .social-side-nav nav a:hover{background:#21324d}
.dark .social-page-heading h1,.dark .social-inbox-row strong,.dark .social-chat-person strong,.dark .social-notify-heading-title h2,.dark .social-notify-item-text strong{color:#f1f5ff}
.dark .social-inbox-person{border-color:#27364b}
.dark .social-inbox-person:hover,.dark .social-notify-item{background:#1c2b43}
.dark .social-notify-item.is-read{background:#152037}
.dark .social-chat-body{background:#101b2d}
.dark .social-message-bubble{background:#1d2c43;border-color:#30415c}
.dark .social-message-row.mine .social-message-bubble{background:#1b395f;border-color:#2e5b90}
.dark .social-message-bubble p{color:#ecf2ff}
.dark .social-chat-input-row{background:#19273c;border-color:#34435a}
.dark .social-chat-input-row textarea,.dark .social-inbox-tools input{color:#edf4ff}
.dark .social-notify-tabs,.dark .social-notify-heading,.dark .social-notify-footer{border-color:#2b394d}
.dark .social-profile-page>section:first-of-type .grid.grid-cols-2>div{background:#1c2c42;border-color:#35465d;color:#e6ecf6}
@media(max-width:767px){
 .social-redesign .social-side-info{display:none}
 .social-chat{border-radius:11px;height:calc(100dvh - 128px)}
 .social-chat-header{padding:9px 10px;gap:9px;min-height:60px}
 .social-chat-person strong{font-size:12px}
 .social-chat-body{padding:13px 10px}
 .social-chat-compose{padding:9px}
 .social-message-bubble{max-width:88%}
 .social-page-heading h1{font-size:19px}
 .social-inbox-person{padding:13px 10px;gap:9px}
 .social-inbox-avatar{width:43px;height:43px}
 .social-live-state{font-size:0}
 .social-live-state span{width:8px;height:8px}
 .social-profile-page>section:first-of-type>div:first-child{height:102px}
 .social-profile-page>section:first-of-type h1{font-size:18px}
 .social-notify-heading{padding:16px 12px}
 .social-notify-tabs{gap:4px;padding:9px 7px}
 .social-notify-tabs button{font-size:10px;padding:8px}
}

/* Profile settings: coherent typography and controls */
.social-profile-edit{max-width:800px;margin:0 auto}
.social-profile-edit>div:first-child h1{font-size:22px}
.social-profile-edit>div:first-child p{font-size:12px;line-height:1.9}
.social-profile-edit>div:nth-child(2){scrollbar-width:thin}
.social-profile-edit>div:nth-child(2) button{border-radius:10px!important;font-size:11px;font-weight:800;min-height:43px}
.social-profile-edit form>section{border-radius:16px!important;box-shadow:0 3px 18px rgba(22,42,70,.035)}
.social-profile-edit form label{font-size:12px;font-weight:800;line-height:1.8}
.social-profile-edit form input:not([type=checkbox]),.social-profile-edit form textarea{font-family:inherit;font-size:12px;line-height:1.8;border-radius:10px!important}
.social-profile-edit form input:focus,.social-profile-edit form textarea:focus{border-color:#88b1f7;box-shadow:0 0 0 3px rgba(45,107,222,.08)}
.social-profile-edit form input[type=checkbox]{accent-color:#2469e8}
.social-profile-edit form label.rounded-2xl{border-radius:10px!important;min-height:60px}
.social-profile-edit form button[type=submit]{background:#2469e8;border-radius:12px!important;box-shadow:0 5px 16px rgba(30,94,200,.15)}
@media(max-width:767px){.social-profile-edit{padding:10px!important}.social-profile-edit>div:first-child h1{font-size:19px}.social-profile-edit>div:nth-child(2) button{padding:9px 11px}.social-profile-edit form>section{padding:16px!important}}

/* New posts indicator; no forced jumps while reading */
.social-new-activity{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d1e0fb;border-radius:12px;padding:11px 14px;margin:0 0 12px;background:#eff5ff;color:#2c66ca;font-size:12px;font-weight:800}
.social-new-activity.hidden{display:none}
.social-new-activity>i{font-size:16px}
.social-new-activity button{border-radius:8px;background:#2569d8;color:white;padding:7px 12px;font-size:11px;font-weight:800}
.dark .social-new-activity{background:#182e4d;border-color:#36547a;color:#c7dcff}
@media(max-width:600px){.social-new-activity{flex-wrap:wrap;gap:8px;font-size:11px}}

/* Saved content and community moderation actions */
.social-redesign .social-bookmark-button[data-saved="1"]{color:#2469e8}
.social-redesign .social-bookmark-button[data-saved="1"] i{color:#2469e8}
.social-post-menu .social-report-box{border-top:1px solid #e7ecf4;margin-top:4px;padding-top:3px}
.social-post-menu .social-report-box>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px;font-size:11px;font-weight:800;color:#687b93;border-radius:8px}
.social-post-menu .social-report-box>summary::-webkit-details-marker{display:none}
.social-post-menu .social-report-box>summary:hover{background:#f4f7fc;color:#2869cb}
.social-post-menu .social-report-box .social-report-form{display:flex;flex-direction:column;gap:9px;padding:8px;min-width:230px}
.social-post-menu .social-report-form label{font-size:10px;color:#61738d;font-weight:800}
.social-post-menu .social-report-form select,.social-post-menu .social-report-form textarea{width:100%;display:block;border:1px solid #dce4ef;background:white;border-radius:8px;margin-top:4px;padding:7px;font-size:11px;font-family:inherit;line-height:1.7}
.social-post-menu .social-report-form button[type=submit]{width:100%;justify-content:center;background:#2569db;color:white;padding:10px}
.social-post-menu .social-report-form button:disabled{opacity:.5}
.social-post-menu .social-report-result{font-size:10px;color:#5083bc;margin:0}
.social-action-toast{position:fixed;left:50%;bottom:94px;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:120;min-width:160px;text-align:center;padding:12px 20px;border-radius:12px;background:#173558;color:white;font-size:11px;font-weight:800;box-shadow:0 12px 35px rgba(14,31,60,.18);transition:transform .2s,opacity .2s}
.social-action-toast.visible{opacity:1;transform:translate(-50%,0)}
.social-action-toast.error{background:#983e4c}
.social-saved-page{max-width:780px;margin:0 auto}
.social-saved-list{display:flex;flex-direction:column;gap:10px}
.social-saved-item{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:14px;border:1px solid #e1e8f1;background:white;box-shadow:0 2px 12px rgba(19,42,73,.035)}
.social-saved-symbol{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:12px;background:#edf4ff;color:#2a6ed4;font-size:16px}
.social-saved-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.social-saved-main strong{font-size:12px;font-weight:900;color:#1c304e;line-height:1.8;overflow-wrap:anywhere}
.social-saved-main small{font-size:10px;color:#8fa0b5}
.social-saved-remove{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f1f5fd;color:#3877d7;flex-shrink:0}
.social-saved-remove:hover{background:#e0eafe}
.social-saved-remove:disabled{opacity:.45}
.dark .social-saved-item{background:#172437;border-color:#31425c}
.dark .social-saved-main strong{color:#edf4ff}
.dark .social-saved-symbol{background:#243f66;color:#b7d4ff}
.dark .social-report-box{border-color:#36455a}
.dark .social-post-menu .social-report-form select,.dark .social-post-menu .social-report-form textarea{background:#132138;color:#eef4ff;border-color:#384b68}
@media(max-width:600px){.social-saved-item{padding:11px;gap:9px}.social-saved-symbol{width:37px;height:37px}.social-post-menu .social-report-box .social-report-form{min-width:205px}}