/* Maskanak Social 0.1.0 — component-scoped styles; no global auth overrides. */
.msks-page{min-height:65vh;background:#f4f7fa;padding:34px 16px 72px}
.msks-wrap{max-width:1120px;width:100%;margin:0 auto;color:#15354b;font-family:"Cairo",system-ui,sans-serif;line-height:1.8}
.msks-wrap *{box-sizing:border-box}
.msks-wrap a{text-decoration:none}
.msks-top{display:flex;align-items:end;justify-content:space-between;gap:22px;flex-wrap:wrap;margin:2px 0 24px}
.msks-top h1,.msks-top h2{margin:4px 0 3px;font:800 clamp(24px,3vw,36px) "Alexandria",sans-serif;color:#0b4d52;line-height:1.55}
.msks-top p{margin:3px 0;color:#607383;font-size:14px}
.msks-kicker{letter-spacing:1.3px;color:#078b7d;font-weight:900;font-size:10px}
.msks-tabs{display:flex;gap:7px;flex-wrap:wrap}
.msks-tabs a{border:1px solid #dbe8ed;background:#fff;color:#37606c;font-size:12px;padding:9px 12px;border-radius:10px;font-weight:800}
.msks-tabs a:hover{border-color:#098977;color:#087d72}
.msks-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.msks-main,.msks-sidebar{min-width:0;display:grid;gap:14px;align-content:start}
.msks-panel{background:#fff;border:1px solid #e1ebef;border-radius:18px;padding:19px 22px;box-shadow:0 6px 26px #24425806;min-width:0}
.msks-notice{background:#e6f8ef;border:1px solid #a5dfc1;color:#08603d;border-radius:12px;padding:11px 16px;margin-bottom:15px;font-size:13px;font-weight:700}
.msks-panel h2{color:#193c49}
.msks-panel h2.msks-section-title,.msks-section-title{font:800 17px "Alexandria",sans-serif;margin:0 0 18px;color:#123e4a;line-height:1.6}
.msks-panel p{margin:5px 0 13px}
.msks-author{display:flex;align-items:center;gap:12px;min-width:0}
.msks-author>div{display:grid;min-width:0}
.msks-author b,.msks-author-name{font-weight:900;color:#164450;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.msks-author small,.msks-comment small{font-size:11px;color:#8596a0}
.msks-avatar{height:41px;width:41px;flex:0 0 41px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#16a893,#0d6b83);color:#fff;font:800 20px "Alexandria",sans-serif}
.msks-avatar-big{height:76px;width:76px;flex:0 0 76px;font-size:31px;border-radius:23px}
.msks-composer textarea,.msks-editor textarea{display:block;border:1px solid #d6e4e8;border-radius:12px;padding:13px 15px;width:100%;font:600 14px/2 "Cairo",sans-serif;resize:vertical;background:#fbfdfd;color:#1a3445;min-height:90px;margin:14px 0}
.msks-composer textarea:focus,.msks-editor textarea:focus,.msks-search input:focus{outline:2px solid #96cfc7;outline-offset:1px}
.msks-compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.msks-compose-actions label,.msks-search label,.msks-editor label{font-weight:800;color:#586b76;font-size:12px}
.msks-compose-actions select,.msks-compact-details select{border:1px solid #dce6ea;border-radius:10px;padding:9px;background:#fff;color:#275064;font:700 12px "Cairo",sans-serif;max-width:100%}
.msks-button,.msks-wrap button[type="submit"]{background:#087c72;border:1px solid #087c72;color:#fff;border-radius:11px;padding:10px 16px;cursor:pointer;font:800 12px "Cairo",sans-serif;line-height:1.6;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:background .15s ease}
.msks-button:hover,.msks-wrap button[type="submit"]:hover{background:#075e59;color:#fff}
.msks-compose-actions .msks-button{margin-inline-start:auto}
.msks-post-body{font-size:15px;color:#263e4c;line-height:2.15;margin:18px 0 20px;overflow-wrap:anywhere;white-space:normal}
.msks-post-footer{border-top:1px solid #eaf0f3;padding-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;color:#677e8b}
.msks-post-footer>a{font-weight:800;color:#0d7e77}
.msks-inline-form{display:inline-flex;align-items:center}
.msks-inline-form button[type="submit"],.msks-post-footer .msks-inline-form button{padding:7px 11px;border-radius:9px}
.msks-light button[type="submit"],.msks-post-footer .msks-light button[type="submit"]{background:#f1f7f7;color:#087c72;border-color:#d8ece7}
.msks-light button[type="submit"]:hover,.msks-post-footer .msks-light button[type="submit"]:hover{background:#dcefeb;color:#066b63}
.msks-danger button[type="submit"]{background:#fff2f2;border-color:#f1c9cc;color:#a71a38}
.msks-danger button[type="submit"]:hover{background:#ffe6e7;color:#8d1328}
.msks-compact-details{position:relative;font-size:12px}
.msks-compact-details summary{cursor:pointer;color:#697e88;font-weight:700}
.msks-compact-details[open]{background:#fbfdfd;padding:9px;border:1px solid #e2eaed;border-radius:12px}
.msks-compact-details p{margin:6px 0;font-size:11px}
.msks-compact-details form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.msks-request{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #eff3f5}
.msks-request:last-child{border-bottom:0}
.msks-request>div:not(.msks-inline-form){flex:1 1 115px;display:grid}
.msks-request a{font-weight:800;color:#205460;font-size:12px}
.msks-request small{color:#8a9ba5;font-size:11px}
.msks-request button{padding:6px 9px!important;font-size:11px!important}
.msks-info h2,.msks-join h2{font:800 18px "Alexandria",sans-serif;line-height:1.6;margin:0 0 11px}
.msks-info p,.msks-join p{color:#61798b;font-size:13px;line-height:2}
.msks-info a{font-size:12px;color:#087c72;font-weight:900}
.msks-join{border-color:#bfe6de;background:linear-gradient(130deg,#fff,#f3fcfa)}
.msks-join .msks-primary{margin-top:6px}
.msks-empty{text-align:center;padding:30px 20px;color:#647786}
.msks-empty h3{color:#26505e;margin:0 0 8px}
.msks-more{display:block;text-align:center;background:#fff;border:1px solid #deeaed;border-radius:12px;padding:14px;color:#087c72!important;font-weight:900;font-size:12px}
.msks-profile{margin-bottom:22px}
.msks-profile-head{display:flex;align-items:center;gap:18px}
.msks-profile-head h2{font:900 24px "Alexandria",sans-serif;margin:0 0 7px}
.msks-profile-head p{color:#627a88;font-size:13px}
.msks-profile-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}
.msks-owner-tag{background:#e7f7f4;color:#087c72;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800}
.msks-settings{margin-top:19px;border-top:1px solid #e4edf0;padding-top:15px}
.msks-settings summary{cursor:pointer;color:#087c72;font-weight:900;font-size:12px}
.msks-editor{display:grid;gap:8px;margin:15px 0}
.msks-editor textarea{margin:0 0 5px}
.msks-editor button{justify-self:start}
.msks-settings-danger{background:#fff9f8;padding:12px;border-radius:12px}
.msks-settings-danger p{font-size:11px;color:#81575b}
.msks-members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:16px}
.msks-member{text-align:center;display:grid;justify-items:center;gap:10px}
.msks-member h2{font-size:15px;margin:0;max-width:100%;overflow-wrap:anywhere}
.msks-search{display:grid;gap:10px}
.msks-search div{display:flex;gap:12px}
.msks-search input{border:1px solid #dbe7e9;border-radius:11px;padding:12px;width:100%;font:600 13px "Cairo",sans-serif;min-width:0}
.msks-comment{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #e9eff1}
.msks-comment>div{flex:1;min-width:0}
.msks-comment a{font-weight:900;color:#164450;font-size:12px}
.msks-comment small{display:block}
.msks-comment p{font-size:13px;margin:4px 0 0;overflow-wrap:anywhere}
.msks-hint{color:#7c8e9a;font-size:12px}
.msks-embedded{padding:5px 0 45px}
@media(max-width:870px){.msks-grid{grid-template-columns:minmax(0,1fr)}.msks-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.msks-page{padding:22px 11px 60px}.msks-panel{padding:16px;border-radius:14px}.msks-top{align-items:start;margin-bottom:19px}.msks-tabs{width:100%}.msks-tabs a{flex:1;text-align:center;font-size:10px;padding:8px 5px}.msks-sidebar{grid-template-columns:1fr}.msks-members{grid-template-columns:repeat(2,minmax(0,1fr))}.msks-compose-actions select{flex:1}.msks-compose-actions .msks-button{margin:0;flex:1}.msks-post-body{font-size:13px}.msks-author-name{font-size:12px}.msks-embedded{padding:10px 0 40px}}
.msks-settings-danger>details,.msks-settings-danger details{border-top:1px solid #f5d6d4;margin-top:12px;padding-top:10px}
.msks-settings-danger input[name=confirm]{padding:9px 12px;border-radius:8px;border:1px solid #efc3c7;font:700 13px "Cairo";max-width:200px;margin:8px}
.msks-comment .msks-light button{font-size:10px;padding:4px 8px;margin-top:6px}

/* Maskanak Social 0.2.0: calm, fast X-inspired timeline; scoped only to the community. */
.msks-page{padding:0 12px 65px;background:#f6f8fa}
.msks-wrap{max-width:1150px;color:#111b26}
.msks-feed-grid{grid-template-columns:minmax(0,720px) minmax(230px,300px);justify-content:center;gap:18px}
.msks-timeline{display:block;background:#fff;min-width:0;border-left:1px solid #e7eaf0;border-right:1px solid #e7eaf0}
.msks-feed-banner{position:sticky;top:0;z-index:8;background:#fffffff5;border-bottom:1px solid #e9eef1;backdrop-filter:blur(12px)}
.msks-feed-title{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 8px 10px;font:900 18px 'Alexandria',sans-serif;color:#0d4d52}
.msks-feed-logo img{width:34px;height:34px;display:block;object-fit:contain}
.msks-feed-tabs{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.msks-feed-tabs a{padding:12px 8px;text-align:center;font-size:14px;font-weight:800;color:#536571;position:relative;transition:background .15s}
.msks-feed-tabs a:hover{background:#eef7f6;color:#115f5d}
.msks-feed-tabs a.current{color:#112731}
.msks-feed-tabs a.current::after{content:"";position:absolute;bottom:0;height:4px;width:62px;max-width:58%;background:#068f86;border-radius:4px;left:50%;transform:translateX(-50%)}
.msks-timeline>.msks-panel{border-radius:0;border:0;border-bottom:1px solid #e6edf0;box-shadow:none;margin:0;padding:17px 20px}
.msks-timeline>.msks-join{background:#f7fbfa}
.msks-timeline>.msks-more{border-radius:0;border:0;border-bottom:1px solid #e7edf0}
.msks-feed-page{padding-top:0}
.msks-embedded{padding-top:26px;padding-bottom:38px}
.msks-feed-grid .msks-sidebar{padding-top:16px;gap:12px}
.msks-sidebar-links{display:grid;gap:9px}
.msks-sidebar-links>a{font-size:13px;font-weight:800;color:#0a796f}
.msks-author{gap:11px}
.msks-avatar{border-radius:50%;height:44px;width:44px;flex-basis:44px;background:linear-gradient(135deg,#0cae9c,#176285);font-size:17px}
.msks-avatar-big{width:76px;height:76px;flex-basis:76px;font-size:26px}
.msks-composer .msks-author{margin-bottom:4px}
.msks-composer form{margin-inline-start:53px}
.msks-compose-editor{position:relative;min-height:120px}
.msks-compose-editor textarea,.msks-compose-highlight{font:500 16px/1.92 'Cairo',system-ui,sans-serif!important;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;direction:inherit;text-align:start;width:100%;height:130px;min-height:130px;max-height:360px;padding:12px 3px!important;border:0!important;border-radius:0!important;margin:0!important;resize:vertical;background:transparent!important;box-shadow:none!important;outline:0!important}
.msks-compose-editor textarea{position:relative;z-index:2;color:#162534!important;caret-color:#102a32;overflow:auto}
.msks-js .msks-compose-editor textarea{color:transparent!important;-webkit-text-fill-color:transparent!important}
.msks-js .msks-compose-editor textarea::placeholder{-webkit-text-fill-color:#90a0a8!important;color:#90a0a8!important}
.msks-compose-highlight{position:absolute;z-index:1;inset:0;pointer-events:none;color:#162534;overflow:hidden;height:100%;min-height:0}
.msks-compose-highlight .msks-word-over{color:#c11d38;background:#ffe3e8;border-radius:2px;box-shadow:0 1px 0 #d72845}
.msks-compose-editor textarea:focus{outline:0!important}
.msks-compose-editor:focus-within{box-shadow:0 2px 0 #20a99a}
.msks-counter-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;align-items:center;padding:4px 0 11px;font-size:12px;color:#6c7b8b}
.msks-word-count{white-space:nowrap;min-width:95px;direction:rtl}
.msks-word-count strong{font-size:13px;color:#087e73}
.msks-word-count.msks-overlimit,.msks-word-count.msks-overlimit strong,.msks-over-notice{color:#cb2543;font-weight:800}
.msks-compose-actions{border-top:1px solid #e6edf0;padding-top:13px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.msks-file-picker{display:inline-flex;gap:6px;align-items:center;cursor:pointer;border:0;background:#f0faf8;color:#0b8f86;border-radius:10px;padding:9px 11px;font-size:13px;font-weight:800}
.msks-file-picker:hover{background:#dff5f0}
.msks-media-tip{font-size:11px;color:#798d97}
.msks-privacy-select{display:inline-flex;align-items:center;gap:3px;color:#178176;margin-right:auto;border:1px solid #e1e8eb;border-radius:10px;padding-right:7px}
.msks-privacy-select select{border:0;min-width:98px;padding:8px 3px!important;font-size:12px!important}
.msks-compose-actions .msks-publish{margin:0;min-width:78px;border-radius:30px;padding:9px 20px;font-size:13px}
.msks-compose-actions .msks-publish:disabled{opacity:.48;cursor:not-allowed;background:#718c90;border-color:#718c90}
.msks-media-preview{display:none;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0 4px}
.msks-media-preview.msks-previews-visible{display:grid}
.msks-preview-tile{position:relative;aspect-ratio:1;border:1px solid #dce6ec;border-radius:11px;overflow:hidden;background:#e9ecef}
.msks-preview-tile img{width:100%;height:100%;object-fit:cover}
.msks-preview-tile button{position:absolute;inset:5px 5px auto auto;border:0;border-radius:50%;background:#142d3ecf;color:#fff;padding:0;line-height:26px;width:27px;height:27px;font-size:23px;cursor:pointer}
.msks-post{position:relative}
.msks-post:hover{background:#fcfefe}
.msks-post-head{display:flex;gap:11px;align-items:flex-start;position:relative}
.msks-post-ident{flex:1;min-width:0;display:grid;gap:2px}
.msks-user-line{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:12px;line-height:1.65}
.msks-user-line .msks-author-name{font-size:14px;color:#101f2a;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.msks-user-handle,.msks-post-time,.msks-user-line>span{color:#6b808b;font-size:12px}
.msks-post-time:hover{text-decoration:underline}
.msks-post-visibility{font-size:10px;color:#8195a0;display:flex;gap:3px;align-items:center}
.msks-post-visibility .msks-icon{width:12px;height:12px}
.msks-post-content{margin:4px 55px 5px 0}
.msks-post-body{margin:8px 0 11px;font-size:14px;line-height:1.92;color:#213341;white-space:normal}
.msks-post-images{display:grid;gap:3px;border:1px solid #dde5ea;border-radius:15px;overflow:hidden;max-height:500px}
.msks-post-images a{position:relative;display:block;min-height:0;overflow:hidden;background:#f1f3f5}
.msks-post-images img{display:block;height:100%;width:100%;min-height:0;max-height:440px;object-fit:cover}
.msks-images-1{grid-template-columns:1fr}.msks-images-1 a{max-height:480px}.msks-images-1 img{max-height:460px;object-fit:contain}
.msks-images-2{grid-template-columns:1fr 1fr;max-height:350px}.msks-images-2 img{height:340px}
.msks-images-3,.msks-images-4{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));height:410px}
.msks-images-3 a:first-child{grid-row:span 2}.msks-images-3 img,.msks-images-4 img{height:100%}
.msks-post-footer{border:0;padding:7px 0 0;margin-left:0;margin-right:55px;display:flex;align-items:center;justify-content:space-between;gap:7px;color:#667884}
.msks-reaction-item{display:flex;align-items:center;gap:1px}
.msks-post-footer .msks-reaction,.msks-repost-remove .msks-reaction{border:0!important;background:transparent!important;color:#667884!important;box-shadow:none!important;border-radius:25px!important;padding:5px 6px!important;display:inline-flex;align-items:center;gap:5px;min-width:0;font:500 12px 'Cairo',sans-serif!important;line-height:1.4!important}
.msks-reaction .msks-icon{height:18px;width:18px}
.msks-post-footer .msks-reaction:hover{color:#0b9d91!important;background:#e7f6f3!important}
.msks-post-footer .msks-reaction.is-active{color:#b72052!important}
.msks-post-footer .msks-reaction.is-active:hover{background:#fff0f5!important}
.msks-post-footer .msks-reaction-muted{cursor:default}
.msks-reaction-form{margin:0!important;display:inline-flex}
.msks-post-menu{position:relative;margin-inline-start:auto}
.msks-post-menu summary{list-style:none;cursor:pointer;color:#82949c;padding:3px;border-radius:50%}
.msks-post-menu summary::-webkit-details-marker{display:none}
.msks-menu-pop{position:absolute;left:0;top:24px;z-index:7;min-width:178px;padding:12px;border:1px solid #dbe5e9;border-radius:11px;background:#fff;box-shadow:0 14px 35px #14253620}
.msks-menu-pop p{font-size:12px;white-space:nowrap;margin:0 0 6px}
.msks-menu-pop select{max-width:100%;border:1px solid #dbe5ea;padding:7px}
.msks-repost-banner{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#81909d;margin:0 0 7px 56px}
.msks-repost-banner .msks-icon{width:15px;height:15px}
.msks-repost-banner a{color:#61757f}
.msks-repost-remove{text-align:left;margin-top:5px}
.msks-repost-remove .msks-reaction{font-size:11px!important;color:#ac3142!important}
.msks-saved-layout{display:grid;gap:13px;max-width:755px}
@media(max-width:900px){.msks-feed-grid{grid-template-columns:minmax(0,1fr);max-width:680px;margin:auto}.msks-feed-grid .msks-sidebar{display:none}.msks-feed-page{padding-inline:0}.msks-embedded{padding-inline:12px}}
@media(max-width:620px){.msks-page{padding:0 0 50px}.msks-wrap{width:100%}.msks-feed-page{padding:0}.msks-embedded{padding:12px 0}.msks-timeline>.msks-panel{padding:13px 11px;border-radius:0}.msks-feed-title{font-size:15px;padding:9px}.msks-feed-title img{width:28px;height:28px}.msks-composer form{margin-right:0}.msks-compose-editor textarea,.msks-compose-highlight{font-size:14px!important}.msks-media-tip{display:none}.msks-privacy-select{margin-right:0}.msks-compose-actions{gap:7px}.msks-compose-actions .msks-publish{margin-right:auto;flex:0}.msks-post-content{margin-left:0;margin-right:53px}.msks-post-footer{margin-right:53px}.msks-user-handle{font-size:10px}.msks-post-body{font-size:13px}.msks-reaction .msks-icon{width:16px;height:16px}.msks-post-footer .msks-reaction{gap:2px!important;padding:4px 2px!important}.msks-post-footer{gap:2px}.msks-post-images{border-radius:10px}.msks-images-3,.msks-images-4{height:310px}.msks-images-2 img{height:255px}.msks-post-menu .msks-icon{width:18px;height:18px}}

.msks-post-footer .msks-reaction-form button:disabled{opacity:.5;cursor:wait}
.msks-post-footer .msks-reaction-item:has(input[value="repost"]) .msks-reaction.is-active{color:#068f79!important}

.msks-notice-error{background:#fff1f2;border-color:#fda4af;color:#9f1239}
.msks-notice-error a{color:#9f1239;text-decoration:underline}

/* v0.3.0 — social identity, encrypted cover/avatar and private in-site notifications */
.msks-avatar{overflow:hidden;position:relative}
.msks-avatar img{display:block;width:100%;height:100%;object-fit:cover;flex:none;max-width:100%;border-radius:inherit}
.msks-profile{padding:0 0 18px;overflow:hidden}
.msks-profile-cover{width:100%;height:clamp(125px,20vw,220px);background:linear-gradient(115deg,#083d4e,#12887f 47%,#5ac7a6);overflow:hidden;position:relative}
.msks-profile-cover:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 76% 30%,#ffffff52 0 3%,transparent 26%),radial-gradient(circle at 20% 105%,#04cb9c77,transparent 52%)}
.msks-profile-cover img{width:100%;height:100%;object-fit:cover;display:block;position:relative}
.msks-profile .msks-profile-head{padding:0 22px;align-items:flex-end;margin-top:-31px;position:relative;gap:16px}
.msks-profile-head .msks-avatar-big{width:104px;height:104px;flex:0 0 104px;border:4px solid #fff;background:#098b82;box-shadow:0 6px 20px #152f3a24}
.msks-profile-head>div{padding:40px 0 0;min-width:0}
.msks-profile-head h2{margin-bottom:2px;overflow-wrap:anywhere}
.msks-profile-actions,.msks-profile>.msks-settings{margin-inline:22px}
.msks-profile>.msks-settings{margin-top:18px}
.msks-profile .msks-owner-tag{padding:5px 14px}
.msks-photo-settings>p{margin-top:12px}
.msks-photo-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:12px 0}
.msks-photo-tool{border:1px solid #dce9eb;border-radius:13px;padding:15px;min-width:0;background:#fbfefd}
.msks-photo-tool h3{font-size:14px;color:#104d54;margin:0 0 9px}
.msks-photo-tool form:not(.msks-inline-form){display:grid;gap:9px}
.msks-photo-tool label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#496874}
.msks-photo-tool input[type=file]{display:block;width:100%;min-width:0;font:600 11px Cairo,sans-serif;border:1px dashed #bed7da;border-radius:9px;padding:10px;background:white}
.msks-photo-tool button{justify-self:start}
.msks-photo-tool .msks-inline-form{margin-top:8px}
.msks-unread-badge{background:#0e9188;color:#fff;border-radius:30px;font-size:10px;padding:1px 7px;margin-inline-start:6px;line-height:1.7}
.msks-notifications-layout{max-width:740px;display:grid;gap:9px}
.msks-notifications-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.msks-notifications-head h2{margin:0;font-size:17px}
.msks-notification{display:flex;align-items:center;gap:13px;padding:15px 18px;color:#193c49!important;transition:background .12s ease}
.msks-notification:hover{background:#f7fcfb}
.msks-notification.is-unread{background:#f0faf7;border-color:#bbe8dc}
.msks-notification-content{flex:1;min-width:0;font-size:13px;line-height:1.8}
.msks-notification-content strong{font-weight:900}
.msks-notification-content small{display:block;font-size:11px;color:#718995}
.msks-notification-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#03a48d}
@media(max-width:620px){
  .msks-profile-cover{height:138px}
  .msks-profile .msks-profile-head{padding:0 13px;margin-top:-23px;gap:10px}
  .msks-profile-head .msks-avatar-big{width:78px;height:78px;flex-basis:78px;border-width:3px}
  .msks-profile-head>div{padding-top:27px}
  .msks-profile-head h2{font-size:17px}
  .msks-profile-actions,.msks-profile>.msks-settings{margin-inline:13px}
  .msks-photo-tools{grid-template-columns:1fr}
  .msks-notification{border-radius:0;padding:12px 13px}
  .msks-notifications-head{border-radius:0}
}

/* v0.3.2: optional Messenger link on accepted friends' profiles and member cards. */
.msks-chat-button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;text-decoration:none!important;background:#087c72;color:#fff!important;border:1px solid #087c72;border-radius:11px;padding:9px 15px;font:800 12px/1.7 "Cairo",sans-serif;transition:background .15s ease}
.msks-chat-button:hover,.msks-chat-button:focus-visible{background:#075e59;color:#fff!important}
.msks-chat-button svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7}
.msks-member-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.msks-member-actions>.msks-button{min-width:88px}
@media(max-width:620px){.msks-profile-actions .msks-chat-button{flex:1;min-width:120px}.msks-member-actions{flex-direction:column;width:100%}.msks-member-actions>.msks-button{width:100%;min-width:0;font-size:11px;padding-inline:8px}}

/* 1.0.1 profile photo uploader */
.msks-photo-settings .msks-photo-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.msks-photo-settings .msks-photo-tool{min-width:0;border:1px solid #d9e9e6;border-radius:18px;padding:16px;background:#f8fcfb}
.msks-photo-settings .msks-photo-tool h3{margin:0 0 12px;font-size:17px;color:#113d3f}
.msks-photo-dropzone{position:relative;display:grid!important;gap:10px;min-height:130px;align-items:center;justify-items:center;padding:16px!important;border:1.5px dashed #8cbbaf;border-radius:16px;background:#fff;cursor:pointer;overflow:hidden;font-weight:800}
.msks-photo-dropzone input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}
.msks-photo-dropzone:focus-within{outline:3px solid #98d5c5;outline-offset:2px}
.msks-photo-dropzone-text{color:#087d71;font-size:14px}
.msks-photo-client-preview{display:flex;align-items:center;gap:12px;min-width:0}
.msks-photo-client-preview[hidden]{display:none!important}
.msks-photo-client-preview img{width:96px;height:90px;object-fit:cover;border-radius:12px}
.msks-photo-client-preview small{font-size:11px;color:#48645e;overflow-wrap:anywhere}
.msks-upload-diagnostic{border-radius:12px;border:1px solid #f3d3bd;color:#8e3a1e;background:#fff7ee;padding:13px 15px;font-weight:750}
@media(max-width:680px){.msks-photo-settings .msks-photo-tools{grid-template-columns:1fr}.msks-photo-dropzone{min-height:150px}}


/* Social Suite v1.0.4 — horizontal swipe-friendly section tabs (not feed tabs) */
.msks-wrap .msks-top {min-width:0;}
.msks-wrap .msks-top-intro {min-width:0;}
.msks-wrap .msks-top .msks-tabs {
  display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;max-width:100%;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;scroll-padding-inline:12px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
  padding:5px 2px 9px;direction:rtl;
}
.msks-wrap .msks-top .msks-tabs::-webkit-scrollbar {display:none;}
.msks-wrap .msks-top .msks-tabs .msks-tab-link {
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  white-space:nowrap;min-width:max-content;min-height:44px;
  padding:10px 14px;border:1px solid #dce8ea;border-radius:999px;background:#fff;
  color:#325968;font:800 12px/1.35 "Cairo",system-ui,sans-serif;
  box-shadow:0 2px 7px rgba(16,52,63,.035);scroll-snap-align:start;
  text-decoration:none;transition:background .17s,border-color .17s,color .17s,box-shadow .17s;
}
.msks-wrap .msks-top .msks-tabs .msks-tab-link:hover {background:#f0faf7;border-color:#a6d6ce;color:#08796d;}
.msks-wrap .msks-top .msks-tabs .msks-tab-link.is-active,
.msks-wrap .msks-top .msks-tabs .msks-tab-link[aria-current="page"] {
  color:#fff;background:#0b8a7e;border-color:#0b8a7e;
  box-shadow:0 5px 13px rgba(7,126,112,.18);
}
.msks-wrap .msks-top .msks-tabs .msks-tab-link:focus-visible {outline:3px solid #65c6b7;outline-offset:3px;}
.msks-wrap .msks-top .msks-tabs .msks-tab-symbol {width:17px;height:17px;display:inline-grid;place-items:center;flex:0 0 17px;}
.msks-wrap .msks-top .msks-tabs .msks-tab-symbol .msks-icon {display:block;width:17px;height:17px;}
.msks-wrap .msks-top .msks-tabs .msks-tab-label-compact {display:none;}
.msks-wrap .msks-top .msks-tabs .msks-unread-badge {margin:0 2px 0 0;background:#e8f6f4;color:#08766a;min-width:21px;min-height:20px;display:inline-grid;place-items:center;border-radius:999px;padding:0 5px;font:900 10px "Cairo",sans-serif;}
.msks-wrap .msks-top .msks-tabs .is-active .msks-unread-badge {background:#fff;color:#08766a;}
@media(max-width:760px) {
  .msks-wrap .msks-top {display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:12px;margin-bottom:13px;}
  .msks-wrap .msks-top .msks-tabs {width:100%!important;max-width:100%;flex-wrap:nowrap!important;gap:8px;padding:6px 2px 10px;}
  .msks-wrap .msks-top .msks-tabs .msks-tab-link {flex:0 0 auto!important;font-size:12px!important;padding:10px 13px!important;min-height:44px;white-space:nowrap;text-align:center;line-height:1.3;}
  .msks-wrap .msks-top .msks-tabs .msks-tab-label-full {display:none;}
  .msks-wrap .msks-top .msks-tabs .msks-tab-label-compact {display:inline;}
}
@media(prefers-reduced-motion:reduce) {
  .msks-wrap .msks-top .msks-tabs .msks-tab-link {transition:none;}
}