.mysocial-app{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,680px);gap:24px;align-items:start;max-width:1040px;margin:30px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-main,.mysocial-feed{display:grid;gap:16px}.mysocial-card{background:#fff;border:1px solid #e3e7ee;border-radius:16px;box-shadow:0 4px 20px rgba(20,30,50,.06);padding:18px}.mysocial-profile{position:sticky;top:24px;text-align:center}.mysocial-profile h2{font-size:22px;margin:10px 0 0}.mysocial-profile h2 a,.mysocial-author-link,.mysocial-meta a{color:inherit;text-decoration:none}.mysocial-profile h2 a:hover,.mysocial-author-link:hover,.mysocial-meta a:hover{text-decoration:underline}.mysocial-profile p{margin:5px 0}.mysocial-profile-link{display:inline-block;margin-top:10px;font-weight:700;text-decoration:none}.mysocial-username,.mysocial-muted,.mysocial-meta,.mysocial-hint{color:#6d7480}.mysocial-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#eef1f5}.mysocial-avatar-large{width:96px;height:96px}.mysocial-avatar-small{width:34px;height:34px}.mysocial-composer textarea{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #d7dce4;border-radius:12px;padding:14px;font:inherit;min-height:90px}.mysocial-composer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.mysocial-button,.mysocial-comment-form button{display:inline-flex;border:0;border-radius:999px;padding:9px 16px;background:#1f65d6;color:white;text-decoration:none;font-weight:700;cursor:pointer}.mysocial-button:disabled,.mysocial-comment-form button:disabled{opacity:.5;cursor:wait}.mysocial-status{min-height:1.2em;margin:8px 0 0;color:#4d5663}.mysocial-post-header{display:flex;align-items:center;gap:12px}.mysocial-post-content{font-size:16px;line-height:1.6;margin:16px 0;overflow-wrap:anywhere}.mysocial-actions{display:flex;gap:16px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:10px 0;margin-top:12px}.mysocial-action{border:0;background:transparent;padding:4px 0;cursor:pointer;font:inherit;color:#586171}.mysocial-action.is-active{color:#d72c4d;font-weight:700}.mysocial-action:disabled{opacity:.55}.mysocial-action-static{color:#586171}.mysocial-comments{display:grid;gap:10px;margin-top:14px}.mysocial-comment{display:flex;gap:9px;align-items:flex-start}.mysocial-comment-bubble{background:#f2f5f8;border-radius:14px;padding:8px 12px;min-width:0}.mysocial-comment-bubble p{margin:2px 0;line-height:1.4}.mysocial-comment-bubble small{color:#7a818c}.mysocial-comment-form{display:flex;gap:8px;margin-top:12px}.mysocial-comment-form input{min-width:0;flex:1;border:1px solid #d7dce4;border-radius:999px;padding:9px 13px;font:inherit}.mysocial-login-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mysocial-login-note span{flex:1;min-width:220px}.mysocial-loading,.mysocial-empty,.mysocial-error{text-align:center}.mysocial-error{color:#9d1c2f}
.mysocial-public-profile{max-width:820px;margin:30px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;gap:18px}.mysocial-profile-hero{padding:0;overflow:hidden}.mysocial-cover{height:230px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;background-color:#e9eef6}.mysocial-cover.is-empty{background-image:linear-gradient(135deg,#eef2f8,#dbe5f2)}.mysocial-cover.is-empty span{font-size:18px;color:#738098;font-weight:700}.mysocial-profile-identity{display:flex;gap:20px;align-items:flex-start;padding:0 26px 24px}.mysocial-profile-avatar{width:132px;height:132px;border:5px solid #fff;margin-top:-54px;box-shadow:0 3px 15px rgba(0,0,0,.12)}.mysocial-profile-copy{padding-top:16px;min-width:0}.mysocial-profile-copy h1{margin:0;font-size:30px;line-height:1.15}.mysocial-profile-bio{margin:12px 0 8px;line-height:1.55;white-space:pre-line}.mysocial-profile-stats{margin-top:10px}.mysocial-profile-editor details>summary{cursor:pointer;font-weight:800;font-size:17px}.mysocial-profile-editor form{display:grid;gap:14px;margin-top:16px}.mysocial-profile-editor label{display:grid;gap:6px;font-weight:700}.mysocial-profile-editor input,.mysocial-profile-editor textarea{box-sizing:border-box;width:100%;border:1px solid #d7dce4;border-radius:11px;padding:11px 12px;font:inherit;font-weight:400}.mysocial-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.mysocial-profile-posts>h2{font-size:22px;margin:4px 0 12px}
@media (max-width:800px){.mysocial-app{grid-template-columns:1fr;margin:16px}.mysocial-profile{position:static;text-align:left;display:flex;gap:14px;align-items:center}.mysocial-avatar-large{width:68px;height:68px}.mysocial-public-profile{margin:16px}.mysocial-cover{height:180px}.mysocial-profile-identity{padding:0 18px 20px}.mysocial-profile-avatar{width:104px;height:104px;margin-top:-42px}.mysocial-profile-copy h1{font-size:25px}}
@media (max-width:560px){.mysocial-profile-identity{display:block}.mysocial-profile-avatar{display:block}.mysocial-profile-copy{padding-top:8px}.mysocial-editor-actions{align-items:flex-start;flex-direction:column}.mysocial-actions{gap:10px;justify-content:space-between}.mysocial-comment-form{align-items:stretch}.mysocial-comment-form button{padding-inline:12px}}
@media (prefers-color-scheme:dark){.mysocial-card{background:#181a1f;border-color:#2c3139;color:#f2f4f7}.mysocial-composer textarea,.mysocial-comment-form input,.mysocial-profile-editor input,.mysocial-profile-editor textarea{background:#111318;border-color:#343a44;color:#f2f4f7}.mysocial-comment-bubble{background:#252930}.mysocial-actions{border-color:#2d323a}.mysocial-profile-avatar{border-color:#181a1f}.mysocial-cover.is-empty{background-image:linear-gradient(135deg,#252a33,#1d222a)}}
/* v0.3 */
.mysocial-image-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.mysocial-file-button{display:inline-flex;align-items:center;gap:6px;border:1px solid #d7dce4;border-radius:999px;padding:8px 13px;font-weight:700;cursor:pointer}.mysocial-file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mysocial-file-name{font-size:13px;color:#6d7480;overflow-wrap:anywhere}.mysocial-image-preview{margin-top:12px}.mysocial-image-preview img{display:block;max-width:100%;max-height:300px;border-radius:12px;object-fit:contain}.mysocial-post-headcopy{min-width:0;flex:1}.mysocial-owner-tools{display:flex;gap:8px;margin-left:auto;align-self:flex-start}.mysocial-text-button{border:0;background:transparent;padding:5px 7px;color:#596273;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.mysocial-text-button:hover{text-decoration:underline}.mysocial-text-button.is-danger{color:#b3263d}.mysocial-post-image-link{display:block;margin:14px -18px 0}.mysocial-post-image{display:block;width:100%;max-height:620px;object-fit:cover;background:#eef1f5}.mysocial-action-link{text-decoration:none}.mysocial-edit-form{display:grid;gap:10px;margin:14px 0}.mysocial-edit-form textarea{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #d7dce4;border-radius:12px;padding:12px;font:inherit}.mysocial-edit-actions{display:flex;justify-content:flex-end;gap:8px}.mysocial-single-wrap{max-width:720px;margin:30px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-back-link{display:inline-block;margin:0 0 14px;text-decoration:none;font-weight:700}.mysocial-post-content[hidden]{display:none!important}@media(max-width:560px){.mysocial-owner-tools{gap:2px}.mysocial-text-button{padding-inline:4px}.mysocial-post-image-link{margin-left:-18px;margin-right:-18px}}@media(prefers-color-scheme:dark){.mysocial-file-button,.mysocial-edit-form textarea{border-color:#343a44}.mysocial-edit-form textarea{background:#111318;color:#f2f4f7}}

/* v0.4 – feste dunkle Social-Oberfläche mit weißer Schrift */
.mysocial-app,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap{color:#fff}
.mysocial-card{background:#181a1f;border-color:#2c3139;color:#fff}
.mysocial-card h1,.mysocial-card h2,.mysocial-card h3,.mysocial-card p,.mysocial-card strong,.mysocial-card span,.mysocial-card label,.mysocial-card summary,.mysocial-post-content,.mysocial-profile-copy,.mysocial-profile-bio{color:#fff}
.mysocial-app a,.mysocial-public-profile a,.mysocial-single-wrap a,.mysocial-notifications-wrap a{color:#fff}
.mysocial-username,.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-file-name,.mysocial-status,.mysocial-comment-bubble small{color:#c5cbd4}
.mysocial-action,.mysocial-action-static,.mysocial-text-button{color:#fff}
.mysocial-action.is-active{color:#ff6685}
.mysocial-text-button.is-danger{color:#ff8095}
.mysocial-composer textarea,.mysocial-comment-form input,.mysocial-profile-editor input,.mysocial-profile-editor textarea,.mysocial-edit-form textarea{background:#111318;border-color:#343a44;color:#fff}
.mysocial-composer textarea::placeholder,.mysocial-comment-form input::placeholder,.mysocial-profile-editor input::placeholder,.mysocial-profile-editor textarea::placeholder,.mysocial-edit-form textarea::placeholder{color:#aeb5c0;opacity:1}
.mysocial-comment-bubble{background:#252930;color:#fff}.mysocial-actions{border-color:#2d323a}.mysocial-file-button{border-color:#414751;color:#fff}.mysocial-profile-avatar{border-color:#181a1f}
.mysocial-notification-link{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-weight:800;text-decoration:none}.mysocial-badge{display:inline-flex;min-width:22px;height:22px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#d72c4d;color:#fff!important;font-size:12px}.mysocial-notifications-wrap{max-width:720px;margin:30px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-notifications-head h1{margin:4px 0 18px;color:#fff}.mysocial-notification-list{display:grid;gap:10px}.mysocial-notification-item{display:flex;align-items:center;gap:12px;text-decoration:none}.mysocial-notification-item:hover{transform:translateY(-1px)}.mysocial-notification-item.is-unread{border-left:4px solid #4f8cff}.mysocial-notification-item>span{display:grid;gap:3px}.mysocial-notification-item small{color:#c5cbd4}.mysocial-profile-link{color:#fff!important}
@media(max-width:800px){.mysocial-notifications-wrap{margin:16px}.mysocial-notification-link{justify-content:flex-start}}

/* v0.5 – Navigation, Suche, Hashtags und Erwähnungen */
.mysocial-nav{position:sticky;top:0;z-index:50;display:flex;justify-content:center;gap:8px;max-width:1040px;margin:0 auto 18px;padding:10px 12px;background:#111318;border:1px solid #2c3139;border-radius:0 0 16px 16px;box-shadow:0 6px 20px rgba(0,0,0,.22)}
.mysocial-nav a{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;color:#fff!important;text-decoration:none;font-weight:750;white-space:nowrap}.mysocial-nav a:hover{background:#252930}.mysocial-nav .mysocial-badge{margin-left:2px}
.mysocial-tag,.mysocial-mention{color:#8ab4ff!important;text-decoration:none;font-weight:750}.mysocial-tag:hover,.mysocial-mention:hover{text-decoration:underline}
.mysocial-search-wrap{max-width:820px;margin:24px auto;display:grid;gap:16px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-search-box h1{margin-top:0}.mysocial-search-box form{display:flex;gap:10px}.mysocial-search-box input{flex:1;min-width:0;background:#111318;border:1px solid #343a44;color:#fff;border-radius:999px;padding:11px 15px;font:inherit}.mysocial-search-box input::placeholder{color:#aeb5c0}.mysocial-search-section{display:grid;gap:12px;margin-top:8px}.mysocial-search-section>h2{margin:8px 2px 0;color:#fff}.mysocial-user-result{display:flex;align-items:center;gap:13px;text-decoration:none}.mysocial-user-result>span{display:grid;gap:2px}.mysocial-user-result small{color:#c5cbd4}.mysocial-user-result p{margin:4px 0 0;color:#fff}.mysocial-search-wrap .mysocial-post{margin-bottom:12px}
@media(max-width:720px){.mysocial-nav{justify-content:space-around;border-radius:0;margin-bottom:12px;overflow-x:auto}.mysocial-nav a{padding:9px 10px}.mysocial-nav a span{display:none}.mysocial-search-wrap{margin:14px}.mysocial-search-box form{align-items:stretch}.mysocial-search-box input{width:100%}}

/* v0.6 – modernes Profil und direkte Profilmedien-Uploads */
.mysocial-profile-hero{background:#181a1f}.mysocial-cover{height:280px;background-color:#242830;border-bottom:1px solid #303640}.mysocial-cover.is-empty{background-image:linear-gradient(135deg,#292f39,#171a20)}.mysocial-profile-identity{padding:0 30px 28px;gap:22px}.mysocial-profile-avatar{width:148px;height:148px;margin-top:-62px;border:6px solid #181a1f;box-shadow:0 8px 26px rgba(0,0,0,.38)}.mysocial-profile-copy{padding-top:18px}.mysocial-profile-copy h1{font-size:32px;letter-spacing:-.02em}.mysocial-profile-stats{display:inline-flex;margin-top:12px;padding:7px 11px;border-radius:999px;background:#242830;color:#fff}.mysocial-profile-editor{overflow:hidden}.mysocial-profile-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mysocial-upload-card{border:1px dashed #4a5260;border-radius:14px;padding:14px;background:#111318}.mysocial-upload-card input{margin-top:8px;border:0!important;background:transparent!important;padding:0!important}.mysocial-upload-card span{font-size:12px;color:#c5cbd4!important;font-weight:500}.mysocial-profile-media-actions{display:flex;gap:10px;flex-wrap:wrap}.mysocial-profile-posts>h2{color:#fff}.mysocial-profile-editor details>summary{padding:2px 0}.mysocial-profile-editor details[open]>summary{margin-bottom:4px}@media(max-width:800px){.mysocial-cover{height:210px}.mysocial-profile-avatar{width:116px;height:116px;margin-top:-48px}.mysocial-profile-identity{padding:0 20px 22px}}@media(max-width:560px){.mysocial-cover{height:170px}.mysocial-profile-media-grid{grid-template-columns:1fr}.mysocial-profile-identity{display:flex;flex-direction:column;gap:2px}.mysocial-profile-avatar{width:104px;height:104px;margin-top:-44px}.mysocial-profile-copy h1{font-size:26px}.mysocial-profile-media-actions{flex-direction:column;align-items:flex-start}}


/* v0.7 – erweiterte öffentliche Profile */
.mysocial-profile-facts{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px}.mysocial-profile-facts span,.mysocial-profile-facts a{color:#d8dde6!important;text-decoration:none;font-size:14px}.mysocial-profile-facts a:hover{text-decoration:underline}.mysocial-about h2{margin:0 0 12px;color:#fff}.mysocial-about-bio{margin:0 0 16px;line-height:1.65}.mysocial-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mysocial-about-grid>div{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:#111318;border:1px solid #2c3139}.mysocial-about-grid span{font-size:12px;color:#aeb5c0!important;text-transform:uppercase;letter-spacing:.04em}.mysocial-about-grid strong,.mysocial-about-grid a{color:#fff!important;overflow-wrap:anywhere}.mysocial-profile-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mysocial-checkbox{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:9px!important;align-self:end;padding:11px 12px;border:1px solid #343a44;border-radius:11px;background:#111318}.mysocial-checkbox input{width:auto!important;margin:0;accent-color:#4f8cff}.mysocial-checkbox span{font-weight:600;color:#fff!important}@media(max-width:700px){.mysocial-about-grid{grid-template-columns:1fr}.mysocial-profile-fields-grid{grid-template-columns:1fr}}

/* v0.8 – Meldungen, Blockieren und Moderation */
.mysocial-outline-button{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:9px 14px;border:1px solid #545c68;border-radius:999px;background:transparent;color:#fff;font:inherit;font-weight:750;cursor:pointer}.mysocial-outline-button:hover{background:#252930}.mysocial-outline-button.is-blocked{border-color:#ff8095;color:#ffb1bf}.mysocial-outline-button:disabled{opacity:.55;cursor:wait}.mysocial-owner-tools [data-report-post]{color:#d7dce4}.mysocial-owner-tools [data-report-post]:hover{color:#fff}.mysocial-owner-tools [data-report-post]:disabled{opacity:.7;text-decoration:none}.mysocial-public-profile button,.mysocial-app button{font-family:inherit}

/* v0.9 – private 1:1-Nachrichten */
.mysocial-profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.mysocial-profile-actions .mysocial-outline-button{margin-top:0}.mysocial-message-button{display:inline-flex;text-decoration:none}
.mysocial-messages-wrap{max-width:1100px;margin:24px auto;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:14px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-conversation-panel,.mysocial-chat-panel{min-height:620px;padding:0;overflow:hidden}.mysocial-messages-title{padding:20px;border-bottom:1px solid #2d323a}.mysocial-messages-title h1{margin:0 0 3px;color:#fff;font-size:24px}.mysocial-messages-title span{color:#bfc6d0}.mysocial-conversation-panel>[data-conversation-list]{display:grid}.mysocial-conversation-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 16px;border:0;border-bottom:1px solid #252a31;background:transparent;color:#fff;text-align:left;cursor:pointer}.mysocial-conversation-item:hover,.mysocial-conversation-item.is-active{background:#252930}.mysocial-conversation-copy,.mysocial-conversation-meta{display:grid;gap:3px;min-width:0}.mysocial-conversation-copy strong,.mysocial-conversation-copy small,.mysocial-conversation-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mysocial-conversation-copy small,.mysocial-conversation-meta small{color:#bfc6d0}.mysocial-conversation-meta{justify-items:end}.mysocial-conversation-empty{padding:24px;color:#fff;line-height:1.5}.mysocial-conversation-empty small{color:#bfc6d0}.mysocial-chat-panel{display:flex}.mysocial-chat-empty{margin:auto;padding:30px;text-align:center;color:#fff}.mysocial-chat-empty p{color:#bfc6d0}.mysocial-chat{width:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.mysocial-chat[hidden]{display:none!important}.mysocial-chat-header{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid #2d323a;background:#15171c}.mysocial-chat-header>div{display:grid;gap:2px}.mysocial-chat-header a{color:#fff!important;text-decoration:none}.mysocial-chat-header span{color:#bfc6d0}.mysocial-message-thread{height:470px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:9px;background:#111318}.mysocial-message{display:flex}.mysocial-message.is-mine{justify-content:flex-end}.mysocial-message-bubble{max-width:min(78%,560px);padding:10px 13px;border-radius:17px;background:#292e36;color:#fff;overflow-wrap:anywhere}.mysocial-message.is-mine .mysocial-message-bubble{background:#345da8}.mysocial-message-bubble p{margin:0;color:#fff;line-height:1.45}.mysocial-message-bubble small{display:block;margin-top:4px;color:#d1d7e0;font-size:11px}.mysocial-chat-start{margin:auto;text-align:center;color:#fff}.mysocial-chat-start p{color:#bfc6d0}.mysocial-message-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px;border-top:1px solid #2d323a;background:#181a1f}.mysocial-message-form textarea{box-sizing:border-box;width:100%;resize:none;border:1px solid #3c434d;border-radius:14px;padding:11px 13px;background:#111318;color:#fff;font:inherit}.mysocial-message-form textarea::placeholder{color:#aeb5c0}.mysocial-message-form .mysocial-button{align-self:stretch}.mysocial-chat .mysocial-status{min-height:0;margin:0;padding:0 14px 10px;color:#d6dbe3;background:#181a1f}
@media(max-width:800px){.mysocial-messages-wrap{grid-template-columns:1fr;margin:12px}.mysocial-conversation-panel{min-height:0;max-height:320px}.mysocial-chat-panel{min-height:560px}.mysocial-message-thread{height:410px}}@media(max-width:520px){.mysocial-messages-wrap{margin:8px}.mysocial-message-form{grid-template-columns:1fr}.mysocial-message-bubble{max-width:88%}.mysocial-profile-actions{align-items:stretch}.mysocial-profile-actions .mysocial-button,.mysocial-profile-actions .mysocial-outline-button{width:100%}}

/* v1.0 dashboard, settings and mobile polish */
.mysocial-dashboard-wrap,.mysocial-settings-wrap{max-width:1040px;margin:24px auto 40px;display:grid;gap:16px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mysocial-dashboard-hero{padding:28px}.mysocial-dashboard-hero h1,.mysocial-settings-head h1{margin:4px 0 10px;color:#fff;font-size:clamp(28px,5vw,42px);line-height:1.05}.mysocial-dashboard-hero p,.mysocial-settings-head p{margin:0;color:#c8ced7;line-height:1.55}.mysocial-kicker{display:inline-block;color:#9fc0ff!important;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.mysocial-dashboard-user{display:flex;align-items:center;gap:16px}.mysocial-dashboard-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.mysocial-dashboard-actions .mysocial-outline-button{margin-top:0}.mysocial-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mysocial-dashboard-stat{display:grid;gap:4px;text-decoration:none;text-align:center;transition:transform .15s ease,border-color .15s ease}.mysocial-dashboard-stat:hover{transform:translateY(-2px);border-color:#4d5663}.mysocial-dashboard-stat>span{font-size:24px}.mysocial-dashboard-stat>strong{font-size:30px;color:#fff}.mysocial-dashboard-stat>small{color:#bfc6d0}.mysocial-dashboard-links h2{margin-top:0;color:#fff}.mysocial-dashboard-links>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mysocial-dashboard-links a{display:block;padding:13px 14px;border-radius:12px;background:#111318;border:1px solid #2c3139;color:#fff!important;text-decoration:none;font-weight:700}.mysocial-dashboard-links a:hover{background:#252930}.mysocial-settings-head{padding:24px}.mysocial-settings-form,.mysocial-account-box{display:grid;gap:12px}.mysocial-settings-form h2,.mysocial-account-box h2{margin:0 0 4px;color:#fff}.mysocial-setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #2d323a}.mysocial-setting-row>span{display:grid;gap:4px}.mysocial-setting-row strong{color:#fff}.mysocial-setting-row small{color:#bfc6d0;line-height:1.45}.mysocial-setting-row input{width:22px;height:22px;accent-color:#4f8cff;flex:0 0 auto}.mysocial-settings-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:6px}.mysocial-settings-actions .mysocial-status{margin:0}.mysocial-outline-button.is-danger{border-color:#884553;color:#ffbec9!important}.mysocial-nav-logout{opacity:.78}
@media(max-width:860px){.mysocial-dashboard-wrap,.mysocial-settings-wrap{margin:14px}.mysocial-dashboard-grid{grid-template-columns:1fr 1fr}.mysocial-dashboard-links>div{grid-template-columns:1fr}.mysocial-nav{position:sticky;bottom:0;top:auto;justify-content:flex-start;max-width:none;border-radius:16px 16px 0 0;margin:0;overflow-x:auto;scrollbar-width:none}.mysocial-nav::-webkit-scrollbar{display:none}.mysocial-nav a{min-width:52px;justify-content:center}.mysocial-nav a span{display:none}}
@media(max-width:560px){.mysocial-dashboard-grid{grid-template-columns:1fr}.mysocial-dashboard-hero{padding:20px}.mysocial-dashboard-user{align-items:flex-start}.mysocial-dashboard-user .mysocial-avatar-large{width:62px;height:62px}.mysocial-setting-row{align-items:flex-start}.mysocial-dashboard-actions{align-items:stretch}.mysocial-dashboard-actions .mysocial-button,.mysocial-dashboard-actions .mysocial-outline-button{width:100%;box-sizing:border-box}.mysocial-nav{padding-bottom:max(10px,env(safe-area-inset-bottom))}}

/* v1.1 – eigene Anmeldung, Registrierung und Passwortverwaltung */
.mysocial-auth-wrap{max-width:560px;margin:34px auto 48px;padding:0 16px;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-auth-card{padding:28px;background:#181a1f!important;border-color:#2c3139!important;color:#fff!important}.mysocial-auth-card h1{margin:5px 0 10px;color:#fff!important;font-size:clamp(30px,6vw,42px);line-height:1.05}.mysocial-auth-card>p{margin:0 0 20px;color:#c8ced7!important;line-height:1.55}.mysocial-auth-form{display:grid;gap:15px;margin-top:20px}.mysocial-auth-form label{display:grid;gap:7px;color:#fff!important;font-weight:750}.mysocial-auth-form label small{color:#aeb5c0!important;font-weight:500}.mysocial-auth-form input[type=text],.mysocial-auth-form input[type=email],.mysocial-auth-form input[type=password]{box-sizing:border-box;width:100%;padding:12px 13px;border:1px solid #3b424d;border-radius:12px;background:#111318!important;color:#fff!important;font:inherit;outline:none}.mysocial-auth-form input:focus{border-color:#739fff;box-shadow:0 0 0 3px rgba(115,159,255,.16)}.mysocial-auth-form .mysocial-button{width:100%;justify-content:center;padding:12px 17px}.mysocial-auth-check{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:9px!important;font-weight:600!important}.mysocial-auth-check input{width:18px;height:18px;accent-color:#4f8cff}.mysocial-auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #2c3139}.mysocial-auth-links a{color:#cfe0ff!important;text-decoration:none;font-weight:700}.mysocial-auth-links a:hover{text-decoration:underline}.mysocial-auth-notice{margin:16px 0;padding:12px 14px;border:1px solid #46505d;border-radius:12px;color:#fff!important;line-height:1.45}.mysocial-auth-notice.is-error{border-color:#874555;background:#2c171d;color:#ffd9df!important}.mysocial-auth-notice.is-success{border-color:#3f725a;background:#15271d;color:#d7ffe8!important}.mysocial-auth-card *{color:inherit}.mysocial-auth-card .mysocial-kicker{color:#9fc0ff!important}
@media(max-width:560px){.mysocial-auth-wrap{margin:16px auto 32px;padding:0 10px}.mysocial-auth-card{padding:20px}.mysocial-auth-links{display:grid}.mysocial-auth-links a{padding:5px 0}}

/* v1.2 – Account-Verwaltung */
.mysocial-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mysocial-account-form{display:grid;gap:12px;padding:16px;border:1px solid #2d323a;border-radius:14px;background:#111318;color:#fff}.mysocial-account-form h3{margin:0;color:#fff}.mysocial-account-form p{margin:0;color:#c8ced7}.mysocial-account-form label{display:grid;gap:7px;color:#fff;font-weight:700}.mysocial-account-form input{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #3b424d;border-radius:11px;background:#181a1f!important;color:#fff!important;font:inherit}.mysocial-account-form input:focus{outline:none;border-color:#739fff;box-shadow:0 0 0 3px rgba(115,159,255,.14)}.mysocial-account-form .mysocial-outline-button{margin-top:2px;justify-content:center;background:transparent}.mysocial-danger-zone{display:grid;gap:12px;border-color:#61343f!important;background:#211418!important}.mysocial-danger-zone h2{margin:0;color:#ffdbe1!important}.mysocial-danger-zone p{margin:0;color:#e8c7ce!important;line-height:1.55}.mysocial-delete-form{margin-top:4px;border-color:#6e3945;background:#190f12}.mysocial-delete-form .is-danger{background:#3a1820!important;border-color:#9d5263!important;color:#ffd5de!important}.mysocial-account-box .mysocial-auth-notice{margin:0 0 6px}
@media(max-width:760px){.mysocial-account-grid{grid-template-columns:1fr}}

/* v1.3 – Feed-Pagination und Performance-Polish */
.mysocial-load-more{display:block;width:min(100%,680px);margin:14px auto 28px;padding:13px 18px;border:1px solid #414956;border-radius:13px;background:#1b1e24;color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.mysocial-load-more:hover{background:#252a32;border-color:#596474;transform:translateY(-1px)}.mysocial-load-more:disabled{opacity:.6;cursor:wait;transform:none}.mysocial-load-more[hidden]{display:none!important}
@media(max-width:700px){.mysocial-load-more{width:calc(100% - 24px);margin:12px auto 24px}}


/* v1.4 – Präsenz und Verifizierungen */
.mysocial-verified-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;border-radius:50%;background:#4f8cff;color:#fff!important;font-size:12px;font-weight:900;line-height:1;vertical-align:middle;box-shadow:0 0 0 2px rgba(79,140,255,.12)}
.mysocial-profile-copy h1 .mysocial-verified-badge{width:22px;height:22px;font-size:14px;transform:translateY(-2px)}
.mysocial-presence{display:inline-flex;align-items:center;gap:5px;color:#aeb5c0!important}.mysocial-presence::before{content:"";width:7px;height:7px;border-radius:50%;background:#69717d;box-shadow:0 0 0 2px rgba(105,113,125,.15)}.mysocial-presence.is-online{color:#d8ffe5!important}.mysocial-presence.is-online::before{background:#55d483;box-shadow:0 0 0 3px rgba(85,212,131,.14)}

/* v1.5 – Reaktionen, Reposts, Sichtbarkeit und angepinnte Beiträge */
.mysocial-visibility-picker{display:flex;align-items:center;gap:8px;color:#fff!important;font-weight:700}.mysocial-visibility-picker select,.mysocial-edit-visibility{border:1px solid #3c434d;border-radius:10px;background:#111318;color:#fff!important;padding:8px 10px;font:inherit}.mysocial-pinned-label,.mysocial-shared-label{display:inline-flex;align-items:center;gap:5px;margin:0 0 10px;color:#cfe0ff!important;font-size:12px;font-weight:800}.mysocial-post.is-pinned{border-color:#526c9a;box-shadow:0 0 0 1px rgba(115,159,255,.08)}.mysocial-actions-v15{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mysocial-reaction-wrap{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.mysocial-reaction-picker{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #343b46;border-radius:999px;background:#111318}.mysocial-reaction-choice{display:flex;align-items:center;gap:4px;border:0;border-radius:999px;background:transparent;color:#fff!important;padding:6px 8px;cursor:pointer;font:inherit}.mysocial-reaction-choice span{font-size:11px;color:#d8dde5!important}.mysocial-reaction-choice:hover,.mysocial-reaction-choice.is-active{background:#29364d}.mysocial-reaction-choice:disabled{opacity:.55;cursor:wait}.mysocial-reaction-total{color:#bac2ce!important;font-size:12px;font-weight:700}.mysocial-repost-card{display:block;margin:12px 0;padding:14px;border:1px solid #39414d;border-radius:14px;background:#111318;color:#fff!important;text-decoration:none;overflow:hidden}.mysocial-repost-card:hover{border-color:#536070}.mysocial-repost-author{margin-bottom:8px;color:#fff!important;font-weight:800}.mysocial-repost-author span{color:#aeb5c0!important;font-weight:600}.mysocial-repost-content{color:#fff!important;line-height:1.55}.mysocial-repost-card img{display:block;width:100%;max-height:460px;object-fit:cover;margin-top:10px;border-radius:10px}.mysocial-edit-form{gap:10px}.mysocial-edit-visibility{max-width:260px}
@media(max-width:700px){.mysocial-composer-actions{align-items:stretch}.mysocial-visibility-picker{justify-content:space-between}.mysocial-reaction-choice span{display:none}.mysocial-reaction-choice{font-size:18px;padding:6px 9px}.mysocial-reaction-picker{gap:2px}.mysocial-actions-v15{align-items:flex-start}}

/* v1.6 – Mehrfachbilder, Galerie und Vollbildansicht */
.mysocial-image-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.mysocial-image-preview[hidden]{display:none!important}.mysocial-image-preview img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid #343b46;background:#111318}.mysocial-gallery{position:relative;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:12px 0;border-radius:14px}.mysocial-gallery::-webkit-scrollbar{display:none}.mysocial-gallery-item{position:relative;flex:0 0 100%;padding:0;border:0;border-radius:14px;background:#0e1014;overflow:hidden;scroll-snap-align:center;cursor:zoom-in}.mysocial-gallery-item img{display:block;width:100%;max-height:620px;aspect-ratio:4/3;object-fit:cover;background:#0e1014}.mysocial-gallery.is-single .mysocial-gallery-item img{aspect-ratio:auto;max-height:680px;object-fit:contain}.mysocial-gallery-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(10,12,16,.78);color:#fff!important;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}.mysocial-gallery-nav:hover{background:rgba(35,39,47,.95)}.mysocial-gallery-nav.is-prev{left:10px}.mysocial-gallery-nav.is-next{right:10px}.mysocial-gallery-count{position:absolute;z-index:3;right:12px;bottom:12px;padding:5px 9px;border-radius:999px;background:rgba(10,12,16,.78);color:#fff!important;font-size:12px;font-weight:800;backdrop-filter:blur(6px)}.mysocial-lightbox{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;padding:56px 72px;background:rgba(0,0,0,.94);color:#fff}.mysocial-lightbox[hidden]{display:none!important}.mysocial-lightbox-image{display:block;max-width:min(94vw,1500px);max-height:88vh;object-fit:contain;border-radius:8px;box-shadow:0 18px 80px rgba(0,0,0,.45)}.mysocial-lightbox-close,.mysocial-lightbox-nav{position:absolute;border:0;background:rgba(24,26,31,.8);color:#fff!important;cursor:pointer;backdrop-filter:blur(8px)}.mysocial-lightbox-close{top:18px;right:20px;width:46px;height:46px;border-radius:50%;font-size:32px;line-height:1}.mysocial-lightbox-nav{top:50%;transform:translateY(-50%);width:52px;height:68px;border-radius:14px;font-size:38px}.mysocial-lightbox-nav.is-prev{left:16px}.mysocial-lightbox-nav.is-next{right:16px}.mysocial-lightbox-count{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(24,26,31,.82);color:#fff!important;font-size:13px;font-weight:800}.mysocial-lightbox-open{overflow:hidden}.mysocial-repost-card .mysocial-gallery{margin-bottom:0}.mysocial-repost-card .mysocial-gallery-item img{max-height:460px}
@media(max-width:700px){.mysocial-image-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.mysocial-gallery-nav{width:36px;height:36px;font-size:24px}.mysocial-lightbox{padding:48px 12px}.mysocial-lightbox-nav{width:42px;height:58px;font-size:32px}.mysocial-lightbox-nav.is-prev{left:6px}.mysocial-lightbox-nav.is-next{right:6px}.mysocial-lightbox-close{top:10px;right:10px}.mysocial-lightbox-image{max-width:96vw;max-height:84vh}}


/* v1.7 – Medienreihenfolge, Entfernen, Alt-Texte und Bildunterschriften */
.mysocial-media-hint{margin:8px 0 0}.mysocial-image-preview{align-items:start}.mysocial-preview-card{display:grid;gap:8px;padding:9px;border:1px solid #343b46;border-radius:12px;background:#111318}.mysocial-preview-card>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px}.mysocial-preview-card label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#fff!important}.mysocial-preview-card input{box-sizing:border-box;width:100%;border:1px solid #3b424e;border-radius:8px;background:#181a1f;color:#fff;padding:7px 8px;font:inherit}.mysocial-preview-card input::placeholder{color:#9199a6}.mysocial-preview-order{display:flex;align-items:center;gap:6px}.mysocial-preview-order button{border:1px solid #414955;border-radius:8px;background:#20242b;color:#fff;padding:5px 8px;cursor:pointer;font:inherit;font-weight:800}.mysocial-preview-order button:disabled{opacity:.35;cursor:default}.mysocial-preview-order button.is-danger{margin-left:auto;color:#ff8a9d}.mysocial-preview-order span{min-width:20px;text-align:center;color:#c9d0da!important;font-size:12px;font-weight:800}.mysocial-gallery-caption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:9px;background:rgba(10,12,16,.78);color:#fff!important;font-size:13px;line-height:1.35;text-align:left;backdrop-filter:blur(5px)}.mysocial-gallery.is-multi .mysocial-gallery-caption{right:76px}.mysocial-lightbox-caption{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);max-width:min(780px,86vw);padding:8px 12px;border-radius:10px;background:rgba(24,26,31,.84);color:#fff!important;text-align:center;line-height:1.45;backdrop-filter:blur(8px)}
@media(max-width:700px){.mysocial-preview-card{grid-column:span 2}.mysocial-lightbox-caption{bottom:56px;max-width:88vw;font-size:13px}}

/* v1.8 video */
.mysocial-video-preview,
.mysocial-video-wrap {
  margin-top: 14px;
  border-radius: 16px;
  overflow: hidden;
  background: #080b10;
  border: 1px solid rgba(255,255,255,.12);
}
.mysocial-video-preview { padding: 12px; }
.mysocial-video-preview video,
.mysocial-video-player {
  display: block;
  width: 100%;
  max-height: 620px;
  background: #000;
  border-radius: 12px;
}
.mysocial-video-preview .mysocial-text-button { margin-top: 10px; }
.mysocial-video-wrap.is-repost { margin: 10px 0 0; }

/* v1.9 stories */
.mysocial-stories-shell{padding:16px 18px;margin-bottom:18px}.mysocial-stories-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.mysocial-stories-heading>div{display:flex;flex-direction:column;gap:3px}.mysocial-stories-heading strong{font-size:18px;color:#fff!important}.mysocial-stories-heading span{font-size:12px;color:#b8c0cc!important}.mysocial-stories-row{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.mysocial-story-thumb{width:76px;flex:0 0 76px;border:0;background:transparent;padding:0;cursor:pointer;text-align:center;color:#fff!important}.mysocial-story-ring{width:66px;height:66px;border-radius:50%;padding:3px;margin:0 auto 7px;display:block;background:linear-gradient(135deg,#ff7a18,#ff2e8b 52%,#7557ff)}.mysocial-story-ring img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;border:3px solid #15191f}.mysocial-story-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#fff!important}.mysocial-story-composer{margin:0 0 16px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.025)}.mysocial-story-composer textarea{width:100%;margin-top:10px}.mysocial-story-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.mysocial-story-preview{margin-top:12px;max-width:260px}.mysocial-story-preview img{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.12)}
.mysocial-story-viewer[hidden]{display:none!important}.mysocial-story-viewer{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:24px;color:#fff!important}.mysocial-story-stage{position:relative;margin:0;width:min(520px,88vw);height:min(78vh,820px);display:flex;align-items:center;justify-content:center}.mysocial-story-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.mysocial-story-stage figcaption{position:absolute;left:20px;right:20px;bottom:18px;padding:10px 12px;border-radius:12px;background:rgba(10,12,16,.78);color:#fff!important;text-align:center;line-height:1.4;backdrop-filter:blur(7px)}.mysocial-story-viewer-head{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:min(520px,88vw);display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:3}.mysocial-story-viewer-head>a{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none}.mysocial-story-viewer-head>a span{display:flex;flex-direction:column}.mysocial-story-viewer-head small{color:#c7cdd6!important}.mysocial-story-viewer-head>div{display:flex;gap:8px}.mysocial-story-close,.mysocial-story-delete,.mysocial-story-nav{border:0;background:rgba(20,23,29,.78);color:#fff!important;cursor:pointer;backdrop-filter:blur(8px)}.mysocial-story-close,.mysocial-story-delete{width:42px;height:42px;border-radius:50%;font-size:24px}.mysocial-story-delete{font-size:16px}.mysocial-story-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border-radius:14px;font-size:38px;z-index:4}.mysocial-story-nav.is-prev{left:max(18px,calc(50% - 330px))}.mysocial-story-nav.is-next{right:max(18px,calc(50% - 330px))}.mysocial-story-progress{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:min(520px,88vw);height:3px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.22);z-index:4}.mysocial-story-progress span{display:block;width:100%;height:100%;transform-origin:left;background:#fff}.mysocial-story-open{overflow:hidden}.mysocial-error-inline{color:#ffb5b5!important}@keyframes mysocialStoryProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:700px){.mysocial-stories-shell{padding:14px}.mysocial-stories-heading{align-items:flex-start}.mysocial-story-compose-actions{align-items:stretch;flex-direction:column}.mysocial-story-compose-actions .mysocial-button{width:100%}.mysocial-story-viewer{padding:12px}.mysocial-story-viewer-head{top:24px;width:92vw}.mysocial-story-progress{top:12px;width:92vw}.mysocial-story-stage{width:94vw;height:78vh}.mysocial-story-nav{width:42px;height:56px;font-size:32px}.mysocial-story-nav.is-prev{left:8px}.mysocial-story-nav.is-next{right:8px}}

/* v2.0 story video, viewers & replies */
.mysocial-story-ring{position:relative}.mysocial-story-ring i{position:absolute;right:-1px;bottom:-1px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#15191f;border:2px solid #fff;color:#fff!important;font-size:10px;font-style:normal}
.mysocial-story-preview video{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#050608}.mysocial-story-stage video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:18px;background:#050608;box-shadow:0 20px 70px rgba(0,0,0,.45)}
.mysocial-story-head-actions{display:flex;gap:8px;align-items:center}.mysocial-story-view-count{height:42px;min-width:58px;padding:0 12px;border:0;border-radius:999px;background:rgba(20,23,29,.78);color:#fff!important;cursor:pointer;backdrop-filter:blur(8px);font-weight:700}.mysocial-story-view-count span{color:#fff!important}
.mysocial-story-reply{position:absolute;left:50%;transform:translateX(-50%);bottom:22px;width:min(520px,88vw);display:flex;gap:8px;z-index:5}.mysocial-story-reply[hidden]{display:none!important}.mysocial-story-reply input{flex:1;min-width:0;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(14,17,22,.9);color:#fff!important;padding:0 16px;outline:none}.mysocial-story-reply input::placeholder{color:#aeb6c2!important}.mysocial-story-reply button{border:0;border-radius:999px;background:#fff;color:#111!important;padding:0 18px;font-weight:800;cursor:pointer}.mysocial-story-reply span{position:absolute;left:14px;bottom:50px;font-size:12px;color:#fff!important;background:rgba(0,0,0,.72);padding:4px 8px;border-radius:8px}
.mysocial-story-viewers[hidden]{display:none!important}.mysocial-story-viewers{position:absolute;right:max(18px,calc(50% - 470px));top:88px;width:min(330px,86vw);max-height:70vh;overflow:auto;z-index:6;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(17,20,26,.97);box-shadow:0 20px 70px rgba(0,0,0,.45);padding:14px;color:#fff!important}.mysocial-story-viewers-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mysocial-story-viewers-head strong{color:#fff!important}.mysocial-story-viewers-head button{border:0;background:transparent;color:#fff!important;font-size:24px;cursor:pointer}.mysocial-story-viewer-user{display:flex;align-items:center;gap:10px;padding:9px;border-radius:12px;text-decoration:none;color:#fff!important}.mysocial-story-viewer-user:hover{background:rgba(255,255,255,.07)}.mysocial-story-viewer-user img{width:42px;height:42px;border-radius:50%;object-fit:cover}.mysocial-story-viewer-user span{display:flex;flex-direction:column;min-width:0}.mysocial-story-viewer-user strong,.mysocial-story-viewer-user small{color:#fff!important}.mysocial-story-viewer-user small{opacity:.68}
@media(max-width:700px){.mysocial-story-viewers{left:50%;right:auto;transform:translateX(-50%);top:82px;width:92vw;max-height:62vh}.mysocial-story-reply{bottom:12px;width:92vw}.mysocial-story-stage{padding-bottom:52px}.mysocial-story-reply button{padding:0 14px}}

/* v2.1 – großes Social-UI-Redesign */
:root{--mys-bg:#080b10;--mys-panel:#11151c;--mys-panel-2:#151a22;--mys-line:rgba(255,255,255,.085);--mys-soft:#a9b2bf;--mys-accent:#6d8cff;--mys-accent-2:#9b6cff}
.mysocial-feed-shell{width:min(1380px,calc(100vw - 32px));margin:18px 50%;transform:translateX(-50%);display:grid;grid-template-columns:230px minmax(0,720px) 300px;gap:22px;align-items:start;padding:22px;box-sizing:border-box;border:1px solid rgba(255,255,255,.055);border-radius:28px;background:radial-gradient(circle at 20% 0%,rgba(109,140,255,.09),transparent 28%),radial-gradient(circle at 92% 18%,rgba(155,108,255,.075),transparent 25%),#090c11;box-shadow:0 28px 80px rgba(0,0,0,.32);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mysocial-feed-shell *{box-sizing:border-box}.mysocial-feed-shell .mysocial-card{background:linear-gradient(180deg,rgba(21,26,34,.98),rgba(15,19,25,.98));border:1px solid var(--mys-line);border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.mysocial-feed-shell .mysocial-main{min-width:0;gap:14px}.mysocial-feed-shell .mysocial-feed{gap:14px}.mysocial-mobile-title{display:none}
/* left rail */
.mysocial-feed-shell>.mysocial-nav{position:sticky;top:22px;z-index:20;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;max-width:none;margin:0;padding:10px;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0}
.mysocial-nav-brand{display:flex!important;align-items:center!important;gap:11px!important;padding:8px 10px 18px!important;border-radius:14px!important;border-bottom:1px solid var(--mys-line);text-decoration:none!important}.mysocial-nav-brand:hover{background:transparent!important}
.mysocial-brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:linear-gradient(135deg,var(--mys-accent),var(--mys-accent-2));color:#fff!important;font-size:20px;font-weight:950;box-shadow:0 8px 24px rgba(109,140,255,.22)}
.mysocial-brand-copy{display:grid;gap:0;min-width:0}.mysocial-brand-copy strong{font-size:15px;line-height:1.1;color:#fff!important}.mysocial-brand-copy small{font-size:11px;color:#8791a0!important;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.mysocial-nav-links{display:grid;gap:5px}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a,.mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;padding:11px 12px;border-radius:13px;color:#dce2ea!important;text-decoration:none;font-size:14px;font-weight:760;transition:background .15s ease,transform .15s ease,color .15s ease}
.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a:hover,.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active,.mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout:hover{background:rgba(255,255,255,.065);color:#fff!important;transform:translateX(2px)}
.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active{box-shadow:inset 3px 0 0 var(--mys-accent);background:linear-gradient(90deg,rgba(109,140,255,.16),rgba(109,140,255,.035))}
.mysocial-feed-shell>.mysocial-nav i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.045);color:#fff!important;font-style:normal;font-size:17px}.mysocial-feed-shell>.mysocial-nav .mysocial-badge{justify-self:end;margin:0;min-width:20px;height:20px;background:#e15370;font-size:11px}.mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout{margin-top:6px;opacity:.72}
/* stories */
.mysocial-feed-shell .mysocial-stories-shell{padding:16px 18px 13px;margin:0;background:transparent;border-color:transparent;border-bottom-color:var(--mys-line);border-radius:0;box-shadow:none}.mysocial-feed-shell .mysocial-stories-heading{margin-bottom:12px}.mysocial-feed-shell .mysocial-stories-heading strong{font-size:15px}.mysocial-feed-shell .mysocial-stories-heading span{font-size:11px;color:#8993a1!important}.mysocial-feed-shell .mysocial-story-thumb{width:72px;flex-basis:72px}.mysocial-feed-shell .mysocial-story-ring{width:62px;height:62px}.mysocial-feed-shell .mysocial-story-name{font-size:11px;color:#cbd2dc!important}.mysocial-feed-shell .mysocial-stories-row{gap:11px;padding-bottom:4px}
/* composer */
.mysocial-feed-shell .mysocial-composer{padding:17px}.mysocial-composer-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.mysocial-composer-head>div{display:grid;gap:1px}.mysocial-composer-head strong{font-size:14px;color:#fff!important}.mysocial-composer-head span{font-size:11px;color:#919aa7!important}.mysocial-feed-shell .mysocial-composer textarea{min-height:88px;padding:13px 14px;background:#0b0f14;border:1px solid rgba(255,255,255,.09);border-radius:15px;line-height:1.5}.mysocial-feed-shell .mysocial-image-picker{padding-top:10px;border-top:1px solid var(--mys-line)}.mysocial-feed-shell .mysocial-file-button{border:0;background:rgba(255,255,255,.055);padding:8px 11px;border-radius:11px;font-size:12px}.mysocial-feed-shell .mysocial-file-name{display:none}.mysocial-feed-shell .mysocial-composer-actions{padding-top:12px;border-top:1px solid var(--mys-line);margin-top:12px}.mysocial-feed-shell .mysocial-composer-actions>.mysocial-hint{display:none}.mysocial-feed-shell .mysocial-button{background:linear-gradient(135deg,#6684ff,#8b62ea);box-shadow:0 8px 20px rgba(105,130,255,.18);padding:9px 17px}.mysocial-feed-shell .mysocial-visibility-picker{font-size:12px}.mysocial-feed-shell .mysocial-visibility-picker select{border:0;background:rgba(255,255,255,.055);font-size:12px;padding:7px 9px}
/* post cards */
.mysocial-feed-shell .mysocial-post{padding:17px 17px 14px;overflow:hidden}.mysocial-feed-shell .mysocial-post-header{gap:10px}.mysocial-feed-shell .mysocial-avatar{width:43px;height:43px}.mysocial-feed-shell .mysocial-post-headcopy strong{font-size:14px}.mysocial-feed-shell .mysocial-meta{font-size:11px;color:#8e98a6!important}.mysocial-feed-shell .mysocial-post-content{font-size:14.5px;line-height:1.6;margin:13px 0}.mysocial-feed-shell .mysocial-gallery,.mysocial-feed-shell .mysocial-video-wrap{margin-left:-17px;margin-right:-17px;border-radius:0;border-left:0;border-right:0}.mysocial-feed-shell .mysocial-gallery-item{border-radius:0}.mysocial-feed-shell .mysocial-gallery-item img{max-height:590px}.mysocial-feed-shell .mysocial-actions{margin-top:10px;padding:9px 0 4px;border-bottom:0;gap:8px}.mysocial-feed-shell .mysocial-actions-v15{justify-content:space-between}.mysocial-feed-shell .mysocial-reaction-picker{border:0;background:transparent;padding:0}.mysocial-feed-shell .mysocial-reaction-choice{padding:7px 8px}.mysocial-feed-shell .mysocial-reaction-choice:hover,.mysocial-feed-shell .mysocial-reaction-choice.is-active{background:rgba(255,255,255,.07)}.mysocial-feed-shell .mysocial-comment-bubble{background:#1b2029;border-radius:5px 15px 15px 15px}.mysocial-feed-shell .mysocial-comment-form input{background:#0b0f14;border-color:var(--mys-line)}
/* right rail */
.mysocial-right-rail{position:sticky;top:22px;display:grid;gap:14px;min-width:0}.mysocial-right-rail .mysocial-profile{position:static;padding:18px;text-align:left;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:start}.mysocial-right-rail .mysocial-avatar-large{width:58px;height:58px}.mysocial-right-rail .mysocial-profile h2{font-size:16px;margin:2px 0}.mysocial-right-rail .mysocial-profile p{font-size:12px;line-height:1.45}.mysocial-right-rail .mysocial-profile-link,.mysocial-right-rail .mysocial-notification-link{justify-content:flex-start;font-size:12px;margin-top:8px}.mysocial-discover-card{padding:18px!important}.mysocial-discover-card h3{margin:5px 0 14px;font-size:17px;color:#fff!important}.mysocial-discover-card>a{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--mys-line);text-decoration:none!important}.mysocial-discover-card>a strong{font-size:13px;color:#fff!important}.mysocial-discover-card>a span{font-size:11px;color:#8e98a6!important}.mysocial-discover-card>a:hover strong{color:#aabaff!important}.mysocial-discover-card .mysocial-discover-more{display:block;border:0;padding:13px 0 0;color:#9dadff!important;font-size:12px;font-weight:800}
/* global polish for social pages */
.mysocial-card{border-radius:18px}.mysocial-search-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mysocial-load-more{border-radius:14px;background:#121720;border-color:var(--mys-line)}
@media(max-width:1180px){.mysocial-feed-shell{grid-template-columns:205px minmax(0,700px);max-width:980px}.mysocial-right-rail{display:none}}
@media(max-width:820px){.mysocial-feed-shell{width:100vw;margin:0 50%;padding:0 0 78px;grid-template-columns:1fr;gap:0;border:0;border-radius:0;background:#090c11;box-shadow:none;min-height:100vh}.mysocial-feed-shell>.mysocial-nav{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:99999;display:block;margin:0;padding:7px 8px max(7px,env(safe-area-inset-bottom));background:rgba(12,15,20,.96);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-brand,.mysocial-feed-shell>.mysocial-nav>.mysocial-nav-logout{display:none!important}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px 2px!important;min-width:0;border-radius:10px;transform:none!important}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a:nth-child(n+6){display:none}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active{box-shadow:none;background:rgba(109,140,255,.12)}.mysocial-feed-shell>.mysocial-nav i{width:28px;height:25px;background:transparent;font-size:18px}.mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a span{display:block;font-size:9px;color:#aeb6c2!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mysocial-feed-shell>.mysocial-nav .mysocial-badge{position:absolute;margin:-25px 0 0 22px}.mysocial-feed-shell .mysocial-main{padding:0 12px 18px}.mysocial-mobile-title{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 12px}.mysocial-mobile-title strong{font-size:18px;color:#fff!important}.mysocial-mobile-title span{font-size:11px;color:#84909f!important}.mysocial-feed-shell .mysocial-stories-shell{margin:0 -12px;padding-left:14px;padding-right:14px}.mysocial-feed-shell .mysocial-composer,.mysocial-feed-shell .mysocial-post{border-radius:17px}.mysocial-feed-shell .mysocial-composer-actions{align-items:center}.mysocial-feed-shell .mysocial-actions-v15{gap:5px}.mysocial-feed-shell .mysocial-owner-tools{margin-left:auto}.mysocial-right-rail{display:none}}
@media(max-width:520px){.mysocial-feed-shell .mysocial-main{padding-left:8px;padding-right:8px}.mysocial-feed-shell .mysocial-stories-shell{margin-left:-8px;margin-right:-8px}.mysocial-feed-shell .mysocial-composer,.mysocial-feed-shell .mysocial-post{padding:14px}.mysocial-feed-shell .mysocial-gallery,.mysocial-feed-shell .mysocial-video-wrap{margin-left:-14px;margin-right:-14px}.mysocial-feed-shell .mysocial-reaction-choice span{display:none}.mysocial-feed-shell .mysocial-story-thumb{width:66px;flex-basis:66px}.mysocial-feed-shell .mysocial-story-ring{width:57px;height:57px}}

/* v2.1.1 – high-contrast accessibility fix */
.mysocial-feed-shell,
.mysocial-feed-shell *,
.mysocial-app,
.mysocial-app *,
.mysocial-public-profile,
.mysocial-public-profile *,
.mysocial-single-wrap,
.mysocial-single-wrap *,
.mysocial-notifications-wrap,
.mysocial-notifications-wrap *,
.mysocial-dashboard-wrap,
.mysocial-dashboard-wrap *,
.mysocial-settings-wrap,
.mysocial-settings-wrap *,
.mysocial-messages-wrap,
.mysocial-messages-wrap *,
.mysocial-auth-wrap,
.mysocial-auth-wrap *,
.mysocial-search-wrap,
.mysocial-search-wrap *{text-shadow:none}

/* Primary copy: deliberately bright and theme-proof. */
.mysocial-feed-shell,
.mysocial-feed-shell .mysocial-card,
.mysocial-feed-shell h1,
.mysocial-feed-shell h2,
.mysocial-feed-shell h3,
.mysocial-feed-shell h4,
.mysocial-feed-shell p,
.mysocial-feed-shell strong,
.mysocial-feed-shell label,
.mysocial-feed-shell summary,
.mysocial-feed-shell .mysocial-post-content,
.mysocial-feed-shell .mysocial-comment-bubble,
.mysocial-feed-shell .mysocial-comment-bubble p,
.mysocial-feed-shell .mysocial-login-note,
.mysocial-feed-shell .mysocial-loading,
.mysocial-feed-shell .mysocial-empty,
.mysocial-feed-shell .mysocial-stories-heading strong,
.mysocial-public-profile,
.mysocial-public-profile h1,
.mysocial-public-profile h2,
.mysocial-public-profile h3,
.mysocial-public-profile p,
.mysocial-public-profile strong,
.mysocial-public-profile label,
.mysocial-single-wrap,
.mysocial-single-wrap h1,
.mysocial-single-wrap h2,
.mysocial-single-wrap p,
.mysocial-notifications-wrap,
.mysocial-notifications-wrap h1,
.mysocial-notifications-wrap h2,
.mysocial-dashboard-wrap,
.mysocial-dashboard-wrap h1,
.mysocial-dashboard-wrap h2,
.mysocial-settings-wrap,
.mysocial-settings-wrap h1,
.mysocial-settings-wrap h2,
.mysocial-settings-wrap label,
.mysocial-messages-wrap,
.mysocial-messages-wrap h1,
.mysocial-messages-wrap h2,
.mysocial-auth-wrap,
.mysocial-auth-wrap h1,
.mysocial-auth-wrap h2,
.mysocial-auth-wrap label,
.mysocial-search-wrap,
.mysocial-search-wrap h1,
.mysocial-search-wrap h2{
  color:#ffffff !important;
}

/* Secondary text remains visibly secondary, but never dark grey on black. */
.mysocial-feed-shell .mysocial-muted,
.mysocial-feed-shell .mysocial-meta,
.mysocial-feed-shell .mysocial-hint,
.mysocial-feed-shell .mysocial-username,
.mysocial-feed-shell .mysocial-status,
.mysocial-feed-shell .mysocial-file-name,
.mysocial-feed-shell .mysocial-story-name,
.mysocial-feed-shell .mysocial-stories-heading span,
.mysocial-feed-shell .mysocial-composer-head span,
.mysocial-feed-shell .mysocial-discover-card a span,
.mysocial-feed-shell .mysocial-comment-bubble small,
.mysocial-feed-shell small,
.mysocial-public-profile .mysocial-muted,
.mysocial-public-profile .mysocial-meta,
.mysocial-public-profile .mysocial-username,
.mysocial-single-wrap .mysocial-muted,
.mysocial-single-wrap .mysocial-meta,
.mysocial-notifications-wrap .mysocial-muted,
.mysocial-dashboard-wrap .mysocial-muted,
.mysocial-settings-wrap .mysocial-muted,
.mysocial-messages-wrap .mysocial-muted,
.mysocial-auth-wrap .mysocial-muted,
.mysocial-search-wrap .mysocial-muted,
.mysocial-search-wrap .mysocial-meta{
  color:#d7dde7 !important;
  opacity:1 !important;
}

/* All social links/actions should remain readable even when the theme has dark link colors. */
.mysocial-feed-shell a,
.mysocial-public-profile a,
.mysocial-single-wrap a,
.mysocial-notifications-wrap a,
.mysocial-dashboard-wrap a,
.mysocial-settings-wrap a,
.mysocial-messages-wrap a,
.mysocial-auth-wrap a,
.mysocial-search-wrap a{
  color:#f4f7ff !important;
}
.mysocial-feed-shell a:hover,
.mysocial-public-profile a:hover,
.mysocial-single-wrap a:hover,
.mysocial-notifications-wrap a:hover,
.mysocial-dashboard-wrap a:hover,
.mysocial-settings-wrap a:hover,
.mysocial-messages-wrap a:hover,
.mysocial-auth-wrap a:hover,
.mysocial-search-wrap a:hover{
  color:#ffffff !important;
}

.mysocial-feed-shell .mysocial-action,
.mysocial-feed-shell .mysocial-action-static,
.mysocial-feed-shell .mysocial-text-button,
.mysocial-feed-shell button:not(.mysocial-button):not(.mysocial-comment-form button),
.mysocial-public-profile .mysocial-text-button,
.mysocial-single-wrap .mysocial-action,
.mysocial-single-wrap .mysocial-text-button{
  color:#eef2f8 !important;
}
.mysocial-feed-shell .mysocial-action.is-active{color:#ff91a7 !important}
.mysocial-feed-shell .mysocial-text-button.is-danger{color:#ff9caf !important}

/* Inputs: bright copy and placeholders, stronger borders. */
.mysocial-feed-shell input,
.mysocial-feed-shell textarea,
.mysocial-feed-shell select,
.mysocial-public-profile input,
.mysocial-public-profile textarea,
.mysocial-public-profile select,
.mysocial-single-wrap input,
.mysocial-single-wrap textarea,
.mysocial-settings-wrap input,
.mysocial-settings-wrap textarea,
.mysocial-settings-wrap select,
.mysocial-messages-wrap input,
.mysocial-messages-wrap textarea,
.mysocial-auth-wrap input,
.mysocial-auth-wrap textarea,
.mysocial-search-wrap input,
.mysocial-search-wrap textarea{
  color:#ffffff !important;
  background:#0d1118 !important;
  border-color:#46505f !important;
  -webkit-text-fill-color:#ffffff;
  caret-color:#ffffff;
}
.mysocial-feed-shell input::placeholder,
.mysocial-feed-shell textarea::placeholder,
.mysocial-public-profile input::placeholder,
.mysocial-public-profile textarea::placeholder,
.mysocial-single-wrap input::placeholder,
.mysocial-single-wrap textarea::placeholder,
.mysocial-settings-wrap input::placeholder,
.mysocial-settings-wrap textarea::placeholder,
.mysocial-messages-wrap input::placeholder,
.mysocial-messages-wrap textarea::placeholder,
.mysocial-auth-wrap input::placeholder,
.mysocial-auth-wrap textarea::placeholder,
.mysocial-search-wrap input::placeholder,
.mysocial-search-wrap textarea::placeholder{
  color:#c9d0dc !important;
  opacity:1 !important;
}
.mysocial-feed-shell select option,
.mysocial-settings-wrap select option{background:#11161e !important;color:#fff !important}

/* Cards and comments need enough luminance separation from the page. */
.mysocial-feed-shell .mysocial-card,
.mysocial-public-profile .mysocial-card,
.mysocial-single-wrap .mysocial-card,
.mysocial-notifications-wrap .mysocial-card,
.mysocial-dashboard-wrap .mysocial-card,
.mysocial-settings-wrap .mysocial-card,
.mysocial-messages-wrap .mysocial-card,
.mysocial-auth-wrap .mysocial-card,
.mysocial-search-wrap .mysocial-card{
  background:#171c24 !important;
  border-color:#343c49 !important;
}
.mysocial-feed-shell .mysocial-comment-bubble{background:#242b36 !important}
.mysocial-feed-shell .mysocial-actions{border-color:#39414e !important}

/* Login / guest prompt: make it impossible to miss. */
.mysocial-feed-shell .mysocial-login-note{
  background:#1b2230 !important;
  border:1px solid #46536a !important;
}
.mysocial-feed-shell .mysocial-login-note span,
.mysocial-feed-shell .mysocial-login-note strong,
.mysocial-feed-shell .mysocial-login-note p{color:#ffffff !important}

/* Buttons keep white labels even if the theme styles buttons globally. */
.mysocial-feed-shell .mysocial-button,
.mysocial-feed-shell .mysocial-comment-form button,
.mysocial-public-profile .mysocial-button,
.mysocial-single-wrap .mysocial-button,
.mysocial-settings-wrap .mysocial-button,
.mysocial-messages-wrap .mysocial-button,
.mysocial-auth-wrap .mysocial-button,
.mysocial-search-wrap .mysocial-button{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}

/* Mobile bottom navigation: labels were particularly vulnerable to theme overrides. */
@media(max-width:820px){
  .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a,
  .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a span,
  .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a i{
    color:#f5f7fb !important;
    opacity:1 !important;
  }
  .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active span,
  .mysocial-feed-shell>.mysocial-nav .mysocial-nav-links>a.is-active i{color:#ffffff !important}
}


/* v2.1.2 – theme isolation + stronger contrast + wider content column
   Several WordPress themes apply link/heading colors with selectors that sit
   outside the MySocial wrappers. Keep the complete MySocial UI readable. */
body .mysocial-nav,
body .mysocial-nav *,
body .mysocial-feed-shell,
body .mysocial-feed-shell *,
body .mysocial-dashboard-wrap,
body .mysocial-dashboard-wrap *,
body .mysocial-settings-wrap,
body .mysocial-settings-wrap *,
body .mysocial-public-profile,
body .mysocial-public-profile *,
body .mysocial-single-wrap,
body .mysocial-single-wrap *,
body .mysocial-notifications-wrap,
body .mysocial-notifications-wrap *,
body .mysocial-messages-wrap,
body .mysocial-messages-wrap *,
body .mysocial-auth-wrap,
body .mysocial-auth-wrap *,
body .mysocial-search-wrap,
body .mysocial-search-wrap *{
  text-shadow:none !important;
}

/* Navigation is rendered outside some page wrappers, so protect it explicitly. */
body .mysocial-nav a,
body .mysocial-nav a:link,
body .mysocial-nav a:visited,
body .mysocial-nav a:hover,
body .mysocial-nav a:focus,
body .mysocial-nav a:active,
body .mysocial-nav a span,
body .mysocial-nav a i,
body .mysocial-nav .mysocial-nav-logout,
body .mysocial-nav .mysocial-nav-logout span,
body .mysocial-nav .mysocial-nav-logout i{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  opacity:1 !important;
  text-decoration:none !important;
}
body .mysocial-nav a:hover,
body .mysocial-nav a:focus,
body .mysocial-nav a.is-active{
  background:#202733 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
body .mysocial-nav .mysocial-nav-brand small,
body .mysocial-nav .mysocial-nav-brand span{
  color:#d9e0e9 !important;
  -webkit-text-fill-color:#d9e0e9 !important;
}

/* Main copy – include every common text element, not only headings from v2.1.1. */
body .mysocial-feed-shell :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-dashboard-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-settings-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-public-profile :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-single-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-notifications-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-messages-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-auth-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend),
body .mysocial-search-wrap :is(h1,h2,h3,h4,h5,h6,p,strong,b,label,summary,legend){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Theme-proof all links inside MySocial, including visited links. */
body .mysocial-feed-shell a,
body .mysocial-feed-shell a:visited,
body .mysocial-dashboard-wrap a,
body .mysocial-dashboard-wrap a:visited,
body .mysocial-settings-wrap a,
body .mysocial-settings-wrap a:visited,
body .mysocial-public-profile a,
body .mysocial-public-profile a:visited,
body .mysocial-single-wrap a,
body .mysocial-single-wrap a:visited,
body .mysocial-notifications-wrap a,
body .mysocial-notifications-wrap a:visited,
body .mysocial-messages-wrap a,
body .mysocial-messages-wrap a:visited,
body .mysocial-auth-wrap a,
body .mysocial-auth-wrap a:visited,
body .mysocial-search-wrap a,
body .mysocial-search-wrap a:visited{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  opacity:1 !important;
}
body .mysocial-feed-shell a:hover,
body .mysocial-dashboard-wrap a:hover,
body .mysocial-settings-wrap a:hover,
body .mysocial-public-profile a:hover,
body .mysocial-single-wrap a:hover,
body .mysocial-notifications-wrap a:hover,
body .mysocial-messages-wrap a:hover,
body .mysocial-auth-wrap a:hover,
body .mysocial-search-wrap a:hover{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Secondary information: lighter than before, still visually subordinate. */
body .mysocial-feed-shell :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-username,.mysocial-status,.mysocial-file-name,.mysocial-story-name,small),
body .mysocial-dashboard-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-username,.mysocial-status,small),
body .mysocial-settings-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-status,small),
body .mysocial-public-profile :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-username,.mysocial-status,small),
body .mysocial-single-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-username,.mysocial-status,small),
body .mysocial-notifications-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-status,small),
body .mysocial-messages-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-status,small),
body .mysocial-auth-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-status,small),
body .mysocial-search-wrap :is(.mysocial-muted,.mysocial-meta,.mysocial-hint,.mysocial-username,.mysocial-status,small){
  color:#dce3ec !important;
  -webkit-text-fill-color:#dce3ec !important;
  opacity:1 !important;
}

/* Buttons/actions – stop red theme styles from bleeding through. */
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(button,.mysocial-button,.mysocial-outline-button,.mysocial-text-button,.mysocial-action,.mysocial-action-static){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:none !important;
}
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(button,.mysocial-button,.mysocial-outline-button):not(.is-danger){
  border-color:#4a5565 !important;
}
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap) .is-danger{
  color:#ffb7c3 !important;
  -webkit-text-fill-color:#ffb7c3 !important;
}

/* Dashboard cards need the same dark surface and white copy as the feed. */
body .mysocial-dashboard-wrap .mysocial-card,
body .mysocial-dashboard-wrap .mysocial-dashboard-stat,
body .mysocial-dashboard-wrap .mysocial-dashboard-links,
body .mysocial-dashboard-wrap .mysocial-dashboard-links a{
  background:#171d25 !important;
  border-color:#3a4452 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
body .mysocial-dashboard-wrap .mysocial-kicker{
  color:#b9c9ff !important;
  -webkit-text-fill-color:#b9c9ff !important;
}
body .mysocial-dashboard-wrap .mysocial-dashboard-stat small{
  color:#dce3ec !important;
  -webkit-text-fill-color:#dce3ec !important;
}

/* Feed proportions: give the content column more space and keep side rails compact. */
@media(min-width:1181px){
  body .mysocial-feed-shell{
    width:min(1440px,calc(100vw - 36px));
    grid-template-columns:190px minmax(560px,1fr) 250px;
    gap:18px;
    padding:20px;
  }
}
@media(min-width:821px) and (max-width:1180px){
  body .mysocial-feed-shell{
    width:min(1040px,calc(100vw - 28px));
    grid-template-columns:175px minmax(0,1fr);
    gap:16px;
    padding:18px;
  }
}

/* Inputs: catch browser autofill/theme styling too. */
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(input,textarea,select){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background-color:#0d1219 !important;
  border-color:#526071 !important;
  opacity:1 !important;
}
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(input,textarea)::placeholder{
  color:#cfd7e2 !important;
  -webkit-text-fill-color:#cfd7e2 !important;
  opacity:1 !important;
}


/* ============================================================
   MySocial 2.1.3 – theme isolation / contrast hotfix
   Keep this block last: it intentionally wins over theme rules.
   ============================================================ */
body .mysocial-nav,
body .mysocial-nav *,
body .mysocial-feed-shell,
body .mysocial-dashboard-wrap,
body .mysocial-settings-wrap,
body .mysocial-public-profile,
body .mysocial-single-wrap,
body .mysocial-notifications-wrap,
body .mysocial-messages-wrap,
body .mysocial-auth-wrap,
body .mysocial-search-wrap {
  box-sizing: border-box;
}

body .mysocial-nav {
  background: #0d1219 !important;
  border-color: #303947 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body .mysocial-nav a,
body .mysocial-nav a:link,
body .mysocial-nav a:visited,
body .mysocial-nav a:hover,
body .mysocial-nav a:focus,
body .mysocial-nav a:active,
body .mysocial-nav button,
body .mysocial-nav span,
body .mysocial-nav strong,
body .mysocial-nav i,
body .mysocial-nav small {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

body .mysocial-nav .mysocial-brand-copy small {
  color: #dce3ec !important;
  -webkit-text-fill-color: #dce3ec !important;
}

body .mysocial-nav-links a,
body .mysocial-nav-logout {
  background: transparent !important;
  border-color: transparent !important;
}

body .mysocial-nav-links a:hover,
body .mysocial-nav-links a:focus,
body .mysocial-nav-links a.is-active,
body .mysocial-nav-logout:hover,
body .mysocial-nav-logout:focus {
  background: #1a2230 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body .mysocial-nav .mysocial-badge {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Strong fallback for content the active theme tries to recolor. */
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(h1,h2,h3,h4,h5,h6,p,label,legend,strong,b,li,dt,dd,figcaption) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
a:not(.is-danger),
body :is(.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
a:not(.is-danger):visited {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Give the actual feed priority on wide screens. */
@media (min-width: 1181px) {
  body .mysocial-feed-shell {
    grid-template-columns: 170px minmax(620px, 1fr) 220px !important;
    gap: 16px !important;
  }
}

/* On medium widths remove the right rail instead of squeezing the feed. */
@media (min-width: 821px) and (max-width: 1180px) {
  body .mysocial-feed-shell {
    grid-template-columns: 170px minmax(0, 1fr) !important;
  }
  body .mysocial-feed-shell .mysocial-right-rail {
    display: none !important;
  }
}

/* Prevent global theme typography from shrinking social controls. */
body :is(.mysocial-nav,.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(button,input,textarea,select) {
  font: inherit;
}

/* Accessible keyboard focus even when the theme removes outlines. */
body :is(.mysocial-nav,.mysocial-feed-shell,.mysocial-dashboard-wrap,.mysocial-settings-wrap,.mysocial-public-profile,.mysocial-single-wrap,.mysocial-notifications-wrap,.mysocial-messages-wrap,.mysocial-auth-wrap,.mysocial-search-wrap)
:is(a,button,input,textarea,select):focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 2px !important;
}


/* ============================================================
   MySocial 2.1.5 – menu, feed containment and error UI
   ============================================================ */

/* The WordPress content column is the true available width. */
body .mysocial-feed-frame {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  container-type: inline-size;
  container-name: mysocialfeed;
}

body .mysocial-feed-frame > .mysocial-feed-shell {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 18px auto !important;
  transform: none !important;
  grid-template-columns: 168px minmax(0, 1fr) 218px !important;
  gap: 14px !important;
  padding: 16px !important;
  overflow: hidden !important;
}

body .mysocial-feed-shell > .mysocial-main,
body .mysocial-feed-shell > .mysocial-right-rail {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Standalone navigation on Profile, Dashboard, Settings etc.
   One stable vertical column: no wrapping, no theme interference. */
body .mysocial-nav.mysocial-nav-standalone {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: min(100%, 520px) !important;
  max-width: 520px !important;
  margin: 18px auto !important;
  padding: 14px !important;
  overflow: visible !important;
  border: 1px solid #303947 !important;
  border-radius: 18px !important;
  background: #0d1219 !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-brand {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  padding: 8px 10px 14px !important;
  border-bottom: 1px solid #303947 !important;
  border-radius: 10px !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  gap: 5px !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links > a,
body .mysocial-nav.mysocial-nav-standalone > .mysocial-nav-logout {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  gap: 8px !important;
  white-space: normal !important;
  text-align: left !important;
  border-radius: 11px !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links > a i,
body .mysocial-nav.mysocial-nav-standalone > .mysocial-nav-logout i {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links > a span,
body .mysocial-nav.mysocial-nav-standalone > .mysocial-nav-logout span {
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
  text-align: left !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body .mysocial-nav.mysocial-nav-standalone .mysocial-nav-links > a.is-active {
  background: #1b2636 !important;
  box-shadow: inset 3px 0 0 #6d8cff !important;
}

/* Embedded menu remains a clean left rail. */
body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-links {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-links > a,
body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded > .mysocial-nav-logout {
  width: 100% !important;
  margin: 0 !important;
}

/* Actual content-width breakpoints, not browser-width breakpoints. */
@container mysocialfeed (max-width: 940px) {
  body .mysocial-feed-frame > .mysocial-feed-shell {
    grid-template-columns: 160px minmax(0, 1fr) !important;
  }
  body .mysocial-feed-frame .mysocial-right-rail {
    display: none !important;
  }
}

@container mysocialfeed (max-width: 650px) {
  body .mysocial-feed-frame > .mysocial-feed-shell {
    grid-template-columns: 1fr !important;
    padding: 0 0 78px !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 99999 !important;
    display: block !important;
    padding: 7px 8px max(7px, env(safe-area-inset-bottom)) !important;
    background: rgba(12,15,20,.97) !important;
    border-top: 1px solid rgba(255,255,255,.1) !important;
  }
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-brand,
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded > .mysocial-nav-logout {
    display: none !important;
  }
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-links {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 2px !important;
  }
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-links > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 5px 2px !important;
  }
  body .mysocial-feed-shell > .mysocial-nav.mysocial-nav-embedded .mysocial-nav-links > a:nth-child(n+6) {
    display: none !important;
  }
}

/* Controlled API error instead of escaped WordPress fatal HTML. */
body .mysocial-feed-error {
  display: grid !important;
  gap: 8px !important;
  padding: 18px !important;
  color: #ffffff !important;
}
body .mysocial-feed-error strong,
body .mysocial-feed-error p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body .mysocial-feed-error p {
  margin: 0 !important;
  color: #d7dee8 !important;
  -webkit-text-fill-color: #d7dee8 !important;
}
body .mysocial-feed-error .mysocial-button {
  justify-self: start !important;
}


/* ============================================================
   MySocial 2.1.6 – feed stability layout
   ============================================================ */

/* AdventureBobby's WordPress content area is intentionally compact.
   The third rail is therefore removed from the feed instead of clipping. */
body .mysocial-feed-frame > .mysocial-feed-shell {
  grid-template-columns: 168px minmax(0, 1fr) !important;
  overflow: visible !important;
}

body .mysocial-feed-frame .mysocial-right-rail {
  display: none !important;
}

/* Feed gets the available space and may never force horizontal overflow. */
body .mysocial-feed-frame,
body .mysocial-feed-frame > .mysocial-feed-shell,
body .mysocial-feed-frame .mysocial-main,
body .mysocial-feed-frame #mysocial-feed {
  min-width: 0 !important;
  max-width: 100% !important;
}

body .mysocial-feed-frame .mysocial-main {
  width: 100% !important;
}

body .mysocial-feed-frame .mysocial-card,
body .mysocial-feed-frame .mysocial-composer,
body .mysocial-feed-frame .mysocial-stories {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

/* Slightly wider menu-to-feed balance at typical desktop content widths. */
@container mysocialfeed (max-width: 760px) {
  body .mysocial-feed-frame > .mysocial-feed-shell {
    grid-template-columns: 148px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px !important;
  }
}

@container mysocialfeed (max-width: 620px) {
  body .mysocial-feed-frame > .mysocial-feed-shell {
    grid-template-columns: 1fr !important;
    padding: 0 0 78px !important;
  }
}


/* MySocial 2.1.9 – admin-only live feed diagnostics */
body .mysocial-feed-debug {
  display: grid;
  gap: 4px;
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px dashed #5c6b7d;
  border-radius: 10px;
  background: #121923;
  color: #f8fafc !important;
  font-size: 12px;
}
body .mysocial-feed-debug[hidden] {
  display: none !important;
}
body .mysocial-feed-debug strong,
body .mysocial-feed-debug span {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}


/* MySocial 2.1.10 – server/client feed diagnostics */
body .mysocial-feed-debug-server {
  border-style: solid;
  border-color: #6e7f93;
  margin-bottom: 8px;
}


/* ============================================================
   MySocial 2.1.12 – edit-form visibility fix
   ============================================================ */

/* Author CSS previously overrode the browser's native [hidden] rule because
   .mysocial-edit-form declares display:grid. Never show the post editor until
   the user explicitly clicks "Bearbeiten". */
body .mysocial-edit-form[hidden],
body form.mysocial-edit-form[hidden],
body [data-edit-form][hidden] {
  display: none !important;
}

/* Same safety net for other MySocial controls that intentionally use hidden. */
body .mysocial-feed-shell [hidden]:not(script),
body .mysocial-public-profile [hidden]:not(script),
body .mysocial-single-wrap [hidden]:not(script) {
  display: none !important;
}

/* ============================================================
   MySocial 2.2.0 – Gruppen / Communities
   ============================================================ */
body .mysocial-groups-wrap,
body .mysocial-group-page {
  width: 100%;
  max-width: 100%;
  display: grid;
  gap: 16px;
  color: #f8fafc !important;
}

body .mysocial-groups-head,
body .mysocial-group-create,
body .mysocial-group-hero,
body .mysocial-group-members,
body .mysocial-group-pending,
body .mysocial-group-composer,
body .mysocial-group-card {
  background: #151c26 !important;
  border: 1px solid #303947 !important;
  border-radius: 16px !important;
  color: #f8fafc !important;
}

body .mysocial-groups-head,
body .mysocial-group-create,
body .mysocial-group-members,
body .mysocial-group-pending,
body .mysocial-group-composer {
  padding: 16px !important;
}

body .mysocial-groups-head h1,
body .mysocial-group-create h2,
body .mysocial-group-card h2,
body .mysocial-group-hero h1,
body .mysocial-group-members h2,
body .mysocial-group-pending h2,
body .mysocial-group-composer h2,
body .mysocial-groups-head p,
body .mysocial-group-card p,
body .mysocial-group-hero p {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

body .mysocial-group-create {
  display: grid !important;
  gap: 12px !important;
}

body .mysocial-group-create label {
  display: grid !important;
  gap: 6px !important;
  color: #e7edf5 !important;
}

body .mysocial-group-create input,
body .mysocial-group-create textarea,
body .mysocial-group-create select,
body .mysocial-group-composer textarea {
  width: 100% !important;
  background: #0d1219 !important;
  border: 1px solid #364254 !important;
  border-radius: 10px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  padding: 10px 12px !important;
}

body .mysocial-group-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body .mysocial-group-card {
  overflow: hidden !important;
  min-width: 0 !important;
}

body .mysocial-group-cover,
body .mysocial-group-hero-cover {
  display: block !important;
  min-height: 150px !important;
  background: linear-gradient(135deg, #1d2837, #34445b) !important;
  background-size: cover !important;
  background-position: center !important;
}

body .mysocial-group-hero-cover {
  min-height: 220px !important;
}

body .mysocial-group-card-body,
body .mysocial-group-hero-body {
  padding: 16px !important;
}

body .mysocial-group-card h2 {
  margin: 6px 0 8px !important;
  font-size: 20px !important;
}

body .mysocial-group-card a,
body .mysocial-group-card a:visited,
body .mysocial-group-member-list a,
body .mysocial-group-member-list a:visited {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
}

body .mysocial-group-privacy,
body .mysocial-group-meta,
body .mysocial-group-card-footer,
body .mysocial-group-card-footer span,
body .mysocial-group-member-list small {
  color: #c8d2df !important;
  -webkit-text-fill-color: #c8d2df !important;
}

body .mysocial-group-card-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 14px !important;
  font-size: 13px !important;
}

body .mysocial-group-hero {
  overflow: hidden !important;
}

body .mysocial-group-hero h1 {
  margin: 7px 0 8px !important;
}

body .mysocial-group-member-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

body .mysocial-group-member-list a {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px !important;
  background: #0f151e !important;
  border: 1px solid #2d3745 !important;
  border-radius: 11px !important;
}

body .mysocial-group-member-list img {
  width: 38px !important;
  height: 38px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

body .mysocial-group-member-list span,
body .mysocial-group-member-list small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .mysocial-group-pending > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 8px 0 !important;
  border-top: 1px solid #2f3947 !important;
}

body .mysocial-group-composer {
  display: grid !important;
  gap: 10px !important;
}

body .mysocial-form-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

@media (max-width: 760px) {
  body .mysocial-group-grid {
    grid-template-columns: 1fr !important;
  }
  body .mysocial-group-member-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  body .mysocial-group-member-list {
    grid-template-columns: 1fr !important;
  }
}


/* ============================================================
   MySocial 2.3.1 – stabile Trends-Erweiterung
   ============================================================ */
body .mysocial-trends {
  margin-top: 16px;
  padding: 16px !important;
  background: #151c26 !important;
  border: 1px solid #303947 !important;
  border-radius: 16px !important;
  color: #f8fafc !important;
}
body .mysocial-trends h2,
body .mysocial-trends p {
  color: #f8fafc !important;
}
body .mysocial-trend-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
body .mysocial-trend-list a,
body .mysocial-trend-list a:visited {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  background: #0d1219 !important;
  border: 1px solid #26303d;
  border-radius: 10px;
  color: #fff !important;
  text-decoration: none !important;
}
body .mysocial-trend-list a:hover {
  background: #1b2531 !important;
}
body .mysocial-trend-list strong {
  color: #d8f5c8 !important;
}
body .mysocial-trend-list span {
  color: #aeb9c8 !important;
  font-size: 12px;
}

/* MySocial 2.5.0 */
body .mysocial-saved-head{margin-bottom:14px;padding:18px!important}body .mysocial-saved-head h1{color:#fff!important}body [data-save-post].is-active{background:#506f2c!important;color:#fff!important}body .mysocial-saved-page [data-saved-feed]{display:grid;gap:12px}

/* MySocial 2.6.0 Events */
body .mysocial-events-head,body .mysocial-event-form,body .mysocial-event-card{padding:16px!important}body .mysocial-events-head h1,body .mysocial-event-form h2,body .mysocial-event-card h2{color:#fff!important}body .mysocial-event-form{display:grid;gap:10px;margin:14px 0}body .mysocial-event-form label{display:grid;gap:5px;color:#dce3ea!important}body .mysocial-event-form input,body .mysocial-event-form textarea{padding:10px;background:#111821!important;color:#fff!important;border:1px solid #394656!important;border-radius:9px}body [data-event-list]{display:grid;gap:12px}body .mysocial-event-counts{margin:10px 0;color:#cbd5df!important}body .mysocial-event-actions{display:flex;gap:8px;flex-wrap:wrap}body .mysocial-event-actions button{padding:8px 10px;background:#182330!important;color:#fff!important;border:1px solid #3b4b5c!important;border-radius:9px}body .mysocial-event-actions button.is-active{background:#506f2c!important}

/* MySocial 2.7.0 Messenger 2.0 */
body .mysocial-messenger-inbox{padding:16px!important}body .mysocial-messenger-inbox-head{display:flex;justify-content:space-between;align-items:center}body .mysocial-messenger-inbox-head h1{color:#fff!important}body [data-messenger-conversations]{display:grid;gap:5px}body .mysocial-conversation-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border-radius:10px;color:#fff!important;text-decoration:none!important}body .mysocial-conversation-row.has-unread,body .mysocial-conversation-row:hover{background:#17222d!important}body .mysocial-conversation-avatar{position:relative;width:44px;height:44px}body .mysocial-conversation-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}body .mysocial-conversation-avatar i{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#66717c;border:2px solid #111821}body .mysocial-conversation-avatar i.is-online{background:#72b83e}body .mysocial-conversation-copy{display:grid;min-width:0}body .mysocial-conversation-copy strong,body .mysocial-conversation-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .mysocial-conversation-copy small{color:#aeb9c5!important}body .mysocial-unread-badge{background:#5e8136;color:#fff!important;border-radius:99px;padding:3px 7px}

/* MySocial 2.8.0 – Benachrichtigungen 2.0 */
body .mysocial-notification-summary{padding:16px!important}
body .mysocial-notification-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
body .mysocial-notification-summary-head h1{margin:3px 0 0;color:#fff!important}
body .mysocial-notification-summary-head button{background:#182330!important;color:#fff!important;border:1px solid #39495a!important;border-radius:9px;padding:8px 10px}
body .mysocial-notification-stats{padding:10px 12px;background:#111821!important;border:1px solid #2d3a47!important;border-radius:9px;color:#cbd5df!important;margin-bottom:10px}
body .mysocial-notification-stats strong{color:#dff5d0!important}
body .mysocial-notification-modern-list{display:grid;gap:6px}
body .mysocial-notification-modern{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:10px;border-radius:10px;border:1px solid transparent}
body .mysocial-notification-modern.is-unread{background:#17222d!important;border-color:#314252!important}
body .mysocial-notification-modern p{margin:0;color:#fff!important}
body .mysocial-notification-modern small{color:#9fabb7!important}
body .mysocial-notification-icon{width:34px;height:34px;display:grid;place-items:center;background:#1b2834;border-radius:50%}
body [data-notification-badge]{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#6d913e;color:#fff!important;font-size:11px;font-weight:700}

/* MySocial 2.9.0 – Mitgliederverzeichnis */
body .mysocial-members-head{padding:18px!important;margin-bottom:12px}
body .mysocial-members-head h1{margin:4px 0;color:#fff!important}
body .mysocial-members-head p{color:#b8c3cf!important}
body .mysocial-members-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:14px 0}
body .mysocial-members-search input{width:100%;padding:10px 12px;background:#111821!important;color:#fff!important;border:1px solid #394656!important;border-radius:9px}
body .mysocial-members-search button{padding:10px 14px;background:#506f2c!important;color:#fff!important;border:1px solid #759a43!important;border-radius:9px}
body .mysocial-members-alphabet{display:flex;flex-wrap:wrap;gap:5px}
body .mysocial-members-alphabet button{min-width:32px;height:32px;padding:0 8px;background:#182330!important;color:#d7e0e8!important;border:1px solid #334453!important;border-radius:8px}
body .mysocial-members-alphabet button.is-active{background:#506f2c!important;border-color:#759a43!important;color:#fff!important}
body .mysocial-members-meta{margin:0 0 9px;color:#aeb9c5!important;font-size:13px}
body .mysocial-members-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body .mysocial-member-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:12px!important;color:#fff!important;text-decoration:none!important}
body .mysocial-member-card:hover{background:#17222d!important}
body .mysocial-member-avatar{position:relative;width:58px;height:58px}
body .mysocial-member-avatar img{width:58px;height:58px;border-radius:50%;object-fit:cover}
body .mysocial-member-avatar i{position:absolute;right:1px;bottom:2px;width:12px;height:12px;border-radius:50%;background:#67727d;border:2px solid #111821}
body .mysocial-member-avatar i.is-online{background:#72b83e}
body .mysocial-member-info{display:grid;min-width:0}
body .mysocial-member-info strong{color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .mysocial-member-info small{color:#aeb9c5!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .mysocial-member-info em{color:#80909e!important;font-size:12px;font-style:normal;margin-top:2px}
body .mysocial-verified-mark{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#5f8438;color:#fff!important;font-size:11px}
@media(max-width:700px){
  body .mysocial-members-grid{grid-template-columns:1fr}
  body .mysocial-members-search{grid-template-columns:1fr}
}

/* MySocial 2.9.3 – einfache Benutzerliste im Social Feed */
body .mysocial-feed-users{padding:14px!important;margin-bottom:14px}
body .mysocial-feed-users-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
body .mysocial-feed-users-head strong{color:#fff!important}
body .mysocial-feed-users-head span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:#293746!important;color:#dce6ef!important;font-size:12px}
body .mysocial-feed-users-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
body .mysocial-feed-user{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border-radius:10px;background:#151e27!important;border:1px solid #2f3d4a!important;color:#fff!important;text-decoration:none!important}
body .mysocial-feed-user:hover{background:#1b2834!important}
body .mysocial-feed-user-avatar img{display:block;width:34px;height:34px;border-radius:50%;object-fit:cover}
body .mysocial-feed-user-name{font-size:13px;color:#fff!important;white-space:nowrap}
body .mysocial-feed-users-empty{color:#aeb9c5!important}

/* MySocial 2.9.4 – Benutzerliste links unter Nachrichten */
body .mysocial-sidebar-users{margin:6px 0 8px;padding:7px 6px;border-top:1px solid #26313c;border-bottom:1px solid #26313c}
body .mysocial-sidebar-users-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:6px;padding:0 2px}
body .mysocial-sidebar-users-head strong{font-size:10px;color:#fff!important}
body .mysocial-sidebar-users-head span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#293746!important;color:#dce6ef!important;font-size:9px}
body .mysocial-sidebar-users-list{display:grid;gap:3px;max-height:180px;overflow-y:auto;padding-right:2px;scrollbar-width:thin}
body .mysocial-sidebar-user{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;padding:4px 5px;border-radius:7px;color:#fff!important;text-decoration:none!important}
body .mysocial-sidebar-user:hover{background:#17222d!important}
body .mysocial-sidebar-user-avatar img{display:block;width:24px;height:24px;border-radius:50%;object-fit:cover}
body .mysocial-sidebar-user-name{font-size:9px;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .mysocial-sidebar-users-empty{font-size:9px;color:#9fabb7!important}

/* MySocial 2.9.5 – Benutzerliste aufklappbar + Profil-Link-Fix */
body .mysocial-sidebar-users{margin:6px 0 8px;padding:0;border-top:1px solid #26313c;border-bottom:1px solid #26313c}
body .mysocial-sidebar-users-toggle{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 6px;cursor:pointer;color:#fff!important;font-size:10px;font-weight:700;list-style:none}
body .mysocial-sidebar-users-toggle::-webkit-details-marker{display:none}
body .mysocial-sidebar-users[open] .mysocial-sidebar-users-toggle{background:#151e27!important}
body .mysocial-sidebar-users-count{padding:5px 6px 4px;color:#8f9ca8!important;font-size:9px}
body .mysocial-sidebar-users-list{display:grid;gap:3px;max-height:190px;overflow-y:auto;padding:0 4px 6px 4px;scrollbar-width:thin}
body .mysocial-sidebar-user{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;padding:4px 5px;border-radius:7px;color:#fff!important;text-decoration:none!important}
body .mysocial-sidebar-user:hover{background:#17222d!important}

/* MySocial 2.9.6 – Benutzerliste und Profil als sichtbare Navigationskategorien */
body .mysocial-sidebar-users{margin:0!important;padding:0!important;border:0!important}
body .mysocial-sidebar-users-toggle{width:100%;display:grid!important;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:9px 10px!important;border:0!important;border-radius:8px;background:transparent!important;color:#fff!important;text-align:left;cursor:pointer;font:inherit}
body .mysocial-sidebar-users-toggle:hover,body .mysocial-sidebar-users.is-open .mysocial-sidebar-users-toggle{background:#17222d!important}
body .mysocial-sidebar-users-toggle i{font-style:normal;text-align:center}
body .mysocial-sidebar-users-toggle span{font-size:inherit;font-weight:inherit;color:#fff!important}
body .mysocial-sidebar-users-toggle b{font-size:10px;color:#9eabb7!important;text-align:center}
body .mysocial-sidebar-users.is-open .mysocial-sidebar-users-toggle b{transform:rotate(180deg)}
body .mysocial-sidebar-users-panel[hidden]{display:none!important}
body .mysocial-sidebar-users-panel{padding:4px 3px 7px 24px}
body .mysocial-sidebar-users-count{padding:3px 5px;color:#8f9ca8!important;font-size:9px}
body .mysocial-sidebar-users-list{max-height:180px}

/* MySocial 2.9.7 – linkes Menü vollständig sichtbar */
body .mysocial-sidebar nav{overflow:visible!important;max-height:none!important;height:auto!important}
body .mysocial-sidebar nav>a,
body .mysocial-sidebar-users{display:block!important;visibility:visible!important;opacity:1!important}
body .mysocial-sidebar-users-toggle{min-height:34px!important}

/* MySocial 2.9.8 – Benutzerliste als normale Social-Kategorie */
body .mysocial-userlist-page-card{padding:16px!important}
body .mysocial-userlist-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
body .mysocial-userlist-page-head h1{margin:3px 0 4px;color:#fff!important}
body .mysocial-userlist-page-head p{margin:0;color:#aeb9c5!important}
body .mysocial-userlist-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:99px;background:#293746!important;color:#fff!important;font-weight:700}
body .mysocial-userlist-page-list{display:grid;gap:7px}
body .mysocial-userlist-page-user{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:#151e27!important;border:1px solid #2f3d4a!important;color:#fff!important;text-decoration:none!important}
body .mysocial-userlist-page-user:hover{background:#1b2834!important}
body .mysocial-userlist-page-avatar img{display:block;width:42px;height:42px;border-radius:50%;object-fit:cover}
body .mysocial-userlist-page-copy{display:grid;min-width:0}
body .mysocial-userlist-page-copy strong{color:#fff!important}
body .mysocial-userlist-page-copy small{color:#9fabb7!important}

/* MySocial 2.9.9 – Benutzerliste Layout-Fix */
body .mysocial-userlist-page.mysocial-shell{
    display:grid!important;
    grid-template-columns:180px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
    background:#0b1117!important;
    border:1px solid #27323d!important;
    border-radius:16px!important;
    padding:12px!important;
    color:#fff!important;
}
body .mysocial-userlist-page .mysocial-nav{
    display:flex!important;
    flex-direction:column!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    background:#0d131a!important;
    border-radius:12px!important;
    padding:10px!important;
}
body .mysocial-userlist-page .mysocial-nav-links{
    display:grid!important;
    gap:4px!important;
}
body .mysocial-userlist-page .mysocial-nav a,
body .mysocial-userlist-page .mysocial-nav button{
    color:#fff!important;
    text-decoration:none!important;
}
body .mysocial-userlist-page .mysocial-main{
    min-width:0!important;
    width:auto!important;
}
body .mysocial-userlist-page-card{
    display:block!important;
    padding:16px!important;
    background:#121a23!important;
    border:1px solid #2b3743!important;
    color:#fff!important;
}
body .mysocial-userlist-page-head h1,
body .mysocial-userlist-page-card h2{
    color:#fff!important;
}
body .mysocial-userlist-letters{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:12px 0 16px!important;
}
body .mysocial-userlist-letters a{
    display:inline-grid!important;
    place-items:center!important;
    min-width:30px!important;
    height:30px!important;
    padding:0 7px!important;
    border-radius:8px!important;
    background:#1a2530!important;
    border:1px solid #354554!important;
    color:#fff!important;
    text-decoration:none!important;
}
body .mysocial-userlist-page-list{
    display:block!important;
}
body .mysocial-userlist-group{
    display:block!important;
    margin:0 0 16px!important;
}
body .mysocial-userlist-group h2{
    margin:0 0 7px!important;
    font-size:14px!important;
    color:#dff0cf!important;
}
body .mysocial-userlist-group-rows{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
}
body .mysocial-userlist-page-user{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 18px!important;
    align-items:center!important;
    width:100%!important;
    box-sizing:border-box!important;
    gap:10px!important;
    padding:9px 10px!important;
    border-radius:10px!important;
    background:#151e27!important;
    border:1px solid #2f3d4a!important;
    color:#fff!important;
    text-decoration:none!important;
}
body .mysocial-userlist-page-user:hover{
    background:#1b2834!important;
}
body .mysocial-userlist-page-copy{
    display:grid!important;
    min-width:0!important;
}
body .mysocial-userlist-page-copy strong{
    display:block!important;
    color:#fff!important;
}
body .mysocial-userlist-page-copy small{
    display:block!important;
    color:#9fabb7!important;
}
body .mysocial-userlist-arrow{
    color:#8fa0af!important;
    font-size:20px!important;
}
@media(max-width:700px){
    body .mysocial-userlist-page.mysocial-shell{
        grid-template-columns:1fr!important;
    }
}

/* MySocial 3.0.0 – Entdecken 2.0 */
body .mysocial-discover-v2{display:grid;gap:12px;margin-bottom:14px}
body .mysocial-discover-v2-head{padding:16px!important}
body .mysocial-discover-v2-head h1,body .mysocial-discover-v2-grid h2,body .mysocial-discover-popular-head h2{color:#fff!important}
body .mysocial-discover-v2-head p,body .mysocial-discover-popular-head p{color:#aeb9c5!important}
body .mysocial-discover-v2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body .mysocial-discover-v2-grid>.mysocial-card{padding:14px!important}
body [data-discover-users]{display:grid;gap:6px}
body .mysocial-discover-user{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;padding:7px;border-radius:9px;color:#fff!important;text-decoration:none!important}
body .mysocial-discover-user:hover{background:#17222d!important}
body .mysocial-discover-user>span{grid-row:1/3;position:relative;width:38px;height:38px}
body .mysocial-discover-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}
body .mysocial-discover-user i{position:absolute;right:0;bottom:0;width:9px;height:9px;border-radius:50%;background:#66717c;border:2px solid #111821}
body .mysocial-discover-user i.is-online{background:#72b83e}
body .mysocial-discover-user strong{color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .mysocial-discover-user small{color:#9fabb7!important}
body .mysocial-discover-mini{padding:8px 0;border-bottom:1px solid #26313c}
body .mysocial-discover-mini:last-child{border-bottom:0}
body .mysocial-discover-mini strong{display:block;color:#fff!important}
body .mysocial-discover-mini small,body .mysocial-discover-mini p{color:#9fabb7!important}
body .mysocial-discover-mini p{margin:4px 0 0}
body .mysocial-discover-popular{display:grid;gap:10px}
body .mysocial-discover-popular-head{padding:14px!important}
@media(max-width:900px){body .mysocial-discover-v2-grid{grid-template-columns:1fr}}

/* MySocial 3.0.1 – Entdecken Stabilität + Feed-Layout */
body .mysocial-search-shell{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;background:#0b1117!important;border:1px solid #27323d!important;border-radius:16px!important;padding:12px!important}
body .mysocial-search-shell .mysocial-nav{width:auto!important;min-width:0!important}
body .mysocial-search-shell .mysocial-main{min-width:0!important;width:auto!important}
body .mysocial-search-shell .mysocial-search-wrap{width:100%!important;max-width:none!important;margin:0!important}
@media(max-width:700px){body .mysocial-search-shell{grid-template-columns:1fr!important}}

/* MySocial 3.0.2 – Entdecken Layout-Korrektur */
body .mysocial-search-shell{display:contents!important}
body .mysocial-search-wrap{width:100%!important;max-width:none!important}
body .mysocial-discover-v2-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body .mysocial-discover-v2-grid>.mysocial-card{width:100%!important;min-width:0!important;box-sizing:border-box!important}
body [data-discover-users]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
body .mysocial-discover-user{min-width:0!important}
body .mysocial-discover-popular .mysocial-post{width:100%!important;max-width:none!important;box-sizing:border-box!important}
@media(max-width:560px){body [data-discover-users]{grid-template-columns:1fr!important}}

/* MySocial 3.0.3 – Entdecken Feinschliff */
body [data-discover-groups]{display:grid!important;gap:7px!important}
body .mysocial-discover-group{
    display:grid!important;
    gap:3px!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:10px!important;
    border:1px solid #2f3d4a!important;
    border-radius:10px!important;
    background:#111923!important;
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:none!important;
}
body .mysocial-discover-group:hover{background:#18232e!important;border-color:#46596a!important}
body .mysocial-discover-group strong{display:block!important;color:#fff!important;font-weight:700!important}
body .mysocial-discover-group small{display:block!important;color:#a8b3be!important}
body .mysocial-discover-group p{display:block!important;margin:3px 0!important;color:#c6ced6!important}
body .mysocial-discover-group>span{display:block!important;margin-top:3px!important;color:#dff1d0!important;font-size:12px!important;font-weight:700!important}
body .mysocial-discover-v2-head{border-radius:12px!important}
body .mysocial-discover-v2-grid>.mysocial-card,
body .mysocial-discover-popular-head{border-radius:12px!important}
body .mysocial-discover-v2-grid h2{margin-bottom:10px!important}
body .mysocial-discover-popular-head{margin-top:2px!important}

/* MySocial 3.1.0 – Registrierung */
body .mysocial-auth-form input[name="first_name"],
body .mysocial-auth-form input[name="last_name"],
body .mysocial-auth-form input[name="postcode"],
body .mysocial-auth-form input[name="city"]{width:100%;box-sizing:border-box}
body .mysocial-profile-address{display:grid;gap:3px;margin:10px 0 14px;padding:10px 12px;border:1px solid #2f3d4a;border-radius:10px;background:#121a23;color:#fff}
body .mysocial-profile-address small{color:#9fabb7!important}