.social-page { max-width:1080px; margin:auto; }
.social-hero { background:linear-gradient(120deg,#d9f1e9,#faf0d8); border-radius:20px; padding:24px; margin-bottom:24px; }
.social-hero h2 { margin-top:0; font-size:clamp(1.5rem,3vw,2.4rem); }
.social-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:18px; margin:20px 0; }
.social-card { background:#fff; border:1px solid #d8e4de; border-radius:16px; padding:20px; overflow-wrap:anywhere; min-width:0; }
.social-card h3 { margin:0 0 10px; }
.social-card img { width:80px; height:80px; object-fit:cover; border-radius:50%; }
.social-actions { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.social-page button, .social-card button, #profile-social button, #date-planner button, .wing-page button { border:1px solid #20786f; border-radius:10px; background:#fff; color:#18594f; padding:10px 14px; cursor:pointer; font:inherit; }
.social-page button:hover,.social-card button:hover,#date-planner button:hover { background:#e1f2eb; }
.social-page button[type=submit],.wing-page button[type=submit] { background:#176c60; color:#fff; }
.social-page select, .social-page input, .social-page textarea, #date-planner input { width:100%; max-width:100%; }
.social-page select { padding:10px; border-radius:8px; border:1px solid #ccc; font:inherit; }
.social-page fieldset { border:1px solid #d1ded7; border-radius:12px; margin:16px 0; padding:16px; min-width:0; }
.social-page input[type=checkbox] { width:auto; margin-right:8px; }
.social-page .check-label { display:inline-flex; align-items:center; margin:8px 18px 8px 0; }
.social-form { max-width:650px; }
.social-muted { color:#53655f; font-size:.95rem; }
.social-badge { display:inline-block; background:#e1f2eb; border-radius:20px; padding:4px 10px; margin:3px; font-size:.85rem; }
.social-card audio,#profile-social audio { max-width:100%; }
#date-planner { margin:16px 0; padding:14px; background:#e9f3ee; border-radius:14px; }
#date-planner summary { cursor:pointer; font-weight:700; }
#profile-social { max-width:650px; }
.whatsapp-profile-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:650px;margin:14px 0;padding:12px 14px;border:1px solid #d5dfd3;border-radius:12px;background:#fff}
.whatsapp-profile-summary>div{display:grid;gap:3px;min-width:0}.whatsapp-profile-summary span{font-size:.9rem;color:#4b625b}.whatsapp-profile-summary button{width:auto;flex:0 0 auto;margin:0}
.whatsapp-profile-summary.is-connected{border-color:#9bc5a2;background:#f3faf4}.whatsapp-profile-summary.is-connected span{color:#256235}
.whatsapp-profile-summary.is-disconnected,.whatsapp-profile-summary.is-interrupted{border-color:#d9a4a4;background:#fff7f6}.whatsapp-profile-summary.is-disconnected span,.whatsapp-profile-summary.is-interrupted span{color:#a12d31}
.whatsapp-profile-summary.is-pending{border-color:#d8be80;background:#fffaf0}.whatsapp-profile-summary.is-pending span{color:#805c13}
.whatsapp-profile-summary.is-declined{border-color:#d9a4a4;background:#fff7f6}.whatsapp-profile-summary.is-declined span{color:#a12d31}
#settings-whatsapp{max-width:720px;min-width:0}#settings-whatsapp .whatsapp-settings-group{padding:14px 0;border-top:1px solid #d5dfd3}#settings-whatsapp .whatsapp-settings-group:first-of-type{border-top:0}#settings-whatsapp h3{margin:0 0 8px}#settings-whatsapp label:not(.whatsapp-check){display:grid;gap:6px;max-width:420px}#settings-whatsapp input[type=tel]{width:100%;max-width:420px;min-width:0}#settings-whatsapp .whatsapp-check{display:flex;align-items:flex-start;gap:9px;max-width:620px;line-height:1.4}#settings-whatsapp .whatsapp-check input{flex:0 0 auto;margin-top:4px}#settings-whatsapp button{max-width:360px}#settings-whatsapp .whatsapp-unsaved{color:#8a5a12;font-weight:600}#settings-whatsapp .whatsapp-settings-info{margin:10px 0}#settings-whatsapp .whatsapp-settings-info summary{cursor:pointer;font-weight:600}#settings-whatsapp .whatsapp-disconnect button{border-color:#b97a76;color:#7d302d}
@media(max-width:560px){.whatsapp-profile-summary{align-items:flex-start;flex-wrap:wrap}.whatsapp-profile-summary button{width:100%}#settings-whatsapp button{width:100%;max-width:none}#settings-whatsapp .whatsapp-check{overflow-wrap:anywhere}}
.social-link { overflow-wrap:anywhere; }
.wing-page { width:min(100%,650px); margin:40px auto; }
#voice-status { min-height:1.5em; }
@media(max-width:700px) { .social-hero,.social-card { padding:16px; } .social-grid { grid-template-columns:1fr; } .social-actions > * { max-width:100%; } }

/* Anonymous conversation reuses the existing Perle palette. */
.blind-chat-own,.blind-chat-other{max-width:85%;padding:.45rem .7rem;border-radius:1rem;overflow-wrap:anywhere;white-space:pre-wrap}
.blind-chat-own{margin-left:auto;background:var(--color-primary-hover);color:#fff}
.blind-chat-other{margin-right:auto;background:var(--color-surface);color:var(--color-text)}
.blind-chat-own small,.blind-chat-other small{font-size:.7rem;opacity:.8}
#blind-chat-input{min-height:2.8rem;max-height:8rem}
#dating-consent{scroll-margin-top:5rem}
@media(max-width:1100px){
 #blind-section>.social-hero{padding:1rem;margin-bottom:1rem}
 #blind-section>.social-hero h2{font-size:clamp(1.25rem,3vw,1.75rem);margin:.35rem 0}
 #blind-section>.social-hero p{font-size:.95rem;line-height:1.45;margin:.5rem 0 0}
 #blind-controls{gap:.5rem;margin-bottom:1rem}
}
#blind-offers>.blind-question{grid-column:1/-1}
#blind-offers>.privacy-note{grid-column:1/-1;margin:.25rem 0}

/* JETZT uses the existing card and button system. */
.now-dialog{border:1px solid var(--border,#d8ced9);border-radius:20px;max-width:440px;width:calc(100% - 32px);padding:20px;max-height:85dvh;overflow:auto;color:inherit;background:var(--surface,#fff)}
.now-dialog::backdrop{background:#24132988}
.now-dialog form{display:grid;gap:12px}.now-dialog label{display:flex;align-items:center;gap:8px}.now-dialog input[type=checkbox]{width:auto}.now-dialog textarea{min-height:80px;width:100%;box-sizing:border-box}
.now-moment>button:first-child{display:flex;align-items:center;gap:10px}.now-moment>button:first-child img{width:40px;height:40px;border-radius:50%;object-fit:cover}.now-moment small{display:block;margin-bottom:10px}
.community-moment{border-inline-start:3px solid var(--accent,#c05c91)}
.activity-teasers{display:flex;gap:.5rem;flex-wrap:wrap;margin:.7rem 0}.activity-teasers article{flex:1 1 14rem;padding:.6rem;background:#e4f3eb;border-radius:.8rem}.activity-teasers p{font-size:.85rem;margin:0 0 .4rem}.activity-highlight{outline:2px solid #176c60}.activity-teasers button{background:#176c60;color:white;padding:.5rem;border:0;border-radius:.5rem}
.activity-cover{width:100%;height:10rem;object-fit:cover;border-radius:.7rem}.activity-cover-placeholder{display:grid;place-items:center;min-height:6rem;border-radius:.7rem;background:linear-gradient(120deg,#c9e7d9,#f3e5cc);color:#17483f;font-weight:700}

.activity-people{display:flex;gap:6px;align-items:center}.activity-people button{padding:0;width:44px;height:44px;overflow:hidden;border-radius:50%}.activity-people img{width:100%;height:100%;object-fit:cover}#activity-form fieldset{min-width:0}#activity-form fieldset input[type=checkbox]{width:auto}#activity-form fieldset label{display:flex;gap:8px;align-items:center}