.messages-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;color:var(--muted);font-size:13px}.messenger{display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr);min-height:540px;height:calc(100dvh - 300px);max-height:800px;border:1px solid #e8dfed;background:#fffdfb;border-radius:26px;overflow:hidden;box-shadow:0 18px 70px #69518409}.inbox{background:#faf7fc;border-right:1px solid #e9dfed;overflow:auto}.inbox-title{display:flex;justify-content:space-between;padding:24px;color:#58446d}.inbox-note{padding:20px;color:#82758b;font-size:13px;line-height:1.7}.conversation{display:flex;align-items:center;gap:12px;padding:18px;width:100%;text-align:left;border:0;border-radius:0;background:none}.conversation:hover,.conversation.selected{background:#efe5f5}.conversation>span:not(.avatar){display:grid;gap:4px;flex:1;min-width:0}.conversation strong{overflow:hidden;text-overflow:ellipsis;font-size:14px}.conversation small{font-size:11px;color:#82718d}.conversation b,[data-message-badge]{background:#ac6a8a;color:#fff;border-radius:20px;min-width:20px;padding:3px 6px;font-size:10px}.message-thread{display:flex;flex-direction:column;min-height:0;min-width:0}.thread-heading{display:flex;gap:12px;align-items:center;flex:none;padding:16px 20px;border-bottom:1px solid #eee5f2;background:#fffdfb}.thread-heading>div{display:grid;gap:3px;flex:1}.thread-heading small{color:#908098;font-size:12px}.thread-messages{flex:1;overflow-y:auto;min-height:100px;padding:22px;background:radial-gradient(ellipse at 95% 10%,#f3ebf7,transparent 70%)}.message-bubble{width:fit-content;max-width:85%;margin:0 0 16px;padding:13px 16px;background:#f0e8f6;border:1px solid #e7dbee;border-radius:18px 18px 18px 4px;color:#51435e}.message-bubble.own{margin-left:auto;background:#eaf0e3;border-color:#dde5d3;border-radius:18px 18px 4px 18px}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6;font-size:14px}.message-bubble footer{display:flex;gap:14px;justify-content:flex-end;font-size:10px;color:#8b7b92;margin-top:6px}.message-bubble footer button{border:0;padding:0;background:none;font-size:10px;color:#80658d;min-height:24px}.message-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid #eee5f2}.message-form textarea{resize:none;margin:0;min-height:52px;font:inherit;font-size:14px}.message-form .form-error{grid-column:1/-1;margin:0}.request-note{padding:16px 20px;background:#fff4e1;font-size:13px;line-height:1.6;color:#8b704a}.request-note button{margin:8px}.message-empty{margin:auto;text-align:center;padding:30px;max-width:380px;color:#84728f}.message-empty>span{display:block;font-size:48px;color:#b494c7}.message-empty h2{font-size:30px}.message-empty p{font-size:14px;line-height:1.7}.push-invitation{background:linear-gradient(135deg,#f1e8f7,#fff4e9);padding:24px;border-radius:22px;margin-bottom:24px}.push-invitation>span{font-size:35px;color:#9d7bb6}.push-invitation h3{margin-top:8px}.push-invitation p{font-size:13px;line-height:1.7;color:#82718b}.social-check,.remember-label{display:flex!important;align-items:center;gap:10px;font-size:13px;min-height:40px}.social-check input,.remember-label input{width:18px!important;height:18px!important;accent-color:#70518c;flex-shrink:0}.quiet-hours{display:grid;grid-template-columns:1fr 1fr;gap:16px}.blocked-person{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.inbox-nav{position:relative;min-width:40px;min-height:40px;border:1px solid #e8ddf0;border-radius:14px;background:#faf5fd;color:#795c91}.inbox-nav svg{width:21px;height:21px}.inbox-nav b{position:absolute;top:-6px;right:-6px}.sidebar [data-nav=messages] svg{width:22px;height:22px}.social-preferences-link{margin:10px 0 18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.messages-toolbar{font-size:11px;gap:10px}.messages-toolbar .secondary{padding:9px 12px;font-size:12px;flex-shrink:0}.messenger{grid-template-columns:1fr;height:calc(100dvh - 290px);min-height:360px;border-radius:20px}.message-thread{display:none}.messenger.thread-open .inbox{display:none}.messenger.thread-open .message-thread{display:flex}.thread-heading{padding:12px}.thread-messages{padding:14px}.message-form{padding:10px;gap:7px}.message-form button{padding:12px;font-size:12px}.message-bubble{max-width:90%}.top-actions{gap:7px}.inbox-nav{min-width:36px;min-height:36px}.welcome{background:radial-gradient(ellipse at 10% 0%,#eadcf0 0,transparent 45%),radial-gradient(ellipse at 100% 60%,#f3e9d8 0,transparent 50%),#fbf8f5!important}.welcome-header{padding-top:max(24px,env(safe-area-inset-top))!important}.welcome-header .logo-lockup{position:relative}.welcome-header .logo-lockup:after{content:'JOUW CREATIEVE MOMENT';position:absolute;top:62px;font-size:8px;letter-spacing:2.3px;color:#ae91ba;white-space:nowrap;left:50%;transform:translateX(-50%)}.welcome-grid{padding-top:30px!important}.guest #authDialog{background:linear-gradient(145deg,#fffffffa,#fdf9ff)!important;border-color:#e4d4ed!important;box-shadow:0 25px 70px #775c8b14,inset 0 1px #fff!important;border-radius:30px!important}.guest #authDialog .dialog-top h2{font-size:32px!important}.guest #authDialog #authIntro{font-size:12px!important}.guest #authDialog .auth-tabs{padding:5px!important;border-radius:16px!important;background:#efe7f5!important}.guest #authDialog .primary{background:linear-gradient(110deg,#6b4b85,#8f6a9f)!important;box-shadow:0 8px 22px #79579129;min-height:50px}.guest #authDialog input:not([type=checkbox]){border-radius:13px;background:#ffffffde}.guest #authDialog .remember-label{font-size:12px;margin:7px 0}.welcome-footer{opacity:.8}.push-invitation{padding:18px}}
@media(min-width:761px){.thread-heading [data-inbox-back]{display:none}}

