/* Native full-width mode: independent of Elementor/theme boxed wrappers. */
body.dmk-chat-page{
    background:var(--dmk-page-bg,#050506)!important;
}
body.dmk-chat-page .site,
body.dmk-chat-page .site-content,
body.dmk-chat-page .content-area,
body.dmk-chat-page .entry-content{
    background:transparent;
}
.dmk-chat-app.dmk-chat-full-width{
    width:calc(100vw - var(--dmk-full-left) - var(--dmk-full-right))!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw + var(--dmk-full-left))!important;
    margin-right:var(--dmk-full-right)!important;
    transform:none!important;
}


:root{
    --dmk-red:#ff3b30;
    --dmk-bg:#050506;
    --dmk-panel:#0a0a0b;
    --dmk-panel-2:#101012;
    --dmk-panel-3:#151517;
    --dmk-border:#29292d;
    --dmk-text:#f6f6f7;
    --dmk-muted:#8e8e95;
    --dmk-green:#20c86a;
    --dmk-radius:18px;
}

.dmk-chat-app,
.dmk-chat-app *{box-sizing:border-box}

.dmk-chat-app{
    width:var(--dmk-app-width);max-width:var(--dmk-app-max);
    margin:var(--dmk-margin-top) auto var(--dmk-margin-bottom);transform:translateX(var(--dmk-shift-x));
    color:var(--dmk-text);
    background:
        radial-gradient(circle at 78% 10%,rgba(255,59,48,.08),transparent 28%),
        linear-gradient(180deg,#080809 0%,#050506 100%);
    border:1px solid #1e1e21;
    border-radius:var(--dmk-app-radius);
    overflow:hidden;
    box-shadow:0 26px 80px rgba(0,0,0,.34);
    font-family:var(--dmk-body-font);font-size:var(--dmk-base-size);
}

.dmk-chat-app a{text-decoration:none}
.dmk-chat-app svg{
    width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto
}

.dmk-chat-top{
    min-height:108px;
    display:grid;
    grid-template-columns:var(--dmk-brand-width) minmax(0,1fr) 270px;
    align-items:center;
    gap:26px;
    padding:18px 24px 18px 28px;
    border-bottom:1px solid var(--dmk-border);
    background:rgba(7,7,8,.96);
}

.dmk-chat-brand{line-height:1}
.dmk-chat-kicker{
    display:block;color:var(--dmk-red);font-size:11px;font-weight:800;
    letter-spacing:.22em;margin-bottom:7px
}
.dmk-chat-brand h1,
.dmk-chat-room-heading h2,
.dmk-chat-access h2{
    margin:0;color:#fff;text-transform:uppercase;
    font-family:var(--dmk-heading-font);
    font-weight:700;letter-spacing:.015em
}
.dmk-chat-brand h1{font-size:var(--dmk-top-title);line-height:.9}

.dmk-chat-room-tabs{
    justify-self:center;
    display:flex;align-items:center;gap:8px;
    padding:6px;
    border:1px solid var(--dmk-border);
    border-radius:14px;
    background:#0d0d0f;
}
.dmk-chat-room-tabs a{
    min-height:50px;padding:0 19px;
    display:flex;align-items:center;gap:9px;
    color:#a9a9af;border-radius:10px;
    font-weight:800;font-size:14px;
    transition:.2s ease
}
.dmk-chat-room-tabs a:hover{color:#fff;background:#151517}
.dmk-chat-room-tabs a.is-active{
    color:#fff;background:var(--dmk-red);
    box-shadow:0 8px 24px rgba(255,59,48,.18)
}

.dmk-chat-profile-chip{
    justify-self:end;
    display:flex;align-items:center;gap:12px;
    min-width:220px;padding:9px 13px;
    color:#fff;border:1px solid var(--dmk-border);
    border-radius:14px;background:#0d0d0f
}
.dmk-chat-profile-chip img{
    width:44px;height:44px;border-radius:50%;object-fit:cover;
    border:2px solid #242427
}
.dmk-chat-profile-chip span{display:flex;flex-direction:column;min-width:0}
.dmk-chat-profile-chip small{color:var(--dmk-muted);font-size:9px;letter-spacing:.14em}
.dmk-chat-profile-chip strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.dmk-chat-layout{
    display:grid;
    grid-template-columns:var(--dmk-left-width) minmax(0,1fr) var(--dmk-right-width);
    height:var(--dmk-chat-height);
    min-height:0;
    max-height:var(--dmk-chat-height);
    overflow:hidden;
    align-items:stretch
}

/* LEFT */
.dmk-chat-sidebar{
    height:100%;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:26px 16px;
    border-right:1px solid var(--dmk-border);
    background:#080809;
    scrollbar-width:thin;
    scrollbar-color:#333 transparent
}
.dmk-chat-side-section + .dmk-chat-side-section{
    margin-top:30px;padding-top:26px;border-top:1px solid #1d1d20
}
.dmk-chat-side-label{
    display:block;padding:0 10px 10px;
    color:#66666d;font-size:10px;font-weight:900;letter-spacing:.18em
}
.dmk-chat-side-link{
    position:relative;
    display:grid;grid-template-columns:42px minmax(0,1fr) 18px;
    align-items:center;gap:10px;
    min-height:64px;padding:9px 10px;
    margin:3px 0;border-radius:13px;color:#a7a7ad
}
.dmk-chat-side-link::before{
    content:"";position:absolute;left:-16px;top:13px;bottom:13px;width:3px;
    border-radius:0 3px 3px 0;background:transparent
}
.dmk-chat-side-link:hover{background:#111113;color:#fff}
.dmk-chat-side-link.is-active{background:#121214;color:#fff}
.dmk-chat-side-link.is-active::before{background:var(--dmk-red)}
.dmk-chat-side-icon{
    width:40px;height:40px;border-radius:11px;
    display:flex;align-items:center;justify-content:center;
    background:#151517;color:#d4d4d7
}
.dmk-chat-side-link.is-active .dmk-chat-side-icon{
    color:#fff;background:rgba(255,59,48,.16)
}
.dmk-chat-side-link > span:nth-child(2){
    display:flex;flex-direction:column;min-width:0
}
.dmk-chat-side-link strong{font-size:13px}
.dmk-chat-side-link small{margin-top:2px;color:#707078;font-size:10px;font-weight:500}

.dmk-chat-side-actions a{
    display:flex;align-items:center;gap:12px;
    min-height:45px;padding:0 11px;border-radius:10px;
    color:#a8a8ae;font-size:var(--dmk-nav-size);font-weight:700
}
.dmk-chat-side-actions a:hover{color:#fff;background:#111113}
.dmk-chat-side-actions svg{width:19px;height:19px;color:#777780}

/* MAIN */
.dmk-chat-main{
    min-width:0;
    min-height:0;
    height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    padding:var(--dmk-content-pad);
    background:
        linear-gradient(180deg,rgba(255,59,48,.025),transparent 18%),
        #070708
}
.dmk-chat-room-heading{
    display:grid;grid-template-columns:minmax(0,1fr) auto;
    column-gap:20px;align-items:end;
    margin-bottom:18px;padding:0 2px
}
.dmk-chat-room-heading > div:first-child{
    grid-column:1/2;
    display:flex;align-items:center;gap:8px;
    color:#8f8f96;font-size:9px;font-weight:900;letter-spacing:.18em
}
.dmk-chat-live-dot{
    width:8px;height:8px;border-radius:50%;
    background:var(--dmk-green);
    box-shadow:0 0 0 4px rgba(32,200,106,.12)
}
.dmk-chat-room-heading h2{
    grid-column:1/2;font-size:var(--dmk-room-title);line-height:1;margin-top:5px
}
.dmk-chat-room-heading p{
    grid-column:1/2;margin:7px 0 0;
    color:var(--dmk-muted);font-size:var(--dmk-body-size);line-height:1.55;max-width:690px
}

.dmk-chat-bm-shell{
    flex:1 1 auto;
    height:0;
    min-height:0;
    border:1px solid var(--dmk-border);
    border-radius:var(--dmk-radius);
    overflow:hidden;
    background:#0b0b0d
}
.dmk-chat-bm-shell .bp-messages-wrap,
.dmk-chat-bm-shell .better-messages{
    max-width:none!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    background:#0b0b0d!important;
    color:#fff
}

/* Better Messages must scroll inside its own window instead of growing the page. */
.dmk-chat-bm-shell .bp-messages-wrap .bm-thread,
.dmk-chat-bm-shell .bp-messages-wrap .messages-stack,
.dmk-chat-bm-shell .bp-messages-wrap .bm-messages,
.dmk-chat-bm-shell .bp-messages-wrap .messages-list{
    min-height:0!important
}

/* Composer / typing area — deliberately white, as requested. */
.dmk-chat-bm-shell .bp-messages-wrap textarea,
.dmk-chat-bm-shell .bp-messages-wrap input[type="text"],
.dmk-chat-bm-shell .bp-messages-wrap [contenteditable="true"]{
    background:var(--dmk-composer-bg)!important;
    color:var(--dmk-composer-text)!important;
    caret-color:var(--dmk-composer-text)!important;
    border-color:#e4e4e6!important;
    box-shadow:none!important
}
.dmk-chat-bm-shell .bp-messages-wrap textarea::placeholder,
.dmk-chat-bm-shell .bp-messages-wrap input[type="text"]::placeholder{
    color:#9a9a9f!important;
    opacity:1!important
}
.dmk-chat-bm-shell .bp-messages-wrap .send-message,
.dmk-chat-bm-shell .bp-messages-wrap .message-form,
.dmk-chat-bm-shell .bp-messages-wrap .bm-message-form,
.dmk-chat-bm-shell .bp-messages-wrap .bm-chat-footer,
.dmk-chat-bm-shell .bp-messages-wrap .chat-footer,
.dmk-chat-bm-shell .bp-messages-wrap .bm-editor-wrapper{
    background:var(--dmk-composer-bg)!important
}
.dmk-chat-bm-shell .bp-messages-wrap .send-message svg,
.dmk-chat-bm-shell .bp-messages-wrap .message-form svg,
.dmk-chat-bm-shell .bp-messages-wrap .bm-message-form svg,
.dmk-chat-bm-shell .bp-messages-wrap .bm-chat-footer svg{
    color:#7b7b80!important;
    stroke:currentColor!important
}

.dmk-chat-bm-shell input,
.dmk-chat-bm-shell textarea,
.dmk-chat-bm-shell button{
    font-family:inherit
}
.dmk-chat-bm-shell a{color:inherit}
.dmk-chat-plugin-warning{
    padding:40px;color:#fff;font-size:15px
}

/* ONLINE */
.dmk-chat-online{
    position:relative;
    height:100%;
    min-height:0;
    max-height:100%;
    overflow:hidden;
    padding:24px 16px 18px;
    border-left:1px solid var(--dmk-border);
    background:#080809;
    display:flex;
    flex-direction:column;
    min-width:0
}
.dmk-chat-online-head{
    flex:0 0 auto;
    min-height:40px;padding:0 7px 13px;
    display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid #1c1c1f
}
.dmk-chat-online-head > div{display:flex;align-items:center;gap:9px}
.dmk-chat-online-head strong{font-size:11px;letter-spacing:.13em}
#dmk-online-count{
    min-width:28px;height:24px;padding:0 7px;border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    color:#fff;background:#171719;font-size:11px;font-weight:800
}
.dmk-chat-online-list{
    flex:1 1 auto;
    height:0;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    padding:10px 0 18px;
    scrollbar-width:thin;
    scrollbar-color:#333 transparent
}
.dmk-chat-online-list::-webkit-scrollbar{width:8px}
.dmk-chat-online-list::-webkit-scrollbar-track{background:transparent}
.dmk-chat-online-list::-webkit-scrollbar-thumb{background:#303034;border-radius:99px}
.dmk-chat-online-list::-webkit-scrollbar-thumb:hover{background:#444449}
.dmk-chat-online-state{
    padding:20px 8px;color:#686870;font-size:12px;line-height:1.5
}
.dmk-online-user{
    display:grid;grid-template-columns:42px minmax(0,1fr) 8px;
    gap:10px;align-items:center;
    min-height:58px;padding:7px 8px;
    border-radius:12px;color:#fff;
    transition:.18s ease
}
.dmk-online-user:hover{background:#121214}
.dmk-online-avatar{position:relative}
.dmk-online-avatar img{
    display:block;width:40px;height:40px;object-fit:cover;border-radius:50%;
    border:1px solid #2c2c30
}
.dmk-online-avatar::after{
    content:"";position:absolute;right:0;bottom:1px;
    width:10px;height:10px;border-radius:50%;
    background:var(--dmk-green);border:2px solid #080809
}
.dmk-online-copy{min-width:0;display:flex;flex-direction:column}
.dmk-online-copy strong{
    font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.dmk-online-copy span{
    margin-top:2px;color:#74747c;font-size:10px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.dmk-online-user > i{
    width:5px;height:5px;border-radius:50%;background:#2e2e32
}
.dmk-chat-me{
    flex:0 0 auto;
    display:grid;grid-template-columns:42px minmax(0,1fr) 34px;
    align-items:center;gap:10px;
    padding:14px 9px 2px;border-top:1px solid #1c1c1f
}
.dmk-chat-me > img{
    width:40px;height:40px;border-radius:50%;object-fit:cover
}
.dmk-chat-me > div{display:flex;flex-direction:column;min-width:0}
.dmk-chat-me small{font-size:8px;color:#66666e;letter-spacing:.12em}
.dmk-chat-me strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dmk-chat-me span{font-size:9px;color:#74747c}
.dmk-chat-me > a{
    width:32px;height:32px;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    color:#aaa;background:#141416
}
.dmk-chat-me > a:hover{color:#fff;background:var(--dmk-red)}
.dmk-chat-me svg{width:16px;height:16px}


/* White inline room surface */
.dmk-chat-bm-shell,
.dmk-chat-bm-shell .bp-messages-wrap,
.dmk-chat-bm-shell .better-messages{
    background:var(--dmk-message-bg)!important;
}
.dmk-chat-bm-shell .bp-messages-wrap .bm-thread,
.dmk-chat-bm-shell .bp-messages-wrap .messages-stack,
.dmk-chat-bm-shell .bp-messages-wrap .bm-messages,
.dmk-chat-bm-shell .bp-messages-wrap .messages-list,
.dmk-chat-bm-shell .bp-messages-wrap .thread-content,
.dmk-chat-bm-shell .bp-messages-wrap .messages-container{
    background:var(--dmk-message-bg)!important;
    color:var(--dmk-message-text)!important;
}
.dmk-chat-bm-shell .bp-messages-wrap .messages-stack .message-content,
.dmk-chat-bm-shell .bp-messages-wrap .bm-messages .message-content{
    color:inherit;
}

/* MOBILE NAV */
.dmk-chat-mobile-nav{display:none}
.dmk-chat-online-backdrop{display:none}

/* ACCESS */
.dmk-chat-access{
    width:min(880px,calc(100% - 30px));
    margin:50px auto;padding:50px;
    border:1px solid #29292d;border-top:3px solid var(--dmk-red);
    border-radius:18px;background:#0b0b0d;color:#fff
}
.dmk-chat-access h2{font-size:48px}
.dmk-chat-access p{color:#aaa}
.dmk-chat-btn{
    display:inline-flex;margin-top:14px;padding:14px 24px;
    border-radius:10px;background:var(--dmk-red);color:#fff!important;
    font-weight:900
}

@media (max-width:1180px){
    .dmk-chat-app{width:min(var(--dmk-app-width),calc(100vw - 40px));max-width:var(--dmk-app-max)}
    .dmk-chat-top{grid-template-columns:160px minmax(0,1fr) 220px}
    .dmk-chat-layout{grid-template-columns:210px minmax(0,1fr) 250px}
    .dmk-chat-room-tabs a{padding:0 12px}
}

@media (max-width:900px){
    .dmk-chat-app{
        width:min(var(--dmk-app-width),calc(100vw - 20px));max-width:var(--dmk-app-max);margin:10px auto 22px;
        border-radius:16px;overflow:visible;transform:none
    }
    .dmk-chat-top{
        position:relative;
        grid-template-columns:1fr auto;
        gap:12px;min-height:auto;padding:17px 16px 12px;
        border-radius:16px 16px 0 0
    }
    .dmk-chat-brand{display:none}
    .dmk-chat-profile-chip{
        grid-column:2/3;grid-row:1/2;
        min-width:0;padding:5px;border:0;background:transparent
    }
    .dmk-chat-profile-chip span{display:none}
    .dmk-chat-profile-chip img{width:38px;height:38px}
    .dmk-chat-room-tabs{
        grid-column:1/2;grid-row:1/2;justify-self:start;
        max-width:calc(100vw - 95px);overflow:auto;
        border:0;background:transparent;padding:0
    }
    .dmk-chat-room-tabs a{
        min-height:42px;padding:0 13px;white-space:nowrap;
        border:1px solid var(--dmk-border);background:#0d0d0f
    }
    .dmk-chat-room-tabs a.is-active{border-color:var(--dmk-red)}
    .dmk-chat-room-tabs svg{width:18px;height:18px}
    .dmk-chat-layout{
        display:block;
        height:auto;
        min-height:0;
        max-height:none;
        overflow:visible
    }
    .dmk-chat-sidebar{display:none}
    .dmk-chat-main{
        padding:16px 10px 82px;
        border-radius:0 0 16px 16px
    }
    .dmk-chat-room-heading{padding:0 7px;margin-bottom:13px}
    .dmk-chat-room-heading h2{font-size:37px}
    .dmk-chat-room-heading p{font-size:12px}
    .dmk-chat-bm-shell{
        height:calc(100svh - 220px);
        min-height:520px;
        border-radius:14px
    }
    .dmk-chat-bm-shell .bp-messages-wrap,
    .dmk-chat-bm-shell .better-messages{
        height:100%!important;
        min-height:0!important
    }

    .dmk-chat-online{
        position:fixed;z-index:100002;
        top:0;right:0;bottom:0;
        width:min(360px,88vw);
        transform:translateX(105%);
        transition:transform .24s ease;
        border-left:1px solid var(--dmk-border);
        box-shadow:-20px 0 50px rgba(0,0,0,.45)
    }
    .dmk-chat-app.is-online-open .dmk-chat-online{transform:translateX(0)}
    .dmk-chat-online-backdrop{
        position:fixed;z-index:100001;inset:0;
        width:100%;height:100%;border:0;
        background:rgba(0,0,0,.66)
    }
    .dmk-chat-app.is-online-open .dmk-chat-online-backdrop{display:block}

    .dmk-chat-mobile-nav{
        position:fixed;z-index:99990;
        left:50%;bottom:10px;transform:translateX(-50%);
        display:grid;grid-template-columns:repeat(4,1fr);
        width:min(520px,calc(100vw - 22px));
        padding:6px;border:1px solid #2b2b2f;
        border-radius:17px;background:rgba(10,10,11,.96);
        backdrop-filter:blur(16px);
        box-shadow:0 12px 35px rgba(0,0,0,.4)
    }
    .dmk-chat-mobile-nav a,
    .dmk-chat-mobile-nav button{
        appearance:none;border:0;background:transparent;
        min-height:50px;border-radius:12px;
        display:flex;flex-direction:column;align-items:center;justify-content:center;
        gap:3px;color:#74747c;font:inherit;font-size:9px;font-weight:800;
        cursor:pointer
    }
    .dmk-chat-mobile-nav .is-active{color:#fff;background:#141416}
    .dmk-chat-mobile-nav svg{width:20px;height:20px}
}

@media (max-width:520px){
    .dmk-chat-app{width:100%;max-width:none;margin:0;border-width:0;border-radius:0;transform:none}
    .dmk-chat-top{border-radius:0}
    .dmk-chat-main{border-radius:0}
    .dmk-chat-room-tabs a{font-size:12px}
    .dmk-chat-room-heading h2{font-size:34px}
    .dmk-chat-room-heading p{display:none}
    .dmk-chat-bm-shell{border-left:0;border-right:0;border-radius:0}
}


@media (max-width:900px){
    .dmk-chat-app.dmk-chat-full-width{
        width:calc(100vw - 20px)!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw + 10px)!important;
        margin-right:10px!important;
        transform:none!important;
    }
}
@media (max-width:520px){
    .dmk-chat-app.dmk-chat-full-width{
        width:100vw!important;
        max-width:none!important;
        margin-left:calc(50% - 50vw)!important;
        margin-right:0!important;
        transform:none!important;
    }
}


/* =========================================================
   BuddyBoss profile: Back to chat room
   ========================================================= */
.dmk-back-to-chat-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:46px!important;
    padding:0 20px!important;
    border:1px solid #ff3b30!important;
    border-radius:8px!important;
    background:#111113!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transition:background .18s ease,color .18s ease,border-color .18s ease!important;
}
.dmk-back-to-chat-button:hover,
.dmk-back-to-chat-button:focus{
    background:#ff3b30!important;
    border-color:#ff3b30!important;
    color:#fff!important;
    text-decoration:none!important;
}
.dmk-back-to-chat-arrow{
    font-size:20px!important;
    line-height:1!important;
    transform:translateY(-1px);
}

@media (max-width:767px){
    .dmk-back-to-chat-button{
        min-height:42px!important;
        padding:0 14px!important;
        font-size:12px!important;
    }
}


/* =========================================================
   DMK Chat Suite — Typography controls
   ========================================================= */

/* Message bubble/body text */
.dmk-chat-bm-shell .bm-message-content,
.dmk-chat-bm-shell .bm-message-content-text,
.dmk-chat-bm-shell .bm-message-content-text p,
.dmk-chat-bm-shell .bm-message-content-text span{
    font-size:var(--dmk-bm-message-size)!important;
    line-height:1.35!important;
}

/* Sender name */
.dmk-chat-bm-shell .bm-info .bm-name,
.dmk-chat-bm-shell .bm-info .name,
.dmk-chat-bm-shell .bm-info .bm-user,
.dmk-chat-bm-shell .bm-name,
.dmk-chat-bm-shell .bm-user{
    font-size:var(--dmk-bm-name-size)!important;
}

/* Message timestamp */
.dmk-chat-bm-shell .bm-time,
.dmk-chat-bm-shell .bm-message-info,
.dmk-chat-bm-shell .bm-message-info .bm-time{
    font-size:var(--dmk-bm-time-size)!important;
}

/* Composer / placeholder */
.dmk-chat-bm-shell textarea,
.dmk-chat-bm-shell input[type="text"],
.dmk-chat-bm-shell [contenteditable="true"]{
    font-size:var(--dmk-bm-input-size)!important;
}
.dmk-chat-bm-shell textarea::placeholder,
.dmk-chat-bm-shell input[type="text"]::placeholder{
    font-size:var(--dmk-bm-input-size)!important;
}

/* Better Messages room header */
.dmk-chat-bm-shell .bm-chat-room-title,
.dmk-chat-bm-shell .bm-thread-title,
.dmk-chat-bm-shell .bm-header .title,
.dmk-chat-bm-shell .bm-header-title,
.dmk-chat-bm-shell .bm-chat-header .title{
    font-size:var(--dmk-bm-room-title)!important;
}

/* Presence count / room meta */
.dmk-chat-bm-shell .bm-chat-room-description,
.dmk-chat-bm-shell .bm-chat-room-users,
.dmk-chat-bm-shell .bm-header .subtitle,
.dmk-chat-bm-shell .bm-header-subtitle,
.dmk-chat-bm-shell .bm-chat-header .subtitle{
    font-size:var(--dmk-bm-room-meta)!important;
}

/* Date separators */
.dmk-chat-bm-shell .bm-date,
.dmk-chat-bm-shell .date,
.dmk-chat-bm-shell .bm-messages-date,
.dmk-chat-bm-shell .bm-date-separator{
    font-size:var(--dmk-bm-date-size)!important;
}

/* Better Messages icons / controls */
.dmk-chat-bm-shell .message-controls svg,
.dmk-chat-bm-shell .bpbm-more svg,
.dmk-chat-bm-shell .favorite svg,
.dmk-chat-bm-shell .bm-chat-footer svg,
.dmk-chat-bm-shell .bm-header svg{
    width:var(--dmk-bm-controls)!important;
    height:var(--dmk-bm-controls)!important;
}

/* Right online panel */
.dmk-chat-online-list .dmk-online-copy strong{
    font-size:var(--dmk-online-name)!important;
}
.dmk-chat-online-list .dmk-online-copy span{
    font-size:var(--dmk-online-meta)!important;
}


/* v0.12.1: explicit CHAT-ROOM typography override */
.dmk-chat-app .dmk-chat-top .dmk-chat-brand h1{
    font-size:var(--dmk-top-title,48px)!important;
    line-height:.9!important;
    font-family:var(--dmk-heading-font)!important;
    font-weight:700!important;
    letter-spacing:.015em!important;
    margin:0!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
}

/* Allow the title to use the configured brand column cleanly. */
.dmk-chat-app .dmk-chat-brand{
    min-width:0!important;
    width:100%!important;
}

/* v0.13 dynamic room tabs */
.dmk-chat-room-tabs{max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;}
.dmk-chat-room-tabs a{flex:0 0 auto;}






/* BuddyBoss profile — Bio button under profile photo */
.dmk-profile-bio-action-holder{
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
    margin-top:12px!important;
}

.dmk-profile-bio-action-holder .dmk-about-me-action-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:0 16px!important;
    border:1px solid #ff3b30!important;
    border-radius:8px!important;
    background:#ff3b30!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transition:.18s ease!important;
    white-space:nowrap!important;
}

.dmk-profile-bio-action-holder .dmk-about-me-action-button:hover,
.dmk-profile-bio-action-holder .dmk-about-me-action-button:focus{
    background:#e9342b!important;
    border-color:#e9342b!important;
    color:#fff!important;
    text-decoration:none!important;
}

@media(max-width:767px){
    .dmk-profile-bio-action-holder{
        margin-top:10px!important;
    }

    .dmk-profile-bio-action-holder .dmk-about-me-action-button{
        min-height:38px!important;
        padding:0 14px!important;
        font-size:12px!important;
    }
}


/* =========================================================
   Active MemberPress members directory
   ========================================================= */
.dmk-chat-main-people{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin;
    scrollbar-color:#333 transparent;
}

.dmk-people-view{
    width:100%;
    min-width:0;
}

.dmk-people-heading{
    margin-bottom:20px;
}

.dmk-people-heading > div{
    display:flex;
    align-items:center;
    gap:8px;
    color:#8f8f96;
    font-size:9px;
    font-weight:900;
    letter-spacing:.18em;
}

.dmk-people-heading h2{
    margin:6px 0 4px;
    color:#fff;
    font-family:var(--dmk-heading-font);
    font-size:var(--dmk-room-title);
    line-height:1;
    font-weight:700;
    text-transform:uppercase;
}

.dmk-people-heading p{
    margin:0;
    color:var(--dmk-muted);
    font-size:var(--dmk-body-size);
}

.dmk-people-search{
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 0 12px;
}

.dmk-people-search input[type="search"]{
    flex:1 1 auto;
    min-width:0;
    min-height:46px;
    padding:0 15px;
    border:1px solid var(--dmk-border);
    border-radius:11px;
    outline:0;
    background:#111114;
    color:#fff;
    font-size:14px;
}

.dmk-people-search input[type="search"]::placeholder{
    color:#73737a;
}

.dmk-people-search button{
    flex:0 0 auto;
    min-height:46px;
    padding:0 18px;
    border:0;
    border-radius:11px;
    background:var(--dmk-red);
    color:#fff;
    font:inherit;
    font-size:13px;
    font-weight:900;
    cursor:pointer;
}

.dmk-people-count{
    margin-bottom:17px;
    color:#777780;
    font-size:11px;
    font-weight:700;
}

.dmk-people-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
}

.dmk-person-card{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:0;
    min-height:118px;
    padding:14px;
    border:1px solid var(--dmk-border);
    border-radius:14px;
    background:#0d0d0f;
    color:#fff!important;
    text-decoration:none!important;
    transition:border-color .18s ease, background .18s ease, transform .18s ease;
}

.dmk-person-card:hover{
    border-color:#45454b;
    background:#121214;
    color:#fff!important;
    transform:translateY(-1px);
}

.dmk-person-avatar{
    flex:0 0 72px;
    position:relative;
}

.dmk-person-avatar img{
    display:block;
    width:72px;
    height:72px;
    border-radius:50%;
    object-fit:cover;
    border:1px solid #303034;
}

.dmk-person-content{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.dmk-person-content > strong{
    color:#fff;
    font-size:14px;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.dmk-person-city{
    margin-top:4px;
    color:var(--dmk-red);
    font-size:10px;
    font-weight:800;
}

.dmk-person-bio{
    display:-webkit-box;
    margin-top:6px;
    overflow:hidden;
    color:#84848c;
    font-size:10px;
    line-height:1.4;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.dmk-person-open{
    margin-top:7px;
    color:#b8b8be;
    font-size:9px;
    font-weight:800;
}

.dmk-people-empty{
    padding:26px;
    border:1px solid var(--dmk-border);
    border-radius:14px;
    background:#0d0d0f;
    color:#aaa;
}

.dmk-people-pagination{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:20px;
}

.dmk-people-pagination a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:36px;
    padding:0 8px;
    border:1px solid var(--dmk-border);
    border-radius:9px;
    background:#101012;
    color:#aaa!important;
    font-size:11px;
    font-weight:800;
    text-decoration:none!important;
}

.dmk-people-pagination a.is-current,
.dmk-people-pagination a:hover{
    border-color:var(--dmk-red);
    background:var(--dmk-red);
    color:#fff!important;
}

@media(max-width:1180px){
    .dmk-people-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:900px){
    .dmk-chat-main-people{
        min-height:calc(100svh - 220px);
        padding-bottom:90px!important;
    }

    .dmk-people-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .dmk-person-card{
        min-height:105px;
        padding:11px;
    }

    .dmk-person-avatar{
        flex-basis:58px;
    }

    .dmk-person-avatar img{
        width:58px;
        height:58px;
    }
}

@media(max-width:560px){
    .dmk-people-grid{
        grid-template-columns:1fr;
    }

    .dmk-people-search{
        gap:7px;
    }

    .dmk-people-search button{
        padding:0 12px;
    }

    .dmk-person-card{
        min-height:96px;
    }
}


/* =========================================================
   Dating profile privacy toggle
   ========================================================= */
.dmk-profile-bio-action-holder{
    flex-wrap:wrap!important;
    gap:8px!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:38px!important;
    padding:0 13px!important;
    border-radius:8px!important;
    background:#111113!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:none!important;
    white-space:nowrap!important;
    transition:.18s ease!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-toggle.is-enabled{
    border:1px solid #20c86a!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-toggle.is-disabled{
    border:1px solid #606067!important;
    color:#b2b2b8!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-toggle:hover{
    background:#18181b!important;
    color:#fff!important;
    text-decoration:none!important;
}

.dmk-dating-status-dot{
    display:block!important;
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border-radius:50%!important;
    background:#696970!important;
}

.dmk-dating-profile-toggle.is-enabled .dmk-dating-status-dot{
    background:#20c86a!important;
    box-shadow:0 0 0 4px rgba(32,200,106,.12)!important;
}

@media(max-width:767px){
    .dmk-profile-bio-action-holder .dmk-dating-profile-toggle{
        width:100%!important;
        max-width:190px!important;
        min-height:36px!important;
        font-size:10px!important;
    }
}


/* =========================================================
   Dating profile status + action button
   ========================================================= */
.dmk-profile-bio-action-holder .dmk-dating-profile-status{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:38px!important;
    padding:0 13px!important;
    border-radius:8px!important;
    background:#111113!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-status.is-enabled{
    border:1px solid #20c86a!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-status.is-disabled{
    border:1px solid #606067!important;
    color:#b2b2b8!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-toggle.is-enabled{
    border:1px solid var(--dmk-red)!important;
    background:var(--dmk-red)!important;
    color:#fff!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-toggle.is-disabled{
    border:1px solid var(--dmk-red)!important;
    background:var(--dmk-red)!important;
    color:#fff!important;
}

@media(max-width:767px){
    .dmk-profile-bio-action-holder .dmk-dating-profile-status,
    .dmk-profile-bio-action-holder .dmk-dating-profile-toggle{
        width:100%!important;
        max-width:250px!important;
        min-height:36px!important;
        font-size:10px!important;
    }
}


/* =========================================================
   Dating profile privacy — v0.16.2 compact status + small action
   ========================================================= */

.dmk-profile-bio-action-holder{
    align-items:center!important;
    gap:9px!important;
}

/* Prominent status */
.dmk-profile-bio-action-holder .dmk-dating-profile-status{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:9px!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-status.is-enabled{
    background:rgba(32,200,106,.12)!important;
    border:1px solid #20c86a!important;
    color:#fff!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-status.is-disabled{
    background:rgba(255,59,48,.10)!important;
    border:1px solid #ff3b30!important;
    color:#fff!important;
}

.dmk-dating-profile-status-label{
    color:#fff!important;
    opacity:.9!important;
    font-weight:700!important;
}

.dmk-dating-profile-status-value{
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
}

.dmk-dating-profile-status.is-enabled .dmk-dating-profile-status-value{
    color:#20c86a!important;
}

.dmk-dating-profile-status.is-disabled .dmk-dating-profile-status-value{
    color:#ff3b30!important;
}

/* Compact action */
.dmk-profile-bio-action-holder .dmk-dating-profile-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:none!important;
    min-width:76px!important;
    min-height:34px!important;
    padding:0 12px!important;
    border-radius:7px!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    box-shadow:none!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-toggle.is-enabled{
    background:#ff3b30!important;
    border:1px solid #ff3b30!important;
    color:#fff!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-toggle.is-disabled{
    background:#20c86a!important;
    border:1px solid #20c86a!important;
    color:#07110b!important;
}

.dmk-profile-bio-action-holder .dmk-dating-profile-toggle:hover{
    filter:brightness(.92)!important;
}

@media(max-width:767px){
    .dmk-profile-bio-action-holder{
        justify-content:center!important;
    }

    .dmk-profile-bio-action-holder .dmk-dating-profile-status{
        width:auto!important;
        max-width:100%!important;
        min-height:40px!important;
        padding:0 12px!important;
        font-size:11px!important;
    }

    .dmk-profile-bio-action-holder .dmk-dating-profile-toggle{
        width:auto!important;
        max-width:none!important;
        min-width:72px!important;
        min-height:32px!important;
        padding:0 10px!important;
        font-size:10px!important;
    }
}


/* =========================================================
   Dating profile control — v0.16.3
   First profile action, compact and visually clear.
   ========================================================= */

.dmk-dating-profile-control{
    order:-100!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:7px!important;
    min-width:190px!important;
    padding:10px 12px!important;
    border-radius:10px!important;
    background:#111113!important;
    box-shadow:none!important;
}

.dmk-dating-profile-control.is-enabled{
    border:1px solid #20c86a!important;
}

.dmk-dating-profile-control.is-disabled{
    border:1px solid #ff3b30!important;
}

.dmk-dating-profile-control .dmk-dating-profile-status{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    white-space:nowrap!important;
}

.dmk-dating-profile-control .dmk-dating-profile-status-label{
    color:#fff!important;
    opacity:.86!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:700!important;
}

.dmk-dating-profile-control .dmk-dating-profile-status-value{
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
}

.dmk-dating-profile-control.is-enabled .dmk-dating-profile-status-value{
    color:#20c86a!important;
}

.dmk-dating-profile-control.is-disabled .dmk-dating-profile-status-value{
    color:#ff3b30!important;
}

.dmk-dating-profile-control .dmk-dating-profile-toggle{
    align-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:74px!important;
    max-width:none!important;
    min-height:30px!important;
    padding:0 12px!important;
    margin:0!important;
    border-radius:7px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    text-decoration:none!important;
    box-shadow:none!important;
}

.dmk-dating-profile-control.is-enabled .dmk-dating-profile-toggle{
    border:1px solid #ff3b30!important;
    background:#ff3b30!important;
    color:#fff!important;
}

.dmk-dating-profile-control.is-disabled .dmk-dating-profile-toggle{
    border:1px solid #20c86a!important;
    background:#20c86a!important;
    color:#07110b!important;
}

.dmk-dating-profile-control .dmk-dating-profile-toggle:hover{
    filter:brightness(.92)!important;
    text-decoration:none!important;
}

/* BuddyBoss actions are typically flex. Force our privacy block to the start. */
#item-header-content .member-header-actions,
#item-header-content .bb-member-header-actions,
#item-header-content .member-header-actions-wrap,
#item-header .member-header-actions,
#item-header .bb-member-header-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
}

@media(max-width:767px){
    .dmk-dating-profile-control{
        width:100%!important;
        max-width:230px!important;
        min-width:0!important;
        padding:9px 10px!important;
    }

    .dmk-dating-profile-control .dmk-dating-profile-status-label{
        font-size:10px!important;
    }

    .dmk-dating-profile-control .dmk-dating-profile-status-value{
        font-size:11px!important;
    }

    .dmk-dating-profile-control .dmk-dating-profile-toggle{
        min-height:29px!important;
        min-width:68px!important;
        padding:0 10px!important;
        font-size:9px!important;
    }
}


/* Dating profile control — v0.16.4 single compact button */
.dmk-dating-profile-control{
    order:-100!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-width:280px!important;
    min-height:46px!important;
    padding:0 16px!important;
    margin:0!important;
    border-radius:9px!important;
    background:#111113!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:none!important;
    white-space:nowrap!important;
    transition:.18s ease!important;
}
.dmk-dating-profile-control.is-enabled{
    border:1px solid #20c86a!important;
}
.dmk-dating-profile-control.is-disabled{
    border:1px solid #ff3b30!important;
}
.dmk-dating-profile-control .dmk-dating-profile-status-label{
    color:#fff!important;
    opacity:.9!important;
    font-size:11px!important;
    font-weight:700!important;
}
.dmk-dating-profile-control .dmk-dating-profile-status-value{
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.03em!important;
}
.dmk-dating-profile-control.is-enabled .dmk-dating-profile-status-value{
    color:#20c86a!important;
}
.dmk-dating-profile-control.is-disabled .dmk-dating-profile-status-value{
    color:#ff3b30!important;
}
.dmk-dating-profile-control .dmk-dating-profile-action{
    color:#b8b8be!important;
    font-size:10px!important;
    font-weight:800!important;
}
.dmk-dating-profile-control:hover{
    background:#18181b!important;
    color:#fff!important;
    text-decoration:none!important;
}
.dmk-dating-profile-control:hover .dmk-dating-profile-action{
    color:#fff!important;
}
@media(max-width:767px){
    .dmk-dating-profile-control{
        width:100%!important;
        max-width:300px!important;
        min-width:0!important;
        min-height:42px!important;
        padding:0 12px!important;
        gap:5px!important;
    }
    .dmk-dating-profile-control .dmk-dating-profile-status-label{
        font-size:10px!important;
    }
    .dmk-dating-profile-control .dmk-dating-profile-status-value{
        font-size:11px!important;
    }
    .dmk-dating-profile-control .dmk-dating-profile-action{
        font-size:9px!important;
    }
}