
/* v1.22.33 Home Page Editor design controls */
.dps-app{font-size:var(--dps-base-font,14px);background:var(--dps-bg,#f0f2f5)}
.dps-app .dps-layout{padding:var(--dps-page-spacing,18px);gap:var(--dps-section-gap,18px)}
.dps-app .dps-card{background:var(--dps-card-bg,#fff);border-color:var(--dps-border,#e5e7eb);margin-bottom:var(--dps-card-spacing,14px)}
.dps-app .dps-user-mini{background:var(--dps-card-bg,#fff);border-color:var(--dps-border,#e5e7eb)}
.dps-app h1,.dps-app h2,.dps-app h3{color:var(--dps-text,#182033)}
.dps-app h2{font-size:var(--dps-heading-font,20px)}
.dps-app .dps-side,.dps-app .dps-topnav button{font-size:var(--dps-nav-font,14px)}
.dps-app .dps-btn,.dps-app .dps-post-btn,.dps-app .dps-friend-btn,.dps-app .dps-view-profile{font-size:var(--dps-button-font,14px);padding:var(--dps-button-py,10px) var(--dps-button-px,16px);border-radius:var(--dps-button-pill,8px)}
.dps-app .dps-side.active,.dps-app .dps-topnav button.active{color:var(--dps-blue,#1877f2)}
.dps-app a,.dps-app .dps-card-head a{color:var(--dps-blue,#1877f2)}
.dps-app .dps-muted,.dps-app small{color:var(--dps-muted,#6b7280)}
:root{--dps-blue:#1877f2;--dps-bg:#f0f2f5;--dps-text:#182033;--dps-muted:#6b7280;--dps-border:#e5e7eb}.dps-app{font-family:Arial,Helvetica,sans-serif;color:var(--dps-text);background:var(--dps-bg);min-height:100vh;margin:0 calc(50% - 50vw);padding-bottom:30px}.dps-topbar{height:68px;background:#fff;border-bottom:1px solid var(--dps-border);display:flex;align-items:center;gap:28px;padding:0 24px;position:sticky;top:0;z-index:20}.dps-brand{font-size:20px;color:#123d9a;white-space:nowrap}.dps-brand:first-letter{font-size:28px}.dps-search{width:280px}.dps-search input{width:100%;box-sizing:border-box;border:0;background:#f0f2f5;border-radius:22px;padding:12px 16px;outline:0}.dps-topnav{display:flex;gap:6px;margin-left:auto;height:100%}.dps-topnav button{border:0;background:#fff;min-width:74px;color:#687386;cursor:pointer;font-size:18px;position:relative}.dps-topnav button span{display:block;font-size:11px;margin-top:2px}.dps-topnav button.active{color:var(--dps-blue);border-bottom:3px solid var(--dps-blue)}.dps-layout{max-width:1420px;margin:auto;display:grid;grid-template-columns:220px minmax(0,680px) 290px;gap:18px;padding:18px}.dps-sidebar,.dps-right{position:sticky;top:86px;height:max-content}.dps-user-mini,.dps-card{background:#fff;border:1px solid var(--dps-border);border-radius:12px}.dps-user-mini{text-align:center;padding:16px;margin-bottom:12px}.dps-user-mini .dps-avatar img{border-radius:50%}.dps-user-mini strong,.dps-user-mini small,.dps-user-mini a{display:block}.dps-user-mini small{color:var(--dps-muted);margin:3px 0 8px}.dps-user-mini a{color:var(--dps-blue);font-size:12px;cursor:pointer}.dps-side{display:block;width:100%;border:0;background:transparent;text-align:left;padding:12px;border-radius:9px;font-size:14px;cursor:pointer}.dps-side.active{background:#e7f0ff;color:var(--dps-blue);font-weight:700}.dps-main{min-width:0}.dps-tab{display:none}.dps-tab.active{display:block}.dps-card{margin-bottom:14px;overflow:hidden}.dps-card-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.dps-card-head h3{margin:0;font-size:16px}.dps-card-head a{font-size:12px;color:var(--dps-blue)}.dps-story-row{display:flex;gap:14px;padding:0 14px 16px;overflow:auto}.dps-story{min-width:64px;text-align:center}.dps-story-pic{position:relative;width:56px;height:56px;margin:auto}.dps-story-pic img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--dps-blue);box-sizing:border-box}.dps-story.add .dps-story-pic img{border-color:#ddd}.dps-story i{position:absolute;right:-3px;bottom:-2px;background:var(--dps-blue);color:#fff;width:20px;height:20px;border-radius:50%;font-style:normal}.dps-story span{display:block;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dps-composer{padding:14px}.dps-compose-top{display:flex;gap:10px;align-items:center}.dps-compose-top img{border-radius:50%}.dps-compose-top input{flex:1;border:0;background:#f0f2f5;border-radius:24px;padding:13px;outline:0}.dps-compose-tools{display:flex;gap:8px;margin-top:12px;border-top:1px solid #eee;padding-top:10px}.dps-compose-tools button{flex:1;border:0;background:#f8fafc;border-radius:8px;padding:9px;cursor:pointer}.dps-compose-tools .dps-post-btn{background:var(--dps-blue);color:#fff;max-width:90px}.dps-post{padding:0}.dps-post-head{display:flex;align-items:center;padding:14px 16px;gap:10px}.dps-post-head img{border-radius:50%}.dps-post-head div{flex:1}.dps-post-head b,.dps-post-head small{display:block}.dps-post-head small{color:var(--dps-muted);font-size:11px;margin-top:2px}.dps-post-head button{border:0;background:transparent}.dps-post-body{padding:0 16px 12px;font-size:15px;line-height:1.45}.dps-post-body p{margin:0 0 8px}.dps-post-body img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:8px}.dps-post-stats{display:flex;justify-content:space-between;color:var(--dps-muted);font-size:12px;padding:9px 16px;border-top:1px solid #eee}.dps-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee}.dps-actions button{border:0;background:#fff;padding:11px;cursor:pointer;color:#4b5563}.dps-actions button:hover,.dps-actions .liked{color:var(--dps-blue);background:#f8fbff}.dps-comments{padding:0 16px 14px}.dps-comments>div:not(.dps-comment-form){background:#f0f2f5;border-radius:8px;padding:7px 9px;margin:5px 0;font-size:13px}.dps-comment-form{display:flex;gap:6px;margin-top:8px}.dps-comment-form input{flex:1;border:1px solid #ddd;border-radius:18px;padding:8px 12px}.dps-comment-form button{border:0;border-radius:50%;background:var(--dps-blue);color:#fff;width:34px}.dps-online,.dps-suggest{display:flex;align-items:center;gap:10px;padding:8px 14px}.dps-online img,.dps-suggest img{border-radius:50%}.dps-online span,.dps-suggest span{flex:1}.dps-online b,.dps-online small,.dps-suggest b,.dps-suggest small{display:block}.dps-online small,.dps-suggest small{font-size:10px;color:var(--dps-muted)}.dps-suggest button{border:0;background:#e7f0ff;color:var(--dps-blue);border-radius:8px;padding:6px 9px;cursor:pointer}.dps-trending p{padding:0 16px;font-weight:700}.dps-trending small{display:block;color:var(--dps-muted);font-weight:normal}.dps-people-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.dps-person{border:1px solid #eee;border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px}.dps-person img{border-radius:50%}.dps-person div{flex:1}.dps-person b,.dps-person small{display:block}.dps-person small{color:var(--dps-muted);font-size:11px}.dps-btn{display:inline-block;background:var(--dps-blue);color:#fff!important;border:0;border-radius:8px;padding:10px 16px;text-decoration:none;cursor:pointer}.dps-btn.small{padding:7px 10px;font-size:11px}.dps-placeholder,.dps-empty,.dps-login-card{text-align:center;padding:50px}.dps-placeholder>div{font-size:42px}.dps-login-card{max-width:480px;margin:40px auto;border:1px solid #ddd;border-radius:14px;background:#fff}.dps-login-card .dps-logo{font-size:24px;color:#123d9a}.dps-cover{height:150px;background:linear-gradient(135deg,#e8f1ff,#f8fbff)}.dps-profile-head{display:flex;align-items:center;gap:18px;padding:0 22px 18px;margin-top:-46px}.dps-profile-head img{border:5px solid #fff;border-radius:50%}.dps-profile-head h2{margin:40px 0 3px}.dps-profile-head p{margin:0;color:var(--dps-muted)}.dps-profile label{display:block;padding:16px;font-weight:700}.dps-profile textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;min-height:100px;border:1px solid #ddd;border-radius:8px;padding:10px}.dps-profile #dps-save-profile{margin:0 16px 18px}.dps-mobile-nav{display:none}
@media(max-width:1050px){.dps-layout{grid-template-columns:190px minmax(0,1fr)}.dps-right{display:none}.dps-search{width:220px}}
@media(max-width:720px){.dps-app{margin:0;background:#f0f2f5;padding-bottom:70px}.dps-topbar{height:58px;padding:0 12px;gap:10px;position:sticky}.dps-brand{font-size:17px}.dps-search{flex:1;width:auto}.dps-search input{padding:9px 12px}.dps-topnav{display:none}.dps-layout{display:block;padding:8px}.dps-sidebar{display:none}.dps-card{border-radius:9px;margin-bottom:8px}.dps-story-row{gap:10px}.dps-compose-tools button{font-size:11px;padding:8px 3px}.dps-compose-tools .dps-post-btn{max-width:70px}.dps-people-grid{grid-template-columns:1fr}.dps-mobile-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #ddd;display:grid;grid-template-columns:repeat(5,1fr);z-index:50}.dps-mobile-nav button{border:0;background:#fff;color:#687386;font-size:18px}.dps-mobile-nav button span{display:block;font-size:9px}.dps-mobile-nav button.active{color:var(--dps-blue)}.dps-mobile-nav .create{width:44px;height:44px;margin:auto;background:var(--dps-blue);color:#fff;border-radius:50%;font-size:30px}.dps-post-body{font-size:14px}.dps-post-body img{max-height:380px}.dps-profile-head h2{font-size:18px}.dps-cover{height:110px}}

/* v1.1 Messenger-style live chat */
.dps-chat-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);height:min(620px,calc(100vh - 210px));min-height:420px;overflow:hidden}.dps-chat-list{border-right:1px solid #e5e7eb;background:#fff;min-width:0}.dps-chat-title{font-size:20px;font-weight:800;padding:18px 16px;border-bottom:1px solid #eee}.dps-chat-user{width:100%;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #f0f1f3;background:#fff;text-align:left;padding:11px 12px;cursor:pointer;position:relative}.dps-chat-user:hover,.dps-chat-user.selected{background:#eef5ff}.dps-chat-user img{width:44px;height:44px;border-radius:50%;object-fit:cover}.dps-chat-user span{min-width:0;flex:1}.dps-chat-user b,.dps-chat-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dps-chat-user small{font-size:10px;color:#7a8494;margin-top:3px}.dps-chat-user em{font-style:normal;background:#1677ff;color:#fff;border-radius:12px;min-width:19px;height:19px;line-height:19px;text-align:center;font-size:10px}.dps-chat-no-users{padding:25px 15px;color:#777;text-align:center;font-size:13px}.dps-chat-window{display:flex;flex-direction:column;min-width:0;height:100%;min-height:0;background:#f6f8fb}.dps-chat-head{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 18px}.dps-chat-head strong,.dps-chat-head small{display:block}.dps-chat-head small{font-size:11px;color:#6b7280;margin-top:3px}.dps-chat-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px;display:flex;flex-direction:column;gap:7px;overscroll-behavior:contain}.dps-chat-msg{max-width:72%;display:flex;flex-direction:column}.dps-chat-msg>div{padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.35;word-break:break-word}.dps-chat-msg small{font-size:9px;color:#8a93a1;margin:3px 6px}.dps-chat-msg.mine{align-self:flex-end;align-items:flex-end}.dps-chat-msg.mine>div{background:#1677ff;color:#fff;border-bottom-right-radius:4px}.dps-chat-msg.theirs{align-self:flex-start;align-items:flex-start}.dps-chat-msg.theirs>div{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.dps-chat-empty{text-align:center;margin:auto;color:#9aa3b1;font-size:38px}.dps-chat-empty span{font-size:13px}.dps-chat-form{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e5e7eb;flex:0 0 auto;position:sticky;bottom:0;z-index:5;box-shadow:0 -2px 8px rgba(0,0,0,.04)}.dps-chat-form input{flex:1;border:1px solid #d8dde5;border-radius:22px;padding:11px 14px;outline:none}.dps-chat-form input:focus{border-color:#1677ff}.dps-chat-form button{width:42px;border:0;border-radius:50%;background:#1677ff;color:#fff;cursor:pointer;font-size:16px}.dps-chat-form button:disabled,.dps-chat-form input:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:720px){.dps-chat-wrap{grid-template-columns:1fr;height:calc(100vh - 135px);min-height:420px}.dps-chat-list{display:none}.dps-chat-window{height:100%}.dps-chat-head{padding:12px 14px}.dps-chat-messages{padding:14px}.dps-chat-msg{max-width:84%}.dps-chat-form{padding:9px}.dps-chat-form input{font-size:14px}.dps-chat-wrap.has-user .dps-chat-list{display:block}}
/* v1.2 Friend requests + notifications */
.dps-friend-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid #eee}.dps-friend-tabs button{border:0;background:#fff;padding:11px 14px;color:#667085;cursor:pointer;border-bottom:3px solid transparent}.dps-friend-tabs button.active{color:var(--dps-blue);border-color:var(--dps-blue);font-weight:700}.dps-friend-tabs em{font-style:normal;background:#e7f0ff;color:var(--dps-blue);border-radius:10px;padding:2px 6px;font-size:10px}.dps-friend-summary{font-size:11px;color:#778}.dps-friend-btn.sent{background:#eef2f7!important;color:#667085!important}.dps-request{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #eee}.dps-request img,.dps-notification img{width:48px;height:48px;border-radius:50%;object-fit:cover}.dps-request>div,.dps-notification>div{flex:1}.dps-request b,.dps-request small,.dps-notification b,.dps-notification small{display:block}.dps-request small,.dps-notification small{font-size:10px;color:#8992a2;margin-top:3px}.dps-reject{border:1px solid #ddd;background:#fff;color:#555;border-radius:8px;padding:7px 10px;cursor:pointer}.dps-notification{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #eee;cursor:pointer}.dps-notification.unread{background:#eef6ff}.dps-notif-actions{display:flex;gap:7px;margin-top:8px}.dps-notification-card .dps-card-head h2{margin:0}.dps-link-btn{border:0;background:transparent;color:var(--dps-blue);cursor:pointer;font-size:12px}
@media(max-width:720px){.dps-friend-tabs{overflow:auto;white-space:nowrap;padding:0 8px}.dps-request{flex-wrap:wrap}.dps-request>div{min-width:120px}.dps-notification{align-items:flex-start}.dps-notif-actions{flex-wrap:wrap}}

/* v1.3 profile + search */
.dps-search{position:relative}.dps-search-results{position:absolute;left:0;right:0;top:46px;background:#fff;border:1px solid #e1e6ef;border-radius:12px;box-shadow:0 12px 30px rgba(20,40,80,.14);z-index:100;overflow:hidden;display:none}.dps-search-title{font-size:11px;font-weight:800;text-transform:uppercase;color:#7a8494;padding:9px 12px;background:#f7f9fc}.dps-search-item{width:100%;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #f0f2f5;background:#fff;padding:9px 12px;text-align:left;cursor:pointer}.dps-search-item:hover{background:#f2f7ff}.dps-search-item img{width:36px;height:36px;border-radius:50%}.dps-search-item span{min-width:0}.dps-search-item b,.dps-search-item small{display:block}.dps-search-item small{font-size:10px;color:#8992a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dps-search-empty{padding:18px;text-align:center;color:#777;font-size:12px}.dps-icon-btn{border:1px solid #e0e5ed;background:#fff;border-radius:8px;padding:7px;cursor:pointer}.dps-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eee;border-bottom:1px solid #eee}.dps-profile-stats div{text-align:center;padding:12px 5px}.dps-profile-stats b,.dps-profile-stats small{display:block}.dps-profile-stats b{font-size:18px}.dps-profile-stats small{font-size:10px;color:#7a8494;margin-top:2px}.dps-profile-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}.dps-profile-modal.open{display:flex}.dps-profile-modal-box{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.dps-modal-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:25px;cursor:pointer;z-index:2}.dps-public-cover{height:150px;background:linear-gradient(135deg,#dceaff,#f7fbff)}.dps-public-head{display:flex;gap:15px;align-items:center;padding:0 22px;margin-top:-42px}.dps-public-head img{border:5px solid #fff;border-radius:50%}.dps-public-head h2{margin:28px 0 2px}.dps-public-head p{margin:0;color:#778}.dps-public-bio{padding:12px 22px;margin:0;color:#4b5563}.dps-public-actions{display:flex;gap:8px;padding:16px 22px 22px}.dps-public-actions .dps-btn{flex:1;text-align:center}.dps-friend-btn.has-status{background:#eef2f7!important;color:#667085!important}
@media(max-width:720px){.dps-search-results{top:42px}.dps-profile-stats b{font-size:16px}.dps-public-actions{flex-wrap:wrap}.dps-public-actions .dps-btn{min-width:28%}.dps-profile-modal{padding:8px}.dps-public-cover{height:120px}}

/* v1.4 Stories */
.dps-story{border:0;background:transparent;cursor:pointer;color:inherit;padding:0}.dps-card-head>button{border:0;background:transparent;color:var(--dps-blue);font-size:12px;cursor:pointer}.dps-story-create-box{max-width:520px}.dps-story-modal-inner{padding:26px}.dps-story-modal-inner h2{margin:0 0 6px}.dps-story-modal-inner p{color:#6b7280;font-size:13px}.dps-story-modal-inner textarea{width:100%;min-height:110px;box-sizing:border-box;border:1px solid #d9dee8;border-radius:12px;padding:12px;resize:vertical;margin:10px 0}.dps-story-upload{display:flex;align-items:center;justify-content:center;border:1px dashed #aab5c7;border-radius:12px;padding:14px;cursor:pointer;color:var(--dps-blue);margin-bottom:8px}.dps-story-upload:hover{background:#f5f9ff}.dps-story-modal-inner .dps-btn{width:100%;margin-top:12px}.dps-story-view-box{position:relative;width:min(440px,94vw);height:min(760px,90vh);background:#111;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.4)}.dps-story-view-box .dps-modal-close{z-index:10}.dps-story-viewer{height:100%;position:relative;color:#fff;display:flex;align-items:center;justify-content:center;background:#111}.dps-story-viewer>img{width:100%;height:100%;object-fit:contain}.dps-story-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;box-sizing:border-box;font-size:28px;line-height:1.4;background:linear-gradient(135deg,#1e3a8a,#2563eb)}.dps-story-viewer-info{position:absolute;left:16px;right:16px;top:16px;display:flex;align-items:center;gap:9px;z-index:4;text-shadow:0 1px 4px #000}.dps-story-viewer-info img{width:40px;height:40px;border-radius:50%;border:2px solid #fff}.dps-story-viewer-info div{flex:1}.dps-story-viewer-info b,.dps-story-viewer-info small{display:block}.dps-story-viewer-info small{font-size:10px;opacity:.85}.dps-story-delete{border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:8px;padding:7px 10px;cursor:pointer}.dps-story-caption{position:absolute;left:18px;right:18px;bottom:78px;margin:0;padding:10px 12px;background:rgba(0,0,0,.45);border-radius:10px;z-index:4;font-size:13px}.dps-story-nav{position:absolute;left:12px;right:12px;bottom:16px;display:flex;justify-content:space-between;align-items:center;z-index:5}.dps-story-nav button{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:30px;cursor:pointer}.dps-story-nav span{font-size:11px;opacity:.9}
@media(max-width:720px){.dps-story-view-box{width:100vw;height:calc(100vh - 16px);border-radius:12px}.dps-story-text{font-size:23px}.dps-story-create-box{max-height:90vh}.dps-story-modal-inner{padding:20px}}
/* v1.5.0 Groups & Pages */
.dps-muted{color:#7b8494;font-size:11px}.dps-community-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.dps-community-card{border:1px solid #e8ebf0;border-radius:12px;padding:14px;display:flex;gap:12px;align-items:flex-start;background:#fff}.dps-community-icon{width:52px;height:52px;flex:0 0 52px;border-radius:12px;background:#e8f1ff;display:flex;align-items:center;justify-content:center;font-size:25px}.dps-community-icon.page{background:#fff3e8}.dps-community-body{flex:1;min-width:0}.dps-community-body h3{margin:0 0 5px;font-size:16px}.dps-community-body p{margin:0 0 7px;font-size:12px;color:#596273;line-height:1.45}.dps-community-body small{font-size:10px;color:#8992a2}.dps-community-actions{margin-left:auto;display:flex;align-items:center}.dps-badge{font-size:10px;background:#eef2f7;color:#586174;border-radius:20px;padding:6px 9px}.dps-community-modal-box{max-width:520px}.dps-story-modal-inner label{display:block;font-weight:600;font-size:12px;margin:10px 0}.dps-story-modal-inner label input,.dps-story-modal-inner label select{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d9dee8;border-radius:9px;padding:10px;background:#fff}.dps-story-modal-inner label textarea{margin:6px 0 0;min-height:100px}@media(max-width:720px){.dps-community-grid{grid-template-columns:1fr;padding:10px}.dps-community-card{padding:11px}.dps-community-actions{align-self:center}.dps-card-head{gap:8px}.dps-card-head h2{font-size:18px}}
.dps-community-detail{padding:2px}.dps-community-hero{display:flex;gap:16px;align-items:center;padding:20px;border:1px solid #e7ebf3;border-radius:16px;background:#fff;margin-bottom:16px}.dps-community-hero h2{margin:0 0 5px}.dps-community-hero p{margin:0 0 6px;color:#667085}.dps-community-hero .dps-community-actions{margin-left:auto}.dps-community-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.dps-community-composer textarea{width:100%;min-height:90px;resize:vertical;border:1px solid #dbe1ea;border-radius:12px;padding:12px;margin-bottom:10px}.dps-community-post{background:#fff;border:1px solid #e7ebf3;border-radius:14px;padding:15px;margin:12px 0}.dps-community-post small{display:block;color:#98a2b3;margin-top:2px}.dps-community-post p{margin:10px 0 0;line-height:1.55}.dps-member-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f0f2f5}.dps-member-row span{flex:1}.dps-member-row small{color:#667085}.dps-member-remove{border:0;background:#fff0f0;color:#c62828;border-radius:8px;padding:5px 8px;cursor:pointer}.dps-community-icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:#eef4ff;font-size:28px}.dps-community-icon.page{background:#fff4e8}.dps-community-actions{display:flex;gap:6px;align-items:center}.dps-community-actions .dps-btn{white-space:nowrap}@media(max-width:800px){.dps-community-columns{grid-template-columns:1fr}.dps-community-hero{align-items:flex-start;flex-wrap:wrap}.dps-community-hero .dps-community-actions{width:100%;margin-left:74px}}

/* v1.8.0 roles */
.dps-member-row select.dps-group-role-select,.dps-member-row select.dps-page-role-select{border:1px solid #d9dee8;background:#fff;border-radius:7px;padding:5px 7px;font-size:11px;color:#394150;max-width:110px}.dps-member-row select:disabled{opacity:.65}.dps-member-row .dps-member-remove{margin-left:4px}
@media(max-width:720px){.dps-member-row{flex-wrap:wrap}.dps-member-row span{min-width:120px}.dps-member-row select{max-width:105px}}
.dps-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dps-settings-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}.dps-settings-form select{padding:10px;border:1px solid #d9e0ea;border-radius:10px;background:#fff}.dps-success-msg,.dps-error-msg{padding:10px 12px;border-radius:10px;margin:10px 0}.dps-success-msg{background:#edf9f0}.dps-error-msg{background:#fff0f0}.dps-danger-zone{margin-top:24px;padding:16px;border:1px solid #f0caca;border-radius:12px}.dps-danger-zone h3{margin-top:0}.dps-danger-btn{background:#b42318;color:#fff;border:0;border-radius:9px;padding:10px 14px;cursor:pointer}@media(max-width:700px){.dps-settings-form{grid-template-columns:1fr}}
/* v1.22.1 profile media, live presence and message counts */
.dps-profile-media-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 8px}.dps-profile-media-controls label{padding:0!important;font-size:12px}.dps-profile-media-controls input{display:block;width:100%;margin-top:6px;font-size:11px}.dps-cover{background-repeat:no-repeat;background-size:cover;background-position:center}.dps-message-badge{display:inline-block!important;position:absolute;top:8px;right:8px;background:#e53935;color:#fff!important;border-radius:12px;min-width:16px;height:16px;line-height:16px;font-size:9px!important;font-style:normal;font-weight:700;text-align:center;padding:0 4px;box-sizing:border-box}.dps-side .dps-message-badge{top:7px;right:8px}.dps-online[data-user] .dps-presence-status{font-size:10px}.dps-presence-status.is-online{color:#28a745}.dps-presence-inline{display:block!important;font-size:10px!important;color:#8b95a5!important;margin-top:3px}.dps-presence-inline.is-online{color:#28a745!important}.dps-chat-avatar-wrap{position:relative;display:block;width:44px;height:44px;flex:0 0 44px}.dps-chat-avatar-wrap img{width:44px!important;height:44px!important}.dps-live-dot{position:absolute;right:-1px;bottom:0;width:11px;height:11px;border-radius:50%;background:#c9ced6;border:2px solid #fff;box-sizing:border-box}.dps-live-dot.on{background:#22c55e}.dps-chat-user>span:nth-child(2){min-width:0;flex:1}
@media(max-width:720px){.dps-profile-media-controls{grid-template-columns:1fr}.dps-message-badge{top:2px;right:20%;}}
.dps-self-presence{position:relative}.dps-self-dot{position:absolute;right:1px;bottom:2px;width:12px;height:12px;border-radius:50%;background:#d9dde3;border:2px solid #fff}.dps-self-dot.is-online{background:#36b37e}.dps-presence-status.is-online,.dps-presence-inline.is-online{color:#2e9b61;font-weight:600}

.dps-online-live{width:100%;border:0;background:#fff;text-align:left;cursor:pointer;border-bottom:1px solid #f0f1f3}.dps-online-live:hover{background:#f7faff}.dps-online-empty{padding:18px 14px;text-align:center;color:#8a94a6;font-size:12px}.dps-people-list{padding:14px}.dps-person-card{margin-bottom:10px;background:#fff}.dps-person-info{min-width:0}.dps-person-info b{font-size:14px}.dps-person-info small{font-size:11px;color:#667085;margin-top:4px}.dps-request-card{background:#fff}.dps-request-info b{font-size:14px}.dps-request-info small{font-size:11px;color:#667085}.dps-suggest{position:relative}.dps-suggest-remove{border:0;background:transparent;color:#98a2b3;font-size:18px;line-height:1;cursor:pointer;padding:4px}.dps-suggest-remove:hover{color:#d92d20}.dps-suggest .dps-friend-btn{font-size:11px;white-space:nowrap}.dps-online-live .dps-chat-avatar-wrap{flex:0 0 44px}.dps-online-live .dps-chat-avatar-wrap img{width:44px;height:44px;border-radius:50%;object-fit:cover}.dps-online-live .dps-presence-status{margin-top:3px}.dps-request .dps-btn{white-space:nowrap}
@media(max-width:720px){.dps-people-list{padding:10px}.dps-person-card{flex-wrap:wrap}.dps-person-card .dps-person-info{flex:1;min-width:150px}.dps-person-card .dps-friend-btn{margin-left:82px}.dps-request-card{padding:12px}.dps-request-card .dps-btn,.dps-request-card .dps-reject{flex:1}.dps-suggest .dps-friend-btn{padding:6px 8px}}

.dps-online-info{min-width:0!important;flex:1!important}.dps-online-name{display:block!important;color:#182033!important;font-size:14px!important;font-weight:700!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dps-online-info .dps-presence-status{display:block!important;font-size:10px!important}.dps-online-live{min-height:62px!important}

/* v1.22.14: force visible chat friend names */
.dps-chat-user .dps-chat-user-info{display:block!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;color:#111827!important;text-align:left!important}
.dps-chat-user .dps-chat-user-name{display:block!important;color:#111827!important;font-size:13px!important;font-weight:700!important;line-height:1.25!important;visibility:visible!important;opacity:1!important}
.dps-chat-user .dps-chat-user-status{display:block!important;color:#7a8494!important;font-size:10px!important;line-height:1.25!important;margin-top:3px!important;visibility:visible!important;opacity:1!important}
.dps-chat-user .dps-chat-user-name,.dps-chat-user .dps-chat-user-status{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* v1.22.15 Facebook-style incoming Requests */
.dps-request-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#fff;border-bottom:1px solid #edf0f4}.dps-request-panel-head h3{margin:0;font-size:18px}.dps-request-panel-head h3 span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;margin-left:6px;border-radius:12px;background:#e7f0ff;color:var(--dps-blue);font-size:12px}.dps-request-panel-head small{display:block;margin-top:4px;color:#7a8494;font-size:11px}.dps-request-list{background:#fff}.dps-request-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid #edf0f4}.dps-request-card:hover{background:#fbfdff}.dps-request-avatar-wrap{position:relative;flex:0 0 64px}.dps-request-avatar-wrap img{width:64px;height:64px;border-radius:50%;object-fit:cover}.dps-request-presence{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#d0d5dd}.dps-request-info{min-width:0;flex:1}.dps-request-info b{display:block;font-size:15px;color:#172033}.dps-request-info .dps-mutual{display:block;margin-top:5px;color:#596579;font-size:11px}.dps-request-info .dps-request-time{display:block;margin-top:3px;color:#98a2b3;font-size:10px}.dps-request-actions{display:flex;gap:8px;flex:0 0 auto}.dps-request-actions .dps-accept{min-width:92px}.dps-request-actions .dps-reject{min-width:78px}.dps-request-empty{text-align:center;padding:55px 20px;background:#fff}.dps-request-empty-icon{font-size:46px}.dps-request-empty h3{margin:10px 0 5px}.dps-request-empty p{margin:0;color:#7a8494;font-size:12px}.dps-link-btn{font-weight:600}.dps-friend-tabs button[data-friend-tab=requests]{position:relative}.dps-friend-tabs button[data-friend-tab=requests] em{background:#e7f0ff;color:var(--dps-blue)}
@media(max-width:720px){.dps-request-card{align-items:flex-start;flex-wrap:wrap;padding:14px}.dps-request-info{padding-top:3px}.dps-request-actions{width:100%;padding-left:78px}.dps-request-actions .dps-accept,.dps-request-actions .dps-reject{flex:1}.dps-request-panel-head{padding:14px}.dps-request-panel-head h3{font-size:16px}}

/* v1.22.16: keep chat composer visible while messages scroll inside the conversation pane */

/* v1.22.17: sticky navigation, responsive avatars and live message popup */
.dps-layout{align-items:start}
.dps-sidebar{position:sticky;top:86px;align-self:start;max-height:calc(100vh - 104px);overflow-y:auto;scrollbar-width:thin}
.dps-sidebar::-webkit-scrollbar{width:5px}.dps-sidebar::-webkit-scrollbar-thumb{background:#d7dce5;border-radius:10px}
.dps-avatar img,.dps-user-mini img,.dps-profile-avatar,.dps-post-head img,.dps-compose-top img{max-width:100%;height:auto;object-fit:cover}
.dps-user-mini .dps-avatar img{width:54px;height:54px;object-fit:cover}
.dps-profile-head img{width:92px;height:92px;object-fit:cover;max-width:92px}
.dps-live-message-popup{position:fixed;right:24px;bottom:24px;width:min(360px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:14px 42px 14px 14px;background:#fff;border:1px solid #dfe5ee;border-radius:14px;box-shadow:0 12px 35px rgba(20,35,60,.18);z-index:10000;transform:translateY(25px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.dps-live-message-popup.show{opacity:1;transform:translateY(0);pointer-events:auto}
.dps-live-popup-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7f0ff;font-size:22px;flex:0 0 42px}
.dps-live-popup-body{min-width:0}.dps-live-popup-body strong,.dps-live-popup-body span{display:block}.dps-live-popup-body strong{font-size:14px;color:#172033}.dps-live-popup-body span{font-size:12px;color:#667085;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dps-live-popup-close{position:absolute;right:9px;top:7px;border:0;background:transparent;color:#667085;font-size:20px;line-height:1;cursor:pointer}
@media(max-width:720px){.dps-sidebar{display:none}.dps-live-message-popup{right:12px;bottom:72px;width:calc(100vw - 24px)}.dps-profile-head img{width:76px;height:76px}.dps-user-mini .dps-avatar img{width:54px;height:54px}}

/* v1.22.20: force social avatars into fixed circular boxes without aspect-ratio distortion */
.dps-avatar-img,.dps-user-mini .dps-avatar-img,.dps-post-avatar,.dps-profile-avatar,.dps-compose-top .dps-avatar-img,.dps-chat-avatar-wrap img,.dps-online .dps-chat-avatar-wrap img,.dps-suggest img,.dps-person img,.dps-request-avatar-wrap img,.dps-story-pic img{display:block;object-fit:cover;object-position:center center;border-radius:50%;box-sizing:border-box;max-width:none;height:auto;}
.dps-user-mini .dps-avatar-img{width:54px!important;height:54px!important;}
.dps-compose-top .dps-avatar-img{width:44px!important;height:44px!important;}
.dps-post-avatar{width:46px!important;height:46px!important;}
.dps-profile-avatar{width:92px!important;height:92px!important;}
.dps-chat-avatar-wrap img{width:44px!important;height:44px!important;}
.dps-online .dps-chat-avatar-wrap img{width:44px!important;height:44px!important;}
.dps-suggest img{width:48px!important;height:48px!important;}
.dps-person img{width:72px!important;height:72px!important;}
.dps-request-avatar-wrap img{width:64px!important;height:64px!important;}
.dps-post-delete{border:0;background:transparent;color:#b42318;font-size:12px;cursor:pointer;padding:6px 4px;border-radius:7px;}
.dps-post-delete:hover{background:#fff1f0;}
@media(max-width:720px){.dps-profile-avatar{width:76px!important;height:76px!important;}.dps-post-avatar{width:44px!important;height:44px!important;}}

/* v1.22.22: mobile chat opens as a dedicated conversation screen */
.dps-chat-mobile-back{display:none;border:0;background:transparent;color:#1677ff;font-size:14px;font-weight:700;cursor:pointer;margin-right:8px;padding:4px 6px}
@media(max-width:720px){
  .dps-chat-wrap{display:flex;flex-direction:column;grid-template-columns:none;height:calc(100vh - 135px);min-height:420px}
  .dps-chat-list{display:block;flex:1;min-height:0;overflow-y:auto;border-right:0}
  .dps-chat-window{display:none;flex:1;min-height:0;height:100%}
  .dps-chat-wrap.has-user .dps-chat-list{display:none}
  .dps-chat-wrap.has-user .dps-chat-window{display:flex}
  .dps-chat-mobile-back{display:inline-block}
  .dps-chat-head{display:flex;align-items:center;gap:4px;min-height:48px;box-sizing:border-box}
  .dps-chat-head>div{min-width:0;flex:1}
  .dps-chat-user{padding:13px 14px;min-height:68px}
  .dps-chat-user .dps-chat-user-name{font-size:14px!important}
  .dps-chat-messages{padding:12px;flex:1;min-height:0;overflow-y:auto}
  .dps-chat-form{padding:9px;position:sticky;bottom:0}
  .dps-chat-form input{min-width:0}
}

/* v1.22.24: friendlier mobile Messenger-style chat UI */
.dps-chat-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dps-chat-title small{font-size:10px;color:#8a94a6;font-weight:500}.dps-chat-search{display:flex;align-items:center;gap:7px;margin:10px 12px;padding:8px 10px;border:1px solid #e3e7ee;border-radius:18px;background:#f7f9fc}.dps-chat-search span{font-size:18px;color:#7a8494;line-height:1}.dps-chat-search input{width:100%;border:0;background:transparent;outline:0;font-size:12px;color:#172033}.dps-chat-head{display:flex;align-items:center;gap:9px}.dps-chat-head-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;overflow:hidden;background:#eef2f7;display:block}.dps-chat-head-avatar img{width:100%;height:100%;display:block;object-fit:cover}.dps-chat-head-info{min-width:0;flex:1}.dps-chat-head-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dps-chat-head-actions{display:flex;gap:3px;margin-left:auto}.dps-chat-head-actions button{width:34px;height:34px;border:0;background:transparent;border-radius:50%;font-size:18px;color:#506070;cursor:pointer}.dps-chat-head-actions button:hover{background:#f0f4fa}.dps-chat-emoji{position:absolute;right:12px;bottom:67px;z-index:20;max-width:calc(100% - 24px);padding:10px 12px;border:1px solid #e1e6ee;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(20,35,60,.15);font-size:22px;line-height:1.8;word-spacing:7px;cursor:pointer}.dps-chat-form{gap:6px}.dps-chat-form>button{flex:0 0 auto}.dps-chat-emoji-btn{width:38px!important;height:38px;border-radius:50%!important;background:#f2f5f9!important;color:#536274!important;font-size:18px!important}.dps-chat-send{width:42px!important;height:42px}.dps-chat-form input{min-height:42px;box-sizing:border-box}.dps-chat-window{position:relative}
@media(max-width:720px){
  .dps-chat-wrap{height:calc(100dvh - 126px);min-height:460px;border-radius:12px;overflow:hidden}
  .dps-chat-list{background:#fff}
  .dps-chat-title{padding:16px 14px 8px;font-size:21px}
  .dps-chat-search{margin:8px 12px 10px;padding:9px 11px}
  .dps-chat-user{padding:12px 14px;min-height:72px;gap:11px}
  .dps-chat-user .dps-chat-user-name{font-size:14px!important}
  .dps-chat-user .dps-chat-user-status{font-size:11px!important}
  .dps-chat-window{min-height:0;background:#f5f7fb}
  .dps-chat-head{min-height:58px!important;padding:8px 10px!important;box-shadow:0 1px 5px rgba(0,0,0,.05);z-index:6}
  .dps-chat-mobile-back{display:inline-flex!important;align-items:center;gap:2px;margin:0!important;padding:6px 5px!important;font-size:14px!important;white-space:nowrap}
  .dps-chat-head-avatar{width:40px;height:40px;flex-basis:40px}
  .dps-chat-head-info strong{font-size:14px}
  .dps-chat-head-info small{font-size:10px!important}
  .dps-chat-head-actions button{width:31px;height:31px;font-size:17px}
  .dps-chat-messages{padding:12px 10px 10px;gap:6px;background:linear-gradient(#f8fafc,#f3f6fa)}
  .dps-chat-msg{max-width:82%}
  .dps-chat-msg>div{padding:9px 11px;font-size:14px;border-radius:15px}
  .dps-chat-msg small{font-size:9px;margin:2px 5px}
  .dps-chat-form{padding:8px 9px calc(8px + env(safe-area-inset-bottom));gap:6px}
  .dps-chat-form input{font-size:14px;padding:9px 12px;min-height:40px}
  .dps-chat-emoji{bottom:62px;right:9px;max-width:calc(100% - 18px);font-size:21px}
}

/* v1.22.25: mobile chat viewport + My Friends layout fix */
@media(max-width:720px){
  .dps-chat-wrap.has-user{
    height:calc(100dvh - 126px)!important;
    max-height:calc(100dvh - 126px)!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .dps-chat-wrap.has-user .dps-chat-window{height:100%!important;min-height:0!important;overflow:hidden!important}
  .dps-chat-wrap.has-user .dps-chat-messages{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;padding-bottom:12px!important}
  .dps-chat-wrap.has-user .dps-chat-form{position:relative!important;bottom:auto!important;flex:0 0 auto!important;margin:0!important}
  .dps-my-friends-list{padding:10px!important}
  .dps-my-friend-card{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-areas:"avatar info" "actions actions"!important;align-items:center!important;gap:10px!important;padding:12px!important;margin:0 0 10px!important;border:1px solid #e6eaf0!important;border-radius:12px!important;background:#fff!important;box-sizing:border-box!important}
  .dps-my-friend-card>.dps-chat-avatar-wrap{grid-area:avatar!important;width:56px!important;height:56px!important;flex:none!important}
  .dps-my-friend-card>.dps-chat-avatar-wrap img{width:56px!important;height:56px!important}
  .dps-my-friend-card>.dps-person-info{grid-area:info!important;min-width:0!important;width:auto!important}
  .dps-my-friend-card>.dps-person-info b{display:block!important;font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .dps-my-friend-card>.dps-person-info small{display:block!important;font-size:11px!important;margin-top:4px!important}
  .dps-my-friend-card>.dps-btn{grid-area:actions!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;margin:0!important;padding:9px 12px!important;font-size:12px!important}
  .dps-my-friend-card>.dps-icon-btn{grid-area:actions!important;justify-self:end!important;margin:0!important;transform:translateY(-42px)!important;margin-bottom:-42px!important}
}


/* v1.22.26: robust My Friends card layout - prevent theme/CSS collisions */
.dps-my-friends-list{display:flex!important;flex-direction:column!important;gap:10px!important;padding:14px!important;box-sizing:border-box!important;}
.dps-my-friends-list .dps-my-friend-card{position:relative!important;display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;grid-template-areas:"avatar info actions"!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:82px!important;margin:0!important;padding:12px!important;border:1px solid #e5e7eb!important;border-radius:12px!important;background:#fff!important;box-sizing:border-box!important;overflow:hidden!important;}
.dps-my-friend-card>.dps-chat-avatar-wrap{grid-area:avatar!important;position:relative!important;display:block!important;width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;flex:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:50%!important;overflow:visible!important;}
.dps-my-friend-card>.dps-chat-avatar-wrap img{display:block!important;width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;min-height:56px!important;max-height:56px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;background:#eef2f7!important;box-sizing:border-box!important;}
.dps-my-friend-card>.dps-chat-avatar-wrap .dps-live-dot{position:absolute!important;right:-1px!important;bottom:0!important;width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;min-height:12px!important;max-height:12px!important;margin:0!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;background:#c9ced6!important;box-sizing:border-box!important;font-size:0!important;line-height:0!important;}
.dps-my-friend-card>.dps-chat-avatar-wrap .dps-live-dot.on{background:#22c55e!important;}
.dps-my-friend-card>.dps-person-info{grid-area:info!important;display:block!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;}
.dps-my-friend-card>.dps-person-info b{display:block!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:1.25!important;font-weight:700!important;color:#172033!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.dps-my-friend-card>.dps-person-info small{display:block!important;margin:5px 0 0!important;padding:0!important;font-size:11px!important;line-height:1.2!important;color:#667085!important;white-space:nowrap!important;}
.dps-my-friend-card>.dps-btn{grid-area:actions!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:78px!important;margin:0!important;padding:8px 12px!important;border-radius:8px!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important;}
.dps-my-friend-card>.dps-view-profile{grid-area:actions!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:78px!important;margin:0!important;padding:8px 10px!important;border:1px solid #dfe5ee!important;border-radius:8px!important;background:#fff!important;color:#475467!important;font:600 11px/1 Arial,Helvetica,sans-serif!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;}
.dps-my-friend-card>.dps-view-profile:hover{background:#f7f9fc!important;}
@media(max-width:720px){
 .dps-my-friends-list{padding:10px!important;gap:10px!important;}
 .dps-my-friends-list .dps-my-friend-card{grid-template-columns:56px minmax(0,1fr)!important;grid-template-areas:"avatar info" "actions actions"!important;gap:10px 12px!important;min-height:0!important;padding:12px!important;}
 .dps-my-friend-card>.dps-chat-avatar-wrap{width:56px!important;height:56px!important;}
 .dps-my-friend-card>.dps-chat-avatar-wrap img{width:56px!important;height:56px!important;}
 .dps-my-friend-card>.dps-btn,.dps-my-friend-card>.dps-view-profile{grid-area:actions!important;width:100%!important;min-width:0!important;height:38px!important;margin:0!important;}
 .dps-my-friend-card>.dps-view-profile{margin-top:-2px!important;}
}


/* v1.22.27: final responsive layout correction
   - My Friends: one clean avatar only; no oversized/duplicate round indicator
   - Desktop: restore a wider main content area
   - Mobile chat: keep composer visible while only messages scroll
*/
@media(min-width:721px){
  .dps-layout{max-width:1500px;grid-template-columns:230px minmax(0,820px) 300px;gap:20px;padding:18px 22px;}
  .dps-my-friends-list{padding:14px!important;gap:10px!important;}
  .dps-my-friends-list .dps-my-friend-card{grid-template-columns:56px minmax(0,1fr) auto!important;grid-template-areas:"avatar info actions"!important;min-height:82px!important;}
  .dps-my-friend-card>.dps-chat-avatar-wrap{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;}
  .dps-my-friend-card>.dps-chat-avatar-wrap img{width:56px!important;height:56px!important;}
  .dps-my-friend-card>.dps-chat-avatar-wrap .dps-live-dot{display:none!important;}
  .dps-my-friend-card>.dps-person-info{width:auto!important;}
  .dps-my-friend-card>.dps-friend-actions{grid-area:actions!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:170px!important;}
  .dps-my-friend-card>.dps-friend-actions .dps-btn.small,.dps-my-friend-card>.dps-friend-actions .dps-view-profile{width:auto!important;min-width:78px!important;height:36px!important;margin:0!important;}
}
@media(max-width:720px){
  .dps-my-friend-card>.dps-chat-avatar-wrap .dps-live-dot{display:none!important;}
  .dps-my-friend-card>.dps-friend-actions{grid-area:actions!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;min-width:0!important;}
  .dps-my-friend-card>.dps-friend-actions .dps-btn.small,.dps-my-friend-card>.dps-friend-actions .dps-view-profile{width:100%!important;min-width:0!important;height:38px!important;margin:0!important;box-sizing:border-box!important;}
  .dps-chat-wrap.has-user{position:fixed!important;left:0!important;right:0!important;top:58px!important;bottom:60px!important;width:auto!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;border-radius:0!important;z-index:40!important;}
  .dps-chat-wrap.has-user .dps-chat-window{height:100%!important;min-height:0!important;display:flex!important;flex:1 1 auto!important;overflow:hidden!important;}
  .dps-chat-wrap.has-user .dps-chat-head{flex:0 0 58px!important;min-height:58px!important;}
  .dps-chat-wrap.has-user .dps-chat-messages{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;}
  .dps-chat-wrap.has-user .dps-chat-form{flex:0 0 auto!important;position:relative!important;bottom:auto!important;min-height:58px!important;background:#fff!important;z-index:10!important;}
}

/* v1.22.29 - mobile chat + friends/sidebar polish */
.dps-sidebar .dps-side{color:#4b5563!important;opacity:1!important;font-weight:500;min-height:42px;line-height:1.2}
.dps-sidebar .dps-side span{color:inherit!important}
.dps-sidebar .dps-side.active{color:var(--dps-blue)!important;background:#e7f0ff!important}
.dps-sidebar .dps-side em{font-style:normal;color:#fff;background:#e53935;border-radius:10px;padding:2px 6px;font-size:10px;float:right}
.dps-chat-wrap:not(.has-user) .dps-chat-head-avatar,
.dps-chat-wrap:not(.has-user) .dps-chat-head-actions{display:none}
.dps-chat-wrap:not(.has-user) .dps-chat-head{justify-content:flex-start}
.dps-chat-wrap:not(.has-user) .dps-chat-head-info{margin-left:0}
.dps-chat-mobile-back{display:none;border:0;background:transparent;color:var(--dps-blue);font-weight:700;padding:0;margin-right:8px;cursor:pointer}
.dps-chat-head-avatar{width:42px;height:42px;flex:0 0 42px;margin-right:10px}
.dps-chat-head-avatar img{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block}
.dps-chat-head{display:flex;align-items:center;gap:0}
.dps-chat-head-info{min-width:0;flex:1}
.dps-chat-head-actions{display:flex;gap:5px;margin-left:auto}
.dps-chat-head-actions button{border:0;background:transparent;color:#4b5563;font-size:18px;width:34px;height:34px;border-radius:50%;cursor:pointer}
.dps-friend-status.is-online{color:#16a34a!important;font-weight:700}
.dps-friend-status.is-offline{color:#6b7280!important}
.dps-my-friend-card{min-height:82px;align-items:center}
.dps-my-friend-card .dps-chat-avatar-wrap{width:56px;height:56px;flex:0 0 56px;display:block;position:relative}
.dps-my-friend-card .dps-chat-avatar-wrap img{width:56px!important;height:56px!important;border-radius:50%!important;object-fit:cover!important;display:block}
.dps-my-friend-card .dps-person-info{min-width:0}
.dps-my-friend-card .dps-person-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dps-friend-actions{display:flex;gap:7px;align-items:center;flex:0 0 auto}
.dps-friend-actions .dps-view-profile{border:1px solid #d8dde5;background:#fff;color:#334155;border-radius:8px;padding:7px 10px;font-size:11px;cursor:pointer}
.dps-chat-status-online{color:#16a34a!important;font-weight:700}
@media(max-width:720px){
  .dps-chat-wrap{display:block;height:calc(100dvh - 128px);min-height:0;overflow:hidden;position:relative}
  .dps-chat-list{display:block;width:100%;height:100%;border-right:0}
  .dps-chat-window{display:none;width:100%;height:100%;min-height:0}
  .dps-chat-wrap.has-user .dps-chat-list{display:none}
  .dps-chat-wrap.has-user .dps-chat-window{display:flex}
  .dps-chat-head{height:58px;box-sizing:border-box;padding:8px 10px;flex:0 0 58px}
  .dps-chat-mobile-back{display:inline-flex;align-items:center;gap:3px;font-size:13px}
  .dps-chat-wrap:not(.has-user) .dps-chat-mobile-back{display:none}
  .dps-chat-head-avatar{width:38px;height:38px;flex-basis:38px;margin-right:8px}
  .dps-chat-head-avatar img{width:38px;height:38px}
  .dps-chat-head strong{font-size:15px}
  .dps-chat-head small{font-size:10px}
  .dps-chat-messages{height:auto;flex:1;min-height:0;padding:10px 10px 8px;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .dps-chat-form{min-height:58px;box-sizing:border-box;padding:8px 9px;gap:6px;position:relative;bottom:auto;flex:0 0 58px}
  .dps-chat-form input{min-width:0;height:42px;box-sizing:border-box;padding:9px 12px;font-size:14px}
  .dps-chat-form button{width:42px;height:42px;flex:0 0 42px}
  .dps-chat-emoji{bottom:62px!important;max-height:180px;overflow:auto}
  .dps-my-friend-card{padding:11px 10px;gap:9px}
  .dps-my-friend-card .dps-chat-avatar-wrap{width:50px;height:50px;flex-basis:50px}
  .dps-my-friend-card .dps-chat-avatar-wrap img{width:50px!important;height:50px!important}
  .dps-friend-actions{gap:5px}
  .dps-friend-actions .dps-btn.small,.dps-friend-actions .dps-view-profile{padding:7px 8px;font-size:10px}
  .dps-sidebar .dps-side{color:#4b5563!important}
}

/* v1.22.30 - stronger sidebar contrast + compact comment send */
.dps-sidebar .dps-side,
.dps-sidebar .dps-side:visited,
.dps-sidebar .dps-side span{
  color:#334155 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#334155 !important;
}
.dps-sidebar .dps-side.active,
.dps-sidebar .dps-side.active span{
  color:#1877f2 !important;
  -webkit-text-fill-color:#1877f2 !important;
}
.dps-sidebar .dps-side:hover,
.dps-sidebar .dps-side:focus{
  color:#1877f2 !important;
  background:#f1f6ff !important;
}
.dps-comment-form{align-items:center;}
.dps-comment-form input{min-width:0;height:44px;box-sizing:border-box;}
.dps-comment-form button{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  flex:0 0 40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:1 !important;
  font-size:16px !important;
  cursor:pointer;
}
@media(max-width:720px){
  .dps-comment-form{gap:7px;}
  .dps-comment-form input{height:42px;font-size:13px;}
  .dps-comment-form button{width:38px !important;height:38px !important;min-width:38px !important;flex-basis:38px !important;}
}
/* v1.22.31 Home Page Editor logo */
.dps-brand-logo{width:34px;height:34px;object-fit:contain;display:inline-block;vertical-align:middle;border-radius:6px;}
@media(max-width:700px){.dps-brand-logo{width:30px;height:30px}.dps-brand b{font-size:16px}}
.dps-brand-logo{width:34px;height:34px;object-fit:contain;display:inline-block;vertical-align:middle;border-radius:6px;}
@media(max-width:700px){.dps-brand-logo{width:30px;height:30px}.dps-brand b{font-size:16px}}

/* Home Page custom sections: always visible and clearly styled */
.dps-custom-section{display:block!important;visibility:visible!important;opacity:1!important;margin-bottom:14px!important;overflow:hidden}.dps-custom-section a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:15px 16px!important;color:var(--dps-text)!important;text-decoration:none!important;font-weight:700!important;font-size:15px!important;min-height:22px;box-sizing:border-box}.dps-custom-section a:hover{background:#f7faff!important;color:var(--dps-blue)!important}.dps-custom-section-name{display:block;overflow:hidden;text-overflow:ellipsis}.dps-custom-section-arrow{color:var(--dps-blue)!important;font-size:18px!important;flex:0 0 auto}.dps-custom-left,.dps-custom-right{width:100%}.dps-custom-top{width:100%}.dps-custom-footer{width:100%}
@media(max-width:720px){.dps-custom-section{margin-bottom:8px!important}.dps-custom-section a{padding:13px 14px!important;font-size:14px!important}}
/* v1.22.36 custom section buttons */
.dps-custom-section{border:1px solid var(--dps-border)!important;border-radius:12px!important;background:var(--dps-card-bg)!important;overflow:hidden!important}
.dps-custom-section-link{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;box-sizing:border-box!important;padding:12px 14px!important;background:var(--dps-blue)!important;color:#fff!important;text-decoration:none!important;border:0!important;border-radius:inherit!important;font-weight:700!important;font-size:var(--dps-button-font)!important;line-height:1.3!important;transition:opacity .15s ease,transform .15s ease!important}
.dps-custom-section-link:hover,.dps-custom-section-link:focus{color:#fff!important;text-decoration:none!important;opacity:.92!important}
.dps-custom-section-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;font-size:18px!important}
.dps-custom-section-name{flex:1 1 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.dps-custom-section-arrow{margin-left:auto!important;color:#fff!important;font-size:17px!important;text-decoration:none!important}
@media(max-width:720px){.dps-custom-section-link{padding:11px 12px!important}.dps-custom-section-icon{font-size:17px!important}}
/* v1.22.37 custom sections: independent colors + numbered top tabs */
.dps-custom-section-link{background:var(--dps-section-bg,var(--dps-blue))!important;color:var(--dps-section-fg,#fff)!important;text-decoration:none!important}
.dps-custom-section-link:hover,.dps-custom-section-link:focus{background:var(--dps-section-bg,var(--dps-blue))!important;color:var(--dps-section-fg,#fff)!important;filter:brightness(.96);text-decoration:none!important}
.dps-custom-section-number{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important;background:rgba(255,255,255,.22)!important;color:inherit!important;font-size:13px!important;font-weight:800!important}
.dps-custom-top{display:flex!important;flex-direction:column!important;gap:8px!important}
.dps-custom-left,.dps-custom-right{display:flex!important;flex-direction:column!important;gap:8px!important}
.dps-custom-footer{display:flex!important;flex-direction:column!important;gap:8px!important}
.dps-custom-top .dps-custom-section,.dps-custom-left .dps-custom-section,.dps-custom-right .dps-custom-section,.dps-custom-footer .dps-custom-section{margin:0!important}
@media(max-width:720px){.dps-custom-section-number{width:26px!important;height:26px!important;min-width:26px!important;font-size:12px!important}.dps-custom-top,.dps-custom-left,.dps-custom-right,.dps-custom-footer{gap:7px!important}}

/* v1.22.38: top custom sections use a clean grid; no numbered badges. */
.dps-custom-top{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
.dps-custom-top .dps-custom-section{margin:0!important;width:100%!important}
.dps-custom-section-number{display:none!important}
.dps-custom-left,.dps-custom-right{display:flex!important;flex-direction:column!important;gap:8px!important}
.dps-custom-footer{display:flex!important;flex-direction:column!important;gap:8px!important}
.dps-custom-footer-wrap{width:100%!important;max-width:1200px!important;margin:18px auto 0!important;padding:0 20px!important;box-sizing:border-box!important}
.dps-custom-footer-wrap .dps-custom-footer{width:100%!important}
.dps-custom-row{display:grid;grid-template-columns:140px 1fr 1.5fr 120px 120px 120px auto;gap:8px;align-items:end;margin:10px 0;padding:12px;background:#f6f7f7;border:1px solid #ddd;border-radius:8px;box-sizing:border-box}
.dps-custom-row label{display:block;min-width:0}
.dps-custom-row label strong{display:block;margin-bottom:5px}
.dps-icon-select{min-width:120px}
@media(max-width:900px){.dps-custom-row{grid-template-columns:1fr 1fr}.dps-custom-row .dps-remove-custom{grid-column:1/-1;width:max-content}.dps-custom-footer-wrap{padding:0 12px}}
@media(max-width:720px){.dps-custom-top{grid-template-columns:1fr!important;gap:7px!important}.dps-custom-footer-wrap{margin-top:12px!important;padding:0 10px!important}.dps-custom-row{grid-template-columns:1fr}}
/* v1.22.39: custom sections can render shortcode/text-area content. */
.dps-custom-textarea{padding:16px!important;color:var(--dps-text)!important;line-height:1.55!important;background:var(--dps-card-bg)!important;overflow:visible!important}
.dps-custom-textarea .dps-card{margin-bottom:12px}
.dps-custom-textarea img{max-width:100%;height:auto}
.dps-custom-textarea a{color:var(--dps-blue)!important}
@media(max-width:720px){.dps-custom-textarea{padding:13px!important}}

/* v1.22.40 Shortcode Popup custom sections */
.dps-custom-popup-trigger{font-family:inherit!important;cursor:pointer!important;text-align:left!important;appearance:none!important;-webkit-appearance:none!important;}
.dps-shortcode-popup{display:none!important;position:fixed!important;inset:0!important;z-index:999999!important;align-items:center!important;justify-content:center!important;padding:24px!important;box-sizing:border-box!important;}
.dps-shortcode-popup.open{display:flex!important;}
.dps-shortcode-popup-overlay{position:absolute!important;inset:0!important;background:rgba(8,15,30,.68)!important;backdrop-filter:blur(2px)!important;}
.dps-shortcode-popup-box{position:relative!important;z-index:2!important;width:min(760px,96vw)!important;max-height:88vh!important;overflow:auto!important;background:var(--dps-card-bg,#fff)!important;color:var(--dps-text,#182033)!important;border-radius:16px!important;box-shadow:0 20px 70px rgba(0,0,0,.28)!important;padding:22px!important;box-sizing:border-box!important;outline:none!important;}
.dps-shortcode-popup-close{position:absolute!important;right:12px!important;top:10px!important;width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:#f1f3f6!important;color:#20252d!important;font-size:26px!important;line-height:1!important;cursor:pointer!important;z-index:3!important;}
.dps-shortcode-popup-close:hover{background:#e4e8ee!important;}
.dps-shortcode-popup-title{display:flex!important;align-items:center!important;gap:10px!important;padding-right:48px!important;margin-bottom:16px!important;font-size:20px!important;font-weight:800!important;}
.dps-shortcode-popup-title .dps-custom-section-icon{font-size:20px!important;}
.dps-shortcode-popup-content{width:100%!important;box-sizing:border-box!important;}
.dps-shortcode-popup-content img{max-width:100%!important;height:auto!important;}
.dps-shortcode-popup-content iframe{max-width:100%!important;}
body.dps-popup-open{overflow:hidden!important;}
@media(max-width:720px){.dps-shortcode-popup{padding:10px!important;}.dps-shortcode-popup-box{width:100%!important;max-height:92vh!important;border-radius:14px!important;padding:17px!important;}.dps-shortcode-popup-title{font-size:18px!important;}}

/* v1.22.41: Custom sections are anchored to their selected Social-app position. */
.dps-custom-left-wrap{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;margin:0 0 10px!important;}
.dps-custom-left-wrap .dps-custom-section{width:100%!important;margin:0!important;}
.dps-custom-footer-in-app{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:1420px!important;margin:0 auto!important;padding:0 18px 18px!important;box-sizing:border-box!important;}
.dps-custom-footer-in-app .dps-custom-section{width:100%!important;margin:0!important;}
@media(max-width:720px){.dps-custom-footer-in-app{padding:0 8px 10px!important;}.dps-custom-left-wrap{display:none!important;}}


/* v1.22.42: Custom Section placement matches the Social Home Page layout reference.
   Top + Bottom/Footer = horizontal button rows.
   Left + Right = vertical side buttons.
   Each button keeps its own configured background/text colors. */
.dps-custom-top{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  margin:0 0 14px!important;
}
.dps-custom-top .dps-custom-section{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:140px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}
.dps-custom-top .dps-custom-section-link{
  width:auto!important;
  min-width:140px!important;
  justify-content:center!important;
  padding:11px 18px!important;
  border:1px solid var(--dps-section-bg,var(--dps-blue))!important;
  border-radius:10px!important;
  background:var(--dps-card-bg,#fff)!important;
  color:var(--dps-section-bg,var(--dps-blue))!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.dps-custom-top .dps-custom-section-link:hover,
.dps-custom-top .dps-custom-section-link:focus{
  background:var(--dps-section-bg,var(--dps-blue))!important;
  color:var(--dps-section-fg,#fff)!important;
  filter:none!important;
}
.dps-custom-top .dps-custom-section-arrow{color:currentColor!important}

.dps-custom-left-wrap{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  width:100%!important;
  margin:0 0 12px!important;
}
.dps-custom-left-wrap .dps-custom-section{
  width:100%!important;
  margin:0!important;
}
.dps-custom-left-wrap .dps-custom-section-link{
  width:100%!important;
  justify-content:flex-start!important;
}

.dps-custom-footer-in-app{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  max-width:1420px!important;
  margin:0 auto!important;
  padding:0 18px 18px!important;
  box-sizing:border-box!important;
}
.dps-custom-footer-in-app .dps-custom-section{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:160px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}
.dps-custom-footer-in-app .dps-custom-section-link{
  width:auto!important;
  min-width:160px!important;
  justify-content:center!important;
  padding:11px 18px!important;
  border:1px solid var(--dps-section-bg,var(--dps-blue))!important;
  border-radius:10px!important;
  background:var(--dps-card-bg,#fff)!important;
  color:var(--dps-section-bg,var(--dps-blue))!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.dps-custom-footer-in-app .dps-custom-section-link:hover,
.dps-custom-footer-in-app .dps-custom-section-link:focus{
  background:var(--dps-section-bg,var(--dps-blue))!important;
  color:var(--dps-section-fg,#fff)!important;
  filter:none!important;
}
.dps-custom-footer-in-app .dps-custom-section-arrow{color:currentColor!important}

.dps-custom-right{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.dps-custom-right .dps-custom-section{
  width:100%!important;
  margin:0!important;
}
.dps-custom-right .dps-custom-section-link{
  width:100%!important;
  justify-content:flex-start!important;
}

@media(max-width:720px){
  .dps-custom-top{
    justify-content:flex-start!important;
    gap:7px!important;
    margin-bottom:10px!important;
  }
  .dps-custom-top .dps-custom-section{
    min-width:0!important;
    flex:1 1 calc(50% - 7px)!important;
  }
  .dps-custom-top .dps-custom-section-link{
    width:100%!important;
    min-width:0!important;
    padding:10px 11px!important;
  }
  .dps-custom-left-wrap{
    display:flex!important;
  }
  .dps-custom-footer-in-app{
    justify-content:flex-start!important;
    gap:7px!important;
    padding:0 8px 10px!important;
  }
  .dps-custom-footer-in-app .dps-custom-section{
    min-width:0!important;
    flex:1 1 calc(50% - 7px)!important;
  }
  .dps-custom-footer-in-app .dps-custom-section-link{
    width:100%!important;
    min-width:0!important;
    padding:10px 11px!important;
  }
}

/* v1.22.45: Top custom buttons stay on ONE horizontal line with compact spacing. */
.dps-custom-top{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  margin:0 0 12px!important;
  padding:0!important;
  scrollbar-width:none!important;
}
.dps-custom-top::-webkit-scrollbar{display:none!important;}
.dps-custom-top .dps-custom-section{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}
.dps-custom-top .dps-custom-section-link{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex:0 0 auto!important;
  padding:9px 12px!important;
  gap:7px!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
}
.dps-custom-top .dps-custom-section-icon{font-size:16px!important;min-width:18px!important;}
.dps-custom-top .dps-custom-section-name{flex:0 0 auto!important;}
.dps-custom-top .dps-custom-section-arrow{font-size:16px!important;margin-left:2px!important;}
@media(max-width:720px){
  .dps-custom-top{justify-content:flex-start!important;gap:5px!important;margin-bottom:9px!important;}
  .dps-custom-top .dps-custom-section-link{padding:8px 10px!important;gap:6px!important;}
}

/* v1.22.46: Top custom sections are wrapped in a real horizontal row container.
   Keep all top buttons side-by-side instead of each section occupying a full-width card. */
.dps-custom-top{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;margin:0 0 14px!important;padding:0!important;box-sizing:border-box!important;}
.dps-custom-top .dps-custom-section{display:block!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important;}
.dps-custom-top .dps-custom-section-link{display:flex!important;width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;padding:10px 14px!important;white-space:nowrap!important;justify-content:center!important;box-sizing:border-box!important;}
.dps-custom-top .dps-custom-section-name{flex:0 1 auto!important;}
@media(max-width:720px){.dps-custom-top{gap:6px!important;overflow-x:auto!important;justify-content:flex-start!important;padding:0 2px 4px!important;scrollbar-width:thin;}.dps-custom-top .dps-custom-section-link{padding:9px 12px!important;font-size:13px!important;}}


/* v1.22.47: Top custom buttons — exactly four compact columns on desktop.
   This keeps four buttons on one line when four Top sections exist. */
.dps-custom-top{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important;
  justify-content:stretch!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.dps-custom-top .dps-custom-section{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
}
.dps-custom-top .dps-custom-section-link{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:1 1 auto!important;
  padding:9px 9px!important;
  gap:6px!important;
  white-space:nowrap!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.dps-custom-top .dps-custom-section-icon{font-size:16px!important;min-width:18px!important;}
.dps-custom-top .dps-custom-section-name{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.dps-custom-top .dps-custom-section-arrow{font-size:15px!important;margin-left:2px!important;flex:0 0 auto!important;}
@media(max-width:720px){
  .dps-custom-top{
    grid-template-columns:repeat(4,minmax(125px,1fr))!important;
    gap:6px!important;
    overflow-x:auto!important;
    justify-content:start!important;
    padding:0 2px 4px!important;
    scrollbar-width:thin;
  }
  .dps-custom-top .dps-custom-section-link{padding:8px 9px!important;font-size:13px!important;}
}
/* v1.22.48 Phase 1 social features */
.dps-compose-tools select#dps-post-privacy{flex:1;border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:9px 8px;cursor:pointer;color:#374151;min-width:110px}
.dps-reaction-menu{display:flex;gap:4px;padding:7px 12px;border-top:1px solid #eee;background:#fafafa;align-items:center;flex-wrap:wrap}
.dps-reaction-menu[hidden]{display:none!important}
.dps-reaction-menu button{border:0;background:#fff;border-radius:18px;padding:5px 8px;font-size:18px;cursor:pointer}
.dps-reaction-menu button:hover{background:#e7f0ff;transform:scale(1.08)}
.dps-reaction-total{font-weight:400;margin-left:3px}
.dps-post-video{display:block;width:100%;max-height:520px;border-radius:8px;background:#111;margin-bottom:8px}
.dps-shared-post{border:1px solid #e5e7eb;border-radius:10px;padding:10px;margin:8px 0;background:#fafafa}
.dps-shared-label{font-size:11px;color:#6b7280;font-weight:700;margin-bottom:7px}
.dps-shared-author{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.dps-shared-author img{width:32px!important;height:32px!important;border-radius:50%}
.dps-comment{position:relative}
.dps-reply-focus{border:0;background:transparent;color:#1877f2;font-size:11px;cursor:pointer;margin-left:7px;padding:2px 4px}
.dps-reply-form{display:flex;gap:5px;margin:6px 0 3px 18px}
.dps-reply-form input{flex:1;border:1px solid #ddd;border-radius:16px;padding:6px 10px;font-size:12px}
.dps-reply-form button{border:0;border-radius:50%;background:#1877f2;color:#fff;width:28px;height:28px;cursor:pointer}
.dps-reply{background:#f8fafc;border-radius:8px;padding:6px 8px;margin:5px 0 3px 18px;font-size:12px}
@media(max-width:720px){.dps-compose-tools{flex-wrap:wrap}.dps-compose-tools select#dps-post-privacy{min-width:0;flex:1}.dps-post-video{max-height:380px}.dps-reaction-menu{overflow-x:auto;flex-wrap:nowrap}}

.dps-group-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px 2px}.dps-group-toolbar input{flex:1;max-width:420px;border:1px solid #d9dee8;border-radius:9px;padding:9px 11px;background:#fff}.dps-community-post-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dps-community-post-head small{display:block}.dps-group-post-delete{border:0;background:#fff0f0;color:#c62828;border-radius:7px;padding:5px 8px;font-size:10px;cursor:pointer}.dps-group-post-delete:disabled{opacity:.6}@media(max-width:720px){.dps-group-toolbar{padding:10px}.dps-group-toolbar input{max-width:none}}

/* v1.22.50 Groups entry visibility fix */
.dps-card-head > button.dps-btn{display:inline-flex!important;align-items:center;justify-content:center;background:var(--dps-blue,#1877f2)!important;color:#fff!important;border:1px solid var(--dps-blue,#1877f2)!important;font-weight:700!important;line-height:1.2}
.dps-group-toolbar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #eee;flex-wrap:nowrap}
.dps-group-toolbar input{flex:1;min-width:0;border:1px solid #d9dee8;border-radius:9px;padding:10px 12px;box-sizing:border-box}
.dps-group-toolbar .dps-create-group-top{flex:0 0 auto;white-space:nowrap}
.dps-group-empty{padding:42px 20px}
.dps-group-empty h3{margin:8px 0 4px}
.dps-group-empty p{margin:0 0 16px;color:var(--dps-muted,#6b7280)}
@media(max-width:720px){.dps-group-toolbar{flex-wrap:wrap}.dps-group-toolbar input{flex:1 1 100%}.dps-group-toolbar .dps-create-group-top{width:100%}}

/* v1.22.53 — Facebook-style Group Detail refresh */
.dps-group-facebook{padding:0!important}
.dps-group-cover{background:#fff;border:1px solid #e7ebf3;border-radius:16px;overflow:hidden;margin-bottom:10px}
.dps-group-cover-bg{height:105px;background:linear-gradient(135deg,#eaf2ff,#f7fbff 55%,#eef7ff);border-bottom:1px solid #edf1f6}
.dps-group-cover-content{display:flex;gap:16px;align-items:flex-start;padding:0 20px 18px;margin-top:-30px;position:relative}
.dps-group-cover-content .dps-group-detail-photo,.dps-group-cover-content .dps-group-detail-icon{width:78px;height:78px;flex:0 0 78px;border:4px solid #fff;border-radius:16px;box-shadow:0 4px 14px rgba(20,40,80,.12);object-fit:cover}
.dps-group-cover-content .dps-group-detail-icon{display:grid;place-items:center;background:#eef4ff;font-size:34px}
.dps-group-cover-info{min-width:0;padding-top:34px}
.dps-group-cover-info h2{margin:0 0 4px;font-size:24px;line-height:1.2;color:#182230}
.dps-group-cover-info p{margin:0 0 7px;color:#667085;font-size:13px}
.dps-group-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#667085;font-size:11px}
.dps-group-actionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;border:1px solid #e7ebf3;border-radius:12px;margin-bottom:16px}
.dps-group-action-left,.dps-group-detail-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.dps-group-pill{background:#f5f7fa;border-radius:18px;padding:6px 10px;font-size:11px;color:#596273}
.dps-group-columns{grid-template-columns:minmax(0,1fr) 300px;align-items:start}
.dps-group-main{min-width:0}
.dps-group-composer{padding:14px!important;margin-bottom:14px}
.dps-composer-title{font-weight:700;font-size:14px;margin-bottom:10px;color:#182230}
.dps-group-composer-row{display:flex;gap:10px;align-items:flex-start}
.dps-group-composer-avatar,.dps-group-post-avatar,.dps-group-member-avatar{border-radius:50%;object-fit:cover;display:block;flex:0 0 auto}
.dps-group-composer textarea{min-height:74px!important;margin:0!important;border-radius:14px!important;background:#f7f9fc!important;box-sizing:border-box}
.dps-group-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #edf0f4;color:#7b8494;font-size:11px}
.dps-group-feed-title{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 8px}
.dps-group-feed-title h3{margin:0;font-size:16px}.dps-group-feed-title span{font-size:11px;color:#8992a2}
.dps-group-post-card{margin:0 0 12px;padding:14px}
.dps-group-post-card .dps-community-post-head{display:flex;align-items:center;gap:10px}
.dps-group-post-author{flex:1;min-width:0}.dps-group-post-author b,.dps-group-post-author small{display:block}.dps-group-post-author small{color:#98a2b3;margin-top:2px;font-size:10px}
.dps-group-post-content{padding:12px 0 8px;line-height:1.6;color:#273142;font-size:13px}
.dps-group-post-actions{display:flex;border-top:1px solid #edf0f4;padding-top:9px;gap:0}.dps-group-post-actions span{flex:1;text-align:center;color:#667085;font-size:11px;padding:5px;cursor:pointer}.dps-group-post-actions span:hover{background:#f7f9fc;border-radius:7px;color:#1677ff}
.dps-group-sidebar{padding:15px!important;position:sticky;top:15px}
.dps-group-sidebar-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding-bottom:10px;margin-bottom:2px}.dps-group-sidebar-head h3{margin:0;font-size:16px}.dps-group-sidebar-head span{font-size:11px;color:#8992a2}
.dps-group-member-row{padding:10px 0;gap:9px}.dps-group-member-info{min-width:0;flex:1}.dps-group-member-info b,.dps-group-member-info small{display:block}.dps-group-member-info b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dps-group-member-info small{font-size:10px;color:#8992a2;margin-top:2px}
.dps-group-member-row .dps-group-member-avatar{width:38px!important;height:38px!important}
.dps-group-member-row .dps-member-remove{font-size:10px;padding:5px 7px}
.dps-group-requests{border-top:1px solid #edf0f4;margin-top:10px;padding-top:12px}.dps-group-requests h3{font-size:14px;margin:0 0 8px}.dps-group-request-row{align-items:flex-start}.dps-group-request-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.dps-group-request-actions .dps-btn{font-size:10px;padding:6px 8px}
.dps-group-no-posts{background:#fff;border:1px solid #e7ebf3;border-radius:14px;padding:32px 16px!important}.dps-group-no-posts h3{margin:8px 0 4px}.dps-group-no-posts p{margin:0;color:#8992a2;font-size:11px}
@media(max-width:800px){.dps-group-cover-content{padding:0 14px 15px;gap:11px}.dps-group-cover-info{padding-top:31px}.dps-group-cover-info h2{font-size:19px}.dps-group-actionbar{align-items:flex-start;flex-direction:column}.dps-group-actionbar .dps-group-detail-actions{width:100%}.dps-group-actionbar .dps-group-detail-actions .dps-btn,.dps-group-actionbar .dps-group-detail-actions .dps-danger-btn{flex:1}.dps-group-sidebar{position:static}.dps-group-columns{grid-template-columns:1fr}.dps-group-cover-bg{height:82px}}
@media(max-width:520px){.dps-group-cover-content .dps-group-detail-photo,.dps-group-cover-content .dps-group-detail-icon{width:62px;height:62px;flex-basis:62px}.dps-group-cover-info{padding-top:24px}.dps-group-cover-info p{font-size:11px}.dps-group-meta{font-size:9px}.dps-group-composer-footer span{font-size:10px}.dps-group-member-row{flex-wrap:wrap}.dps-group-request-actions{width:100%;justify-content:flex-start}}

/* v1.22.54 — Group Detail modal sizing/layout fix */
#dps-community-view-modal{padding:16px!important;box-sizing:border-box}
#dps-community-view-modal .dps-profile-modal-inner{position:relative;width:min(1100px,calc(100vw - 32px));max-width:1100px;max-height:92vh;overflow:auto;background:#f0f2f5;border-radius:16px;box-shadow:0 20px 70px rgba(0,0,0,.28);padding:16px;box-sizing:border-box}
#dps-community-view-modal .dps-modal-close{position:sticky;float:right;top:0;right:0;margin:-4px -4px 4px 0;background:#fff;border:1px solid #e5e7eb}
#dps-community-view-modal .dps-group-facebook{width:100%;box-sizing:border-box}
#dps-community-view-modal .dps-group-cover{margin-top:0}
#dps-community-view-modal .dps-group-columns{grid-template-columns:minmax(0,1fr) 300px;gap:16px}
#dps-community-view-modal .dps-group-main{min-width:0}
#dps-community-view-modal .dps-group-sidebar{min-width:0}
@media(max-width:800px){#dps-community-view-modal{padding:8px!important}#dps-community-view-modal .dps-profile-modal-inner{width:100%;max-height:94vh;padding:10px;border-radius:12px}#dps-community-view-modal .dps-group-columns{grid-template-columns:1fr}}

/* v1.22.55 Complete Group Posts */
.dps-group-composer-tools{display:flex;gap:7px;align-items:center;margin-top:9px}.dps-group-composer-tools button{border:1px solid #dbe1ea;background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer;color:#475467;font-size:11px}.dps-group-composer-tools button:hover{background:#f7f9fc}.dps-group-post-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:4px 0 10px}.dps-group-post-media img,.dps-group-post-video{width:100%;max-height:360px;object-fit:cover;border-radius:10px;background:#f3f5f8}.dps-group-post-video{display:block}.dps-group-post-menu-actions{display:flex;gap:5px;align-items:center}.dps-group-post-menu-actions button{border:0;background:#f5f7fa;color:#475467;border-radius:7px;padding:5px 8px;font-size:10px;cursor:pointer}.dps-group-post-menu-actions .dps-group-post-delete{background:#fff0f0;color:#c62828}.dps-group-post-actions button{flex:1;border:0;background:#fff;color:#667085;font-size:11px;padding:7px 5px;border-radius:7px;cursor:pointer}.dps-group-post-actions button:hover,.dps-group-post-actions button.liked{background:#f1f6ff;color:#1677ff}.dps-group-reaction-menu{display:flex;gap:5px;padding:7px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(20,40,80,.1);margin:5px 0}.dps-group-reaction-menu button{border:0;background:#f7f9fc;border-radius:50%;width:31px;height:31px;cursor:pointer;font-size:17px}.dps-group-comments{border-top:1px solid #edf0f4;margin-top:5px;padding-top:8px}.dps-group-comment{font-size:11px;padding:7px 0;border-bottom:1px solid #f2f4f7}.dps-group-comment>div:first-child{line-height:1.5}.dps-group-comment button,.dps-group-reply-focus{border:0;background:none;color:#1677ff;font-size:10px;padding:3px 0;cursor:pointer}.dps-group-reply{margin:5px 0 0 18px;padding-left:8px;border-left:2px solid #e8edf5;line-height:1.5}.dps-group-comment-form,.dps-group-reply-form{display:flex;gap:6px;margin-top:7px}.dps-group-comment-form input,.dps-group-reply-form input{flex:1;min-width:0;border:1px solid #dbe1ea;border-radius:9px;padding:7px 9px;font-size:11px}.dps-group-comment-form button,.dps-group-reply-form button{border:0;background:#1677ff;color:#fff;border-radius:8px;width:32px;cursor:pointer}.dps-group-share-btn{min-width:0}.dps-group-post-stats{display:flex;justify-content:space-between;gap:8px;color:#98a2b3;font-size:10px;padding:4px 0}.dps-group-post-stats span:last-child{text-align:right}@media(max-width:520px){.dps-group-post-media{grid-template-columns:1fr}.dps-group-post-actions{flex-wrap:wrap}.dps-group-post-actions button{flex:1 1 45%}}

/* v1.22.56 Group Notifications */
.dps-notification-badge{display:inline-block!important;position:absolute;top:8px;right:8px;background:#e53935;color:#fff!important;border-radius:12px;min-width:16px;height:16px;line-height:16px;font-size:9px!important;font-style:normal;font-weight:700;text-align:center;padding:0 4px;box-sizing:border-box}.dps-side .dps-notification-badge{position:absolute;top:7px;right:8px}.dps-notification{position:relative}.dps-notification.group-notification{border-left:3px solid var(--dps-blue);padding-left:13px}.dps-notification .dps-notification-icon{width:48px;height:48px;border-radius:50%;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 48px}.dps-notification.unread .dps-notification-icon{background:#dcecff}.dps-notification-type{font-size:10px;color:var(--dps-blue);font-weight:700;text-transform:uppercase;letter-spacing:.2px;margin-top:4px;display:block}.dps-notification[data-notification-id]{cursor:pointer}
/* v1.22.61 Pages */
.dps-page-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px}.dps-page-toolbar input{flex:1;max-width:430px;border:1px solid #d9dee8;border-radius:9px;padding:9px 11px}.dps-page-toolbar .dps-muted{white-space:nowrap}.dps-page-subtabs{display:flex;gap:8px;padding:0 16px 10px}.dps-page-filter{border:0;background:#f2f4f7;border-radius:18px;padding:7px 12px;cursor:pointer}.dps-page-filter.active{background:#e7f0ff;color:#1877f2;font-weight:700}.dps-page-card .dps-community-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px}.dps-page-cover{height:150px;border-radius:16px 16px 0 0;background:#e8eef7;overflow:hidden}.dps-page-cover img{width:100%;height:100%;object-fit:cover}.dps-page-hero{display:flex;align-items:center;gap:14px;background:#fff;padding:14px 18px;border:1px solid #e7ebf3;border-top:0;border-radius:0 0 16px 16px}.dps-page-detail-photo{width:82px;height:82px;border-radius:16px;object-fit:cover;border:4px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.12);margin-top:-42px}.dps-page-hero-info{min-width:0;flex:1}.dps-page-hero-info h2{margin:0 0 4px}.dps-page-hero-info p,.dps-page-hero-info small{margin:0;color:#667085}.dps-page-media-label{display:inline-flex;align-items:center;gap:6px;margin:4px 0 10px;padding:8px 10px;background:#f4f6f8;border-radius:8px;font-size:12px}.dps-page-media-label input{max-width:180px}.dps-page-tabs{display:flex;gap:22px;background:#fff;border:1px solid #e7ebf3;border-radius:12px;margin:12px 0;padding:10px 16px}.dps-page-tabs .active{font-weight:700;color:#1877f2}.dps-page-about-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #f0f2f5;font-size:12px}.dps-page-about-row span{color:#667085;text-align:right}.dps-page-post-image,.dps-page-post-video{display:block;max-width:100%;max-height:520px;margin:10px auto;border-radius:10px}.dps-page-post-stats{display:flex;justify-content:space-between;color:#7b8494;font-size:11px;padding:8px 0;border-top:1px solid #eef1f5}.dps-page-post-actions{display:flex;gap:8px;border-top:1px solid #eef1f5;padding-top:8px}.dps-page-post-actions button{flex:1;border:0;background:#f7f8fa;border-radius:8px;padding:8px;cursor:pointer}.dps-page-reaction-menu{display:flex;gap:6px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.08)}.dps-page-reaction-menu button{border:0;background:#f4f6f8;border-radius:50%;font-size:18px;padding:5px;cursor:pointer}.dps-page-comment{padding:7px 0;font-size:12px}.dps-page-comment button{border:0;background:none;color:#1877f2;font-size:10px;margin-left:6px;cursor:pointer}.dps-page-reply{margin:5px 0 5px 18px;padding-left:8px;border-left:2px solid #e8ebf0;font-size:11px}.dps-page-comment-form,.dps-page-reply-form{display:flex;gap:6px;margin-top:8px}.dps-page-comment-form input,.dps-page-reply-form input{flex:1;border:1px solid #d9dee8;border-radius:18px;padding:8px 10px}.dps-page-comment-form button,.dps-page-reply-form button{border:0;background:#1877f2;color:#fff;border-radius:50%;width:32px}.dps-page-hero .dps-danger-btn{white-space:nowrap}@media(max-width:800px){.dps-page-toolbar{flex-wrap:wrap}.dps-page-toolbar input{max-width:none;width:100%}.dps-page-hero{flex-wrap:wrap}.dps-page-hero .dps-community-actions{width:100%;margin-left:0}.dps-page-hero .dps-community-actions button{flex:1}.dps-page-cover{height:110px}.dps-page-detail-photo{width:68px;height:68px}.dps-page-tabs{overflow:auto;white-space:nowrap}}

/* v1.22.62 story video presentation */
.dps-story-media-video{width:100%;height:100%;max-height:100%;object-fit:contain;background:#000}.dps-story-viewer .dps-story-media-video{position:absolute;inset:0}.dps-story-viewer>img{position:absolute;inset:0}.dps-story-viewer .dps-story-text{position:absolute;inset:0}.dps-story-viewer-info,.dps-story-caption,.dps-story-nav{pointer-events:auto}.dps-story-viewer-info{background:linear-gradient(180deg,rgba(0,0,0,.4),transparent);padding:8px;border-radius:8px;box-sizing:border-box}


/* v1.22.63 Messenger UI refinement — presentation-only, preserves existing chat behavior */
.dps-chat-wrap{border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 8px 28px rgba(21,38,70,.07);background:#fff;overflow:hidden}
.dps-chat-list{background:#fff}
.dps-chat-title{padding:20px 18px 14px;color:#172033;letter-spacing:-.3px}
.dps-chat-title small{font-size:11px;color:#78849a}
.dps-chat-search{margin:0 12px 10px;border:1px solid #e5eaf2;border-radius:12px;background:#f7f9fc}
.dps-chat-search:focus-within{border-color:#7ca9f8;box-shadow:0 0 0 3px rgba(24,119,242,.08)}
.dps-chat-search input{background:transparent;min-width:0}
.dps-chat-user{border-bottom:1px solid #f0f3f8;padding:12px 14px;gap:11px;transition:background .15s ease}
.dps-chat-user:hover{background:#f7faff}
.dps-chat-user.selected{background:#eaf2ff;box-shadow:inset 3px 0 #1877f2}
.dps-chat-user img{width:46px;height:46px;flex:0 0 46px;border:1px solid rgba(16,24,40,.06)}
.dps-chat-user .dps-chat-user-info,.dps-chat-user-info{min-width:0}
.dps-chat-user strong,.dps-chat-user b{color:#202b3c}
.dps-chat-window{background:#f7f9fc}
.dps-chat-head{display:flex;align-items:center;gap:10px;min-height:70px;padding:12px 16px;background:rgba(255,255,255,.97);border-bottom:1px solid #e8edf4}
.dps-chat-head img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.dps-chat-head strong{font-size:14px;color:#172033}
.dps-chat-head small{font-size:11px;color:#738096}
.dps-chat-messages{padding:20px 18px;background:radial-gradient(circle at 50% 0,#fff 0,#f7f9fc 68%);gap:9px}
.dps-chat-msg{max-width:min(76%,560px)}
.dps-chat-msg>div{padding:10px 14px;border-radius:17px;font-size:14px;line-height:1.5;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.dps-chat-msg.mine>div{background:#1877f2;color:#fff;border-bottom-right-radius:5px}
.dps-chat-msg.theirs>div{background:#fff;color:#253047;border:1px solid #e8edf4;border-bottom-left-radius:5px}
.dps-chat-msg small{font-size:10px;color:#8b96a8}
.dps-chat-form{gap:9px;padding:12px 14px;background:#fff;border-top:1px solid #e8edf4;box-shadow:0 -3px 12px rgba(16,24,40,.025)}
.dps-chat-form input{min-width:0;background:#f7f9fc;border-color:#e3e8f0;padding:12px 16px}
.dps-chat-form input:focus{background:#fff;border-color:#1877f2;box-shadow:0 0 0 3px rgba(24,119,242,.08)}
.dps-chat-form button{width:44px;height:44px;flex:0 0 44px;box-shadow:0 4px 10px rgba(24,119,242,.18)}
.dps-chat-empty{color:#8994a7}
@media(max-width:700px){
 .dps-chat-wrap{border-radius:13px;height:calc(100dvh - 145px);min-height:360px;max-height:none}
 .dps-chat-list{border:0}
 .dps-chat-title{padding:15px 14px 10px}
 .dps-chat-user{padding:11px 12px}
 .dps-chat-window{min-height:0}
 .dps-chat-head{min-height:62px;padding:9px 10px;gap:8px}
 .dps-chat-messages{padding:14px 10px;gap:8px}
 .dps-chat-msg{max-width:86%}
 .dps-chat-msg>div{padding:9px 12px;font-size:14px}
 .dps-chat-form{padding:9px 10px;gap:7px;padding-bottom:max(9px,env(safe-area-inset-bottom))}
 .dps-chat-form input{padding:11px 13px;font-size:16px}
 .dps-chat-form button{width:42px;height:42px;flex-basis:42px}
}
@media(prefers-reduced-motion:reduce){.dps-chat-user{transition:none}}


/* v1.22.64 Feed, notifications and mobile polish */
.dps-app .dps-notification{border-radius:12px;margin:6px 8px;padding:13px 14px;border:1px solid transparent;transition:background .18s ease,border-color .18s ease}
.dps-app .dps-notification:hover{background:#f4f7fb;border-color:#e6ebf2}
.dps-app .dps-notification:focus-within,.dps-app button:focus-visible,.dps-app a:focus-visible,.dps-app input:focus-visible,.dps-app textarea:focus-visible{outline:2px solid #2879e8;outline-offset:2px}
.dps-app .dps-chat-wrap{border:1px solid #e6eaf0;border-radius:16px;background:#fff;box-shadow:0 6px 24px rgba(22,34,51,.06)}
.dps-app .dps-chat-list{background:#fbfcfe}
.dps-app .dps-chat-title{letter-spacing:-.02em}
.dps-app .dps-chat-user{transition:background .15s ease}
.dps-app .dps-chat-user:hover{background:#f1f6ff}
.dps-app .dps-chat-user.active{background:#eaf2ff}
.dps-app .dps-card{border-radius:16px;box-shadow:0 2px 10px rgba(20,35,60,.035)}
.dps-app .dps-post-actions button,.dps-app .dps-post-actions a{transition:background .15s ease,transform .15s ease}
.dps-app .dps-post-actions button:hover{background:#f0f5ff}
@media(max-width:700px){
 .dps-app .dps-layout{padding:10px;gap:10px}
 .dps-app .dps-card{border-radius:13px;margin-bottom:10px}
 .dps-app .dps-chat-wrap{display:flex;flex-direction:column;height:auto;min-height:0;border-radius:13px}
 .dps-app .dps-chat-list{width:100%;max-height:250px;overflow:auto;border-right:0;border-bottom:1px solid #e5e7eb}
 .dps-app .dps-chat-title{padding:13px 14px;font-size:18px}
 .dps-app .dps-chat-user{padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
 .dps-app *, .dps-app *::before, .dps-app *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* v1.22.65 Admin-controlled feature visibility */
.dps-app[data-feature-messenger="0"] [data-tab="messages"],
.dps-app[data-feature-messenger="0"] #dps-messages{display:none!important}
.dps-app[data-feature-notifications="0"] [data-tab="notifications"],
.dps-app[data-feature-notifications="0"] #dps-notifications{display:none!important}
.dps-app[data-feature-friends="0"] [data-tab="friends"],
.dps-app[data-feature-friends="0"] #dps-friends{display:none!important}
.dps-app[data-feature-groups="0"] [data-tab="groups"],
.dps-app[data-feature-groups="0"] #dps-groups{display:none!important}
.dps-app[data-feature-pages="0"] [data-tab="pages"],
.dps-app[data-feature-pages="0"] #dps-pages{display:none!important}
.dps-app[data-feature-stories="0"] .dps-stories,
.dps-app[data-feature-stories="0"] .dps-add-story,
.dps-app[data-feature-stories="0"] .dps-story-view-all{display:none!important}
.dps-app[data-feature-videos="0"] .dps-post-video,
.dps-app[data-feature-videos="0"] .dps-video-upload,
.dps-app[data-feature-videos="0"] .dps-story-video-option{display:none!important}


/* v1.22.66 Messenger media attachments */
.dps-app .dps-chat-attach{border:0;background:transparent;color:var(--dps-blue,#1877f2);font-size:25px;line-height:1;width:34px;height:38px;cursor:pointer;border-radius:10px;flex:0 0 34px}
.dps-app .dps-chat-attach:hover:not(:disabled){background:#eaf2ff}
.dps-app .dps-chat-attach:disabled{opacity:.45;cursor:not-allowed}
.dps-app .dps-chat-media-image{display:block;max-width:min(280px,100%);max-height:300px;object-fit:contain;border-radius:12px}
.dps-app .dps-chat-media-video{display:block;max-width:min(320px,100%);max-height:320px;border-radius:12px;background:#111}
.dps-app .dps-chat-msg>div{overflow-wrap:anywhere}
.dps-app .dps-chat-form{gap:5px}
@media(max-width:700px){.dps-app .dps-chat-media-image,.dps-app .dps-chat-media-video{max-width:100%;max-height:260px}}

/* v1.22.67 Group Chat */
.dps-group-chat-panel{padding:8px 10px 10px;border-bottom:1px solid #e8edf3;background:#fbfcfe}.dps-group-chat-label{font-size:11px;font-weight:800;color:#667085;padding:3px 5px 7px;text-transform:uppercase;letter-spacing:.04em}.dps-group-chat-user{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:10px;background:transparent;padding:8px;text-align:left;cursor:pointer;color:#172033}.dps-group-chat-user:hover,.dps-group-chat-user.selected{background:#eaf2ff}.dps-group-chat-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#e8efff}.dps-group-chat-user span:last-child{min-width:0;flex:1}.dps-group-chat-user b,.dps-group-chat-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dps-group-chat-user b{font-size:12px}.dps-group-chat-user small,.dps-group-chat-empty{font-size:10px;color:#7a8494}.dps-group-chat-empty{display:block;padding:7px 5px}.dps-group-sender{font-size:10px!important;color:#61718a!important;margin:0 5px 3px!important}.dps-chat-msg.theirs .dps-group-sender{align-self:flex-start}.dps-chat-msg.mine .dps-group-sender{align-self:flex-end}


/* v1.22.68 Facebook-inspired public landing page; isolated from authenticated app */
.dps-public-home{font-family:inherit;color:#1c1e21;background:#f0f2f5;min-height:70vh;margin:0 auto;max-width:1600px;font-size:14px;line-height:1.4}
.dps-public-home *{box-sizing:border-box;text-decoration:none!important}
.dps-public-topbar{height:58px;background:#fff;border-bottom:1px solid #dddfe2;display:flex;align-items:center;gap:22px;padding:0 20px;position:relative;z-index:2}
.dps-public-brand{display:flex;align-items:center;gap:8px;color:#0866ff;white-space:nowrap;font-size:22px}.dps-public-logo{font-size:30px}
.dps-public-search{display:flex;align-items:center;gap:8px;background:#f0f2f5;border-radius:22px;padding:8px 13px;min-width:210px;max-width:300px;flex:1;color:#65676b}.dps-public-search input{border:0;background:transparent;outline:0;width:100%;font-size:13px}.dps-public-search small{display:none}
.dps-public-nav{height:100%;display:flex;align-items:stretch;justify-content:center;gap:3px;flex:1}.dps-public-nav a{min-width:68px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;color:#606770;font-weight:600;border-bottom:3px solid transparent}.dps-public-nav a.active{color:#0866ff;border-bottom-color:#0866ff}
.dps-public-auth{display:flex;align-items:center;gap:8px;white-space:nowrap}.dps-public-login,.dps-public-signup{display:inline-flex;align-items:center;justify-content:center;border:1px solid #0866ff;border-radius:7px;padding:9px 16px;font-weight:700;color:#0866ff;background:#fff}.dps-public-signup{background:#0866ff;color:#fff}.dps-public-layout{display:grid;grid-template-columns:220px minmax(0,620px) minmax(260px,320px);justify-content:center;gap:18px;padding:16px 18px 30px;align-items:start}
.dps-public-left,.dps-public-right{position:sticky;top:72px;max-height:calc(100vh - 82px);overflow:auto}.dps-public-menu{display:flex;flex-direction:column;gap:4px;padding:0 0 15px;border-bottom:1px solid #ccd0d5}.dps-public-menu a{display:flex;gap:12px;align-items:center;padding:12px 10px;border-radius:8px;color:#1c1e21;font-weight:600}.dps-public-menu a.selected,.dps-public-menu a:hover{background:#e4eaf5;color:#0866ff}
.dps-public-join,.dps-public-sidecard,.dps-public-stories,.dps-public-post,.dps-public-empty,.dps-public-bottom-cta{background:#fff;border:1px solid #e4e6eb;border-radius:10px;box-shadow:0 1px 2px #0000000a}.dps-public-join{margin-top:16px;padding:18px 14px;text-align:center}.dps-public-join-icon{font-size:34px;color:#0866ff}.dps-public-join h3{margin:5px 0;font-size:18px}.dps-public-join p,.dps-public-page-promo p,.dps-public-safe p{color:#65676b;line-height:1.5}.dps-public-join .full{width:100%;margin-top:8px}.dps-public-footlinks{display:flex;flex-wrap:wrap;gap:9px;padding:14px 8px;color:#65676b;font-size:12px}.dps-public-footlinks a{color:#65676b}
.dps-public-center{min-width:0}.dps-public-stories{padding:14px;margin-bottom:14px}.dps-public-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dps-public-section-title h2{font-size:17px;margin:0;font-weight:750}.dps-public-section-title>a{color:#0866ff;font-weight:600;white-space:nowrap}.dps-public-story-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.dps-public-story{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;color:#1c1e21;font-size:12px}.dps-public-story b{font-weight:650}.dps-public-story-img{height:110px;width:100%;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#e7f3ff;font-size:32px;border:1px solid #dce1e8}.dps-public-story.create .dps-public-story-img{background:#f0f2f5;color:#0866ff;font-size:40px}.dps-public-story-img.scenic{background:linear-gradient(140deg,#c5e5ff,#4377a5)}.dps-public-story-img.people{background:linear-gradient(140deg,#ffe1c5,#f3a7b7)}.dps-public-story-img.food{background:linear-gradient(140deg,#fce7a6,#e68d4d)}.dps-public-story-img.nature{background:linear-gradient(140deg,#d6f5d5,#52a77a)}.dps-public-story-img.travel{background:linear-gradient(140deg,#c7e5ff,#8eabd4)}
.dps-public-post{padding:14px;margin-bottom:14px;overflow:hidden}.dps-public-post-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dps-public-avatar img{display:block;border-radius:50%}.dps-public-post-head>div{display:flex;flex-direction:column}.dps-public-post-head strong{font-size:14px}.dps-public-post-head small{color:#65676b;font-size:12px}.dps-public-post-text{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.dps-public-post-text p{margin:0 0 8px}.dps-public-media{display:grid;grid-template-columns:1fr;gap:4px;margin-top:10px}.dps-public-media.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.dps-public-media img,.dps-public-media video{width:100%;max-height:480px;object-fit:cover;display:block;border-radius:4px;background:#f0f2f5}.dps-public-post-stats{display:flex;justify-content:space-between;color:#65676b;padding:10px 2px;border-bottom:1px solid #e4e6eb}.dps-public-post-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding-top:8px}.dps-public-post-actions a{text-align:center;color:#65676b;font-weight:650;padding:8px 2px;border-radius:6px}.dps-public-post-actions a:hover{background:#f0f2f5}.dps-public-empty{text-align:center;padding:36px 18px}.dps-public-empty>div{font-size:40px}.dps-public-empty h2{margin:8px 0}.dps-public-bottom-cta{padding:20px;text-align:center;margin-bottom:15px}.dps-public-bottom-cta h2{margin:0 0 6px}.dps-public-bottom-cta p{color:#65676b}
.dps-public-sidecard{padding:14px;margin-bottom:14px}.dps-public-sideitem{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #f0f2f5}.dps-public-sideitem>span{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#e7f3ff;font-size:22px;flex-shrink:0}.dps-public-sideitem>div{display:flex;flex-direction:column;flex:1;min-width:0}.dps-public-sideitem b,.dps-public-video-item b{font-size:13px}.dps-public-sideitem small,.dps-public-video-item small{font-size:12px;color:#65676b}.dps-public-sideitem>a,.dps-public-page-promo>a{color:#0866ff;border:1px solid #c5d7f7;border-radius:6px;padding:6px 9px;font-weight:650;font-size:12px}.dps-public-page-promo{text-align:center;padding:12px 5px}.dps-public-page-promo>div{font-size:34px}.dps-public-video-item{display:flex;align-items:center;gap:10px;padding:9px 0;color:#1c1e21;border-top:1px solid #f0f2f5}.dps-public-video-item>span{width:56px;height:44px;border-radius:7px;background:#e7f3ff;display:flex;align-items:center;justify-content:center;font-size:20px}.dps-public-video-item>div{display:flex;flex-direction:column}.dps-public-safe{background:#f7faff}.dps-public-safe p{margin-bottom:0}
@media(max-width:1120px){.dps-public-layout{grid-template-columns:180px minmax(0,620px);}.dps-public-right{display:none}.dps-public-topbar{gap:12px}.dps-public-nav a{min-width:50px;padding:0 6px}.dps-public-nav a span{display:none}}
@media(max-width:760px){.dps-public-topbar{height:auto;min-height:58px;padding:8px 10px;gap:9px;flex-wrap:wrap}.dps-public-brand{font-size:19px}.dps-public-logo{font-size:25px}.dps-public-search{order:3;max-width:none;flex-basis:100%;padding:7px 11px}.dps-public-auth{margin-left:auto}.dps-public-auth .dps-public-login,.dps-public-auth .dps-public-signup{padding:7px 10px;font-size:12px}.dps-public-nav{order:4;flex-basis:100%;height:42px;justify-content:space-around;border-top:1px solid #f0f2f5}.dps-public-nav a{flex:1;min-width:0;border-bottom-width:2px}.dps-public-layout{display:block;padding:10px 8px 24px}.dps-public-left{position:static;max-height:none;overflow:visible;margin-bottom:10px}.dps-public-menu{flex-direction:row;overflow:auto;padding-bottom:8px;border:0}.dps-public-menu a{flex:0 0 auto;padding:9px 11px;background:#fff;border:1px solid #e4e6eb}.dps-public-join,.dps-public-footlinks{display:none}.dps-public-story-row{grid-template-columns:repeat(6,minmax(74px,1fr));overflow:auto;padding-bottom:3px}.dps-public-story-img{height:88px}.dps-public-post{padding:11px;margin-bottom:10px}.dps-public-media img,.dps-public-media video{max-height:360px}.dps-public-center{width:100%}}
@media(max-width:390px){.dps-public-brand{font-size:17px}.dps-public-auth .dps-public-login,.dps-public-auth .dps-public-signup{padding:6px 8px}.dps-public-story-row{grid-template-columns:repeat(6,70px)}}


/* v1.22.69 live public directory refinements */
.dps-public-sideitem>span img{width:42px;height:42px;object-fit:cover;border-radius:8px;display:block}
.dps-public-sideitem>span:has(img){padding:0;overflow:hidden}
.dps-public-sideitem>div b{overflow-wrap:anywhere}

/* v1.22.70 live story tiles */
.dps-public-story-img.has-media{position:relative;overflow:hidden;padding:0}
.dps-public-story-img.has-media img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}
.dps-public-story-emoji{font-size:32px}
.dps-public-live-story .dps-public-story-img{outline:3px solid #0866ff;outline-offset:-3px}

/* v1.22.71 real public video tiles */
.dps-public-real-video{display:flex;gap:9px;align-items:flex-start;padding:10px 0;border-top:1px solid #f0f2f5}
.dps-public-real-video video{display:block;width:104px;height:68px;object-fit:cover;background:#111;border-radius:7px;flex-shrink:0}
.dps-public-real-video>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.dps-public-real-video b{font-size:13px;overflow-wrap:anywhere}
.dps-public-real-video small{font-size:12px;color:#65676b}

/* v1.22.72 public content search */
.dps-public-search-status{position:absolute;top:58px;left:20%;z-index:3;background:#fff;color:#65676b;padding:4px 8px;border-radius:0 0 6px 6px;font-size:12px}
.dps-public-home [hidden]{display:none!important}
@media(max-width:760px){.dps-public-search-status{top:104px;left:12px;right:12px}}

/* v1.22.73 public explore section */
.dps-public-explore-section{background:#fff;border:1px solid #e4e6eb;border-radius:10px;padding:14px;margin-bottom:14px}
.dps-public-explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dps-public-explore-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;border:1px solid #e4e6eb;border-radius:8px;color:#1c1e21;background:#fafbfc}
.dps-public-explore-card:hover{border-color:#0866ff;background:#f3f7ff}
.dps-public-explore-card>span{font-size:24px}.dps-public-explore-card b{font-size:13px}.dps-public-explore-card small{font-size:12px;color:#65676b}
@media(max-width:760px){.dps-public-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.22.74 hard refresh + Explore layout fix */
.dps-public-home .dps-public-explore-section{display:block!important;clear:both;width:100%;margin:0 0 14px!important;padding:14px!important;overflow:hidden}
.dps-public-home .dps-public-explore-section .dps-public-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 12px!important}
.dps-public-home .dps-public-explore-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
.dps-public-home a.dps-public-explore-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important;min-width:0!important;min-height:92px!important;padding:12px!important;margin:0!important;border:1px solid #e4e6eb!important;border-radius:8px!important;background:#fafbfc!important;color:#1c1e21!important;white-space:normal!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.dps-public-home .dps-public-explore-card>span{display:block!important;font-size:24px!important;line-height:1.2!important}
.dps-public-home .dps-public-explore-card b,.dps-public-home .dps-public-explore-card small{display:block!important;white-space:normal!important}
.dps-public-home .dps-public-explore-card small{color:#65676b!important;font-size:12px!important}
.dps-public-home .dps-public-explore-card:hover{border-color:#0866ff!important;background:#f3f7ff!important}
@media(max-width:760px){.dps-public-home .dps-public-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.dps-public-home a.dps-public-explore-card{padding:10px!important}}

/* v1.22.75 public groups/pages readability and interaction hints */
.dps-public-home #dps-public-groups .dps-public-sideitem,
.dps-public-home #dps-public-pages .dps-public-sideitem{align-items:center;gap:10px}
.dps-public-home #dps-public-groups .dps-public-sideitem>div,
.dps-public-home #dps-public-pages .dps-public-sideitem>div{flex:1;min-width:0}
.dps-public-home #dps-public-groups .dps-public-sideitem small,
.dps-public-home #dps-public-pages .dps-public-sideitem small{display:block;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.dps-public-home #dps-public-groups .dps-public-sideitem>a,
.dps-public-home #dps-public-pages .dps-public-sideitem>a{flex-shrink:0;min-width:54px;text-align:center}
.dps-public-home #dps-public-groups .dps-public-section-title,
.dps-public-home #dps-public-pages .dps-public-section-title{margin-bottom:8px}

/* v1.22.76 login/signup CTA polish */
.dps-public-home .dps-public-auth .dps-public-login,
.dps-public-home .dps-public-auth .dps-public-signup{min-height:38px;min-width:78px;font-size:13px}
.dps-public-home .dps-public-join h3{font-size:18px;line-height:1.3}
.dps-public-home .dps-public-join .full{min-height:40px;white-space:normal;line-height:1.35}
.dps-public-home .dps-public-cta-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.dps-public-home .dps-public-cta-actions>a{min-width:150px}
.dps-public-home .dps-public-auth-note{display:block;margin-top:12px;color:#65676b;font-size:12px}
@media(max-width:760px){.dps-public-home .dps-public-cta-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:320px;margin:12px auto 0}.dps-public-home .dps-public-cta-actions>a{width:100%}}

/* v1.22.77 custom auth modal */
body.dps-auth-open{overflow:hidden}
.dps-public-home .dps-auth-overlay{display:none;position:fixed;inset:0;z-index:999999;background:rgba(18,27,42,.62);padding:20px;align-items:center;justify-content:center;overflow:auto}
.dps-public-home .dps-auth-overlay.is-open{display:flex}
.dps-public-home .dps-auth-dialog{position:relative;width:100%;max-width:430px;max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:16px;padding:26px;box-shadow:0 18px 60px #0004;color:#1c1e21}
.dps-public-home .dps-auth-close{position:absolute;right:12px;top:10px;border:0;background:#f0f2f5;color:#606770;width:32px;height:32px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}
.dps-public-home .dps-auth-brand{display:flex;justify-content:center;align-items:center;gap:8px;font-size:22px;color:#0866ff;margin:4px 0 20px}
.dps-public-home .dps-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f2f5;border-radius:9px;padding:4px;gap:4px;margin-bottom:16px}
.dps-public-home .dps-auth-tabs button{border:0;border-radius:7px;padding:10px;background:transparent;color:#606770;font-weight:700;cursor:pointer}
.dps-public-home .dps-auth-tabs button.active{background:#0866ff;color:#fff}
.dps-public-home .dps-auth-form h2{font-size:23px;margin:8px 0 16px;text-align:center}
.dps-public-home .dps-auth-form label{display:block;font-weight:650;margin:12px 0;color:#343a40}
.dps-public-home .dps-auth-form input{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid #ccd0d5;border-radius:8px;padding:10px 12px;background:#fff;color:#1c1e21;font:inherit}
.dps-public-home .dps-auth-form input:focus{outline:2px solid #0866ff;outline-offset:1px}
.dps-public-home .dps-auth-submit{display:block;width:100%;border:0;border-radius:8px;background:#0866ff;color:#fff;padding:12px 16px;font-weight:750;font-size:15px;cursor:pointer;margin-top:16px}
.dps-public-home .dps-auth-submit:disabled{opacity:.65;cursor:wait}
.dps-public-home .dps-auth-forgot{display:block;text-align:center;margin-top:13px;color:#0866ff}
.dps-public-home .dps-auth-alert{color:#18794e;background:#eaf7ef;border-radius:7px;padding:0;height:0;overflow:hidden}
.dps-public-home .dps-auth-alert:not(:empty){height:auto;padding:10px;margin-bottom:12px}
.dps-public-home .dps-auth-note{color:#65676b;font-size:12px;line-height:1.5}
@media(max-width:480px){.dps-public-home .dps-auth-overlay{padding:10px}.dps-public-home .dps-auth-dialog{padding:22px 18px;max-height:calc(100vh - 20px)}}

/* v1.22.78 delegated popup fallback */
.dps-public-home .dps-auth-overlay{pointer-events:none}
.dps-public-home .dps-auth-overlay.is-open{pointer-events:auto}
.dps-public-home .dps-auth-form[hidden]{display:none!important}
.dps-public-home [data-dps-auth-open]{cursor:pointer}

/* v1.22.79 auth modal portal: viewport centered and never inline below the page */
body>.dps-auth-overlay{display:none;position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:20px!important;align-items:center!important;justify-content:center!important;background:rgba(18,27,42,.64)!important;overflow:auto!important}
body>.dps-auth-overlay.is-open{display:flex!important}
body>.dps-auth-overlay .dps-auth-dialog{width:min(430px,100%)!important;max-height:calc(100vh - 40px)!important;margin:auto!important;flex:0 1 430px!important}
body>.dps-auth-overlay .dps-auth-form[hidden]{display:none!important}
@media(max-width:480px){body>.dps-auth-overlay{padding:10px!important}body>.dps-auth-overlay .dps-auth-dialog{max-height:calc(100vh - 20px)!important}}

/* v1.22.80 modern centered auth modal: force body-level modal to overlay viewport */
body>.dps-auth-overlay{display:none!important;position:fixed!important;inset:0!important;z-index:2147483647!important;width:100%!important;height:100%!important;min-height:100vh!important;box-sizing:border-box!important;margin:0!important;padding:18px!important;align-items:center!important;justify-content:center!important;background:rgba(15,23,42,.70)!important;backdrop-filter:blur(4px)!important;overflow-y:auto!important}
body>.dps-auth-overlay.is-open{display:flex!important}
body>.dps-auth-overlay .dps-auth-dialog{position:relative!important;display:block!important;flex:none!important;width:100%!important;max-width:440px!important;max-height:calc(100vh - 36px)!important;overflow-y:auto!important;margin:auto!important;padding:30px!important;border:1px solid #e5e7eb!important;border-radius:20px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.28)!important;box-sizing:border-box!important}
body>.dps-auth-overlay .dps-auth-close{z-index:2}
body>.dps-auth-overlay .dps-auth-brand{font-size:24px;font-weight:800;letter-spacing:-.4px}
body>.dps-auth-overlay .dps-auth-tabs{margin:0 0 22px}
body>.dps-auth-overlay .dps-auth-form h2{font-size:26px;font-weight:800;letter-spacing:-.5px;color:#172033}
body>.dps-auth-overlay .dps-auth-form label{font-size:13px;font-weight:700;color:#374151}
body>.dps-auth-overlay .dps-auth-form input{height:46px;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box}
body>.dps-auth-overlay .dps-auth-submit{min-height:46px;border-radius:10px;background:linear-gradient(135deg,#0866ff,#0052cc);box-shadow:0 5px 14px rgba(8,102,255,.18)}
body>.dps-auth-overlay .dps-auth-note{margin-top:12px}
body>.dps-auth-overlay .dps-auth-alert:not(:empty){border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}
@media(max-width:480px){body>.dps-auth-overlay{padding:10px!important}body>.dps-auth-overlay .dps-auth-dialog{padding:24px 18px!important;max-height:calc(100vh - 20px)!important;border-radius:16px!important}}

/* v1.22.81 FORCE auth modal overlay even when theme CSS overrides plugin styles */
.dps-public-home .dps-auth-overlay.is-open,
body .dps-auth-overlay.is-open,
body>.dps-auth-overlay.is-open{display:flex!important;position:fixed!important;inset:0!important;z-index:2147483647!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-width:none!important;margin:0!important;padding:18px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;overflow:auto!important;background:rgba(15,23,42,.72)!important;backdrop-filter:blur(4px)!important}
.dps-public-home .dps-auth-overlay:not(.is-open),
body .dps-auth-overlay:not(.is-open){display:none!important}
.dps-public-home .dps-auth-overlay.is-open .dps-auth-dialog,
body .dps-auth-overlay.is-open .dps-auth-dialog{display:block!important;position:relative!important;flex:0 1 440px!important;width:100%!important;max-width:440px!important;max-height:calc(100vh - 36px)!important;overflow-y:auto!important;margin:auto!important;padding:30px!important;border-radius:20px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.28)!important;box-sizing:border-box!important}
.dps-public-home .dps-auth-overlay.is-open .dps-auth-form[hidden],
body .dps-auth-overlay.is-open .dps-auth-form[hidden]{display:none!important}
@media(max-width:480px){.dps-public-home .dps-auth-overlay.is-open,body .dps-auth-overlay.is-open{padding:10px!important}.dps-public-home .dps-auth-overlay.is-open .dps-auth-dialog,body .dps-auth-overlay.is-open .dps-auth-dialog{padding:24px 18px!important;max-height:calc(100vh - 20px)!important}}

/* v1.22.86 profile editor polish and save feedback */
#dps-profile #dps-display-name{display:block;width:100%;box-sizing:border-box;min-height:42px;margin:7px 0 14px;padding:10px 12px;border:1px solid #d6dce5;border-radius:9px;background:#fff;color:#172033}
#dps-profile #dps-bio{display:block;width:100%;box-sizing:border-box;min-height:105px;margin:7px 0 12px;padding:12px;border:1px solid #d6dce5;border-radius:10px}
#dps-profile-save-message{margin:8px 0;font-size:13px}
#dps-profile-save-message.is-success{color:#15803d}
#dps-profile-save-message.is-error{color:#b91c1c}
#dps-save-profile:disabled{opacity:.7;cursor:wait}

/* v1.22.87 complete profile editor */
.dps-profile-section{margin:20px 0;padding:18px;border:1px solid #e4e8ef;border-radius:14px;background:#fff}
.dps-profile-section h3{margin:0 0 15px;font-size:18px;color:#172033}
.dps-profile-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dps-profile-fields-grid label,.dps-profile-section>label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px;color:#374151}
.dps-profile-fields-grid input,.dps-profile-fields-grid textarea,.dps-profile-fields-grid select,.dps-profile-section select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #d4dae4;border-radius:9px;padding:10px 12px;background:#fff;color:#172033;font:inherit;font-weight:400}
.dps-profile-fields-grid textarea{min-height:86px;resize:vertical}
.dps-profile-fields-grid label:has(textarea){grid-column:span 2}
.dps-profile-fields-grid input:disabled{background:#f3f4f6;color:#6b7280}
.dps-profile-section small{font-weight:400;color:#6b7280}
@media(max-width:640px){.dps-profile-fields-grid{grid-template-columns:minmax(0,1fr)}.dps-profile-fields-grid label:has(textarea){grid-column:auto}.dps-profile-section{padding:13px}}

/* v1.22.88 public profile viewer */
.dps-avatar[data-user],.dps-self-presence[data-user],.dps-profile-name[data-user],.dps-post-author[data-user],.dps-user-name[data-user]{cursor:pointer}
.dps-profile-loading,.dps-profile-error{padding:28px;text-align:center;color:#526078}
.dps-profile-error{color:#b42318}
.dps-public-profile{overflow:hidden;border-radius:14px;background:#fff}
.dps-public-profile .dps-public-cover{min-height:150px;background-position:center;background-size:cover;background-color:#e7edf5}
.dps-public-profile .dps-public-head{display:flex;align-items:center;gap:14px;padding:16px}
.dps-public-profile .dps-public-bio{padding:0 16px;color:#475467;white-space:pre-wrap}
.dps-public-profile .dps-public-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 18px}

/* v1.22.90 clickable story author profile */
.dps-story-viewer-info .dps-story-profile-link,.dps-story-viewer-info .dps-story-profile-name{border:0;background:transparent;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer}
.dps-story-viewer-info .dps-story-profile-link img{display:block;width:40px;height:40px;object-fit:cover;border-radius:50%}
.dps-story-viewer-info .dps-story-profile-name{font-weight:700;text-align:left}
.dps-story-viewer-info .dps-story-profile-name:hover{text-decoration:underline}

/* v1.22.92 block/unblock and blocked users panel */
.dps-blocked-users-panel{padding:16px;border:1px solid #e3e8f0;border-radius:12px;background:#fff}
.dps-blocked-users-panel h3{margin:0 0 12px}
.dps-blocked-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f5}
.dps-blocked-user-row:last-child{border-bottom:0}
.dps-blocked-empty{padding:12px;color:#64748b}

/* v1.22.93 friend people loading/retry polish */
.dps-retry-people{margin-top:10px}

/* v1.22.94 blocked friends remain visible */
.dps-friend-status.is-blocked{color:#b42318;font-weight:700}

/* v1.22.95 unblock action feedback */
.dps-unblock-user:disabled{opacity:.65;cursor:wait}

/* v1.22.96 unblock feedback */
.dps-unblock-notice{position:fixed;z-index:999999;right:22px;bottom:22px;max-width:min(420px,calc(100vw - 32px));padding:14px 18px;border-radius:12px;background:#fff;color:#243047;box-shadow:0 10px 35px rgba(0,0,0,.2);font-weight:600;border-left:5px solid #64748b}
.dps-unblock-notice.is-success{border-left-color:#16a34a}
.dps-unblock-notice.is-error{border-left-color:#dc2626}
.dps-unblock-user:disabled{opacity:.65;cursor:wait}

/* v1.22.97 keep profile preview handler away from block actions */