@media(max-width:760px){main[data-page=messages] .page-heading .eyebrow,main[data-page=messages] .page-heading h1+p{display:none}main[data-page=messages] .page-heading h1{font-size:28px;margin:0}main[data-page=messages] .page-heading{padding-bottom:15px;margin-bottom:15px}.messages-toolbar>span{display:none}.messages-toolbar{justify-content:flex-end;margin-bottom:12px}.messenger{height:calc(100dvh - 300px);min-height:240px}}

/* A contained messenger, with the composer anchored inside the visible phone viewport. */
.messages-page .page-heading{min-height:0!important;margin-bottom:16px!important;padding-bottom:16px!important}.messages-page .page-heading h1{font-size:32px!important}.messages-toolbar{margin-bottom:14px}.chat-live{font-size:11px;color:#80936f}.thread-live{color:#80936f}.messenger{min-height:340px;height:calc(100dvh - 310px);max-height:760px}.inbox-title{padding:20px;font-size:13px}.conversation{margin:4px 10px;width:calc(100% - 20px);border-radius:16px;padding:14px 12px;min-height:72px}.conversation.selected{background:linear-gradient(110deg,#eee3f5,#f5eef9)}.conversation i{font-style:normal;color:#b19bc0;font-size:22px}.inbox-note>span{font-size:35px;color:#b69ac7}.hidden-chats{display:block;margin:18px auto;font-size:11px!important}.thread-heading .icon-button{min-height:42px;min-width:42px}.message-thread{position:relative}.message-form{align-items:end}.message-form textarea{font-size:16px;min-height:45px;max-height:112px;overflow:auto;border-radius:16px!important;padding:12px!important;line-height:1.4}.message-form button{min-height:45px;border-radius:14px}.message-bubble{box-shadow:0 3px 10px #7d619206;margin-bottom:12px}.message-bubble.is-retracted p{font-style:italic;font-size:12px;opacity:.65}.new-chat-messages{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);background:#76568f;color:#fff;border:0;border-radius:25px;padding:10px 17px;box-shadow:0 5px 20px #61447525;font-size:12px;z-index:2;white-space:nowrap}
@media(max-width:760px){
 .messages-page #memberApp #main{padding-top:14px}.messages-page #memberApp .page-heading{margin-bottom:10px!important;padding-bottom:12px!important}.messages-page #memberApp .page-heading h1{font-size:26px!important}.messages-page #memberApp .page-heading .eyebrow{display:none}.messages-page #memberApp .page-heading p:not(.eyebrow){margin-top:7px;font-size:11px}.messages-toolbar{margin-bottom:10px}.messages-toolbar .secondary{min-height:40px}.messenger{height:calc(100dvh - 290px);min-height:220px;max-height:none;border-radius:21px}.inbox-title{padding:18px}.thread-heading{padding:9px 10px;gap:8px}.thread-heading strong{font-size:13px}.thread-heading small{font-size:10px}.thread-heading .avatar{width:34px;height:34px}.message-form{padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:7px}.message-form button{font-size:11px;padding:11px}.thread-messages{padding:16px 12px;overscroll-behavior:contain;overflow-anchor:none}.message-bubble p{font-size:14px}.message-bubble footer button{min-height:28px;padding-inline:4px}.message-bubble{max-width:88%;padding:10px 13px}
 body.chat-thread-open{overflow:hidden}.chat-thread-open #mobileNav{display:none!important}.chat-thread-open #memberApp .app-shell{padding:0!important}.chat-thread-open #memberApp #main{padding:0!important;min-height:0!important}.chat-thread-open .page-heading,.chat-thread-open .messages-toolbar{display:none!important}.chat-thread-open .messenger{height:var(--chat-available,calc(var(--chat-vh,100dvh) - var(--desk-header,69px)));min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none}.chat-thread-open .message-form{background:#fffdfb}
}

.chat-thread-open .thread-messages{min-height:0}#memberApp .message-bubble{border-radius:18px 18px 18px 5px}#memberApp .message-bubble.own{border-radius:18px 18px 5px 18px}