/* Bchat live polish: account menu + icon tooltips */
body.chat-screen .account-dropdown{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:10px!important;
    min-width:220px!important;
    z-index:140!important;
    pointer-events:none!important;
}

/* Bchat v63: hide notification sound dock on the mobile empty-state screen */
@media (max-width:760px){
    body.chat-screen.no-conversation .bchat-sound-dock{
        display:none!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }
    body.chat-screen:not(.no-conversation) .bchat-sound-dock{
        right:10px!important;
        bottom:max(10px,var(--safe-bottom))!important;
        left:auto!important;
        transform:none!important;
        max-width:calc(100vw - 20px)!important;
        z-index:165!important;
    }
}

/* Bchat v52 final header and icon repair */
body.chat-screen,
body.chat-screen input,
body.chat-screen textarea,
body.chat-screen button{
    font-family:"Bchat Cairo",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif!important;
    letter-spacing:0!important;
}
body.chat-screen .conversation-pane{
    position:relative!important;
}
body.chat-screen .conversation-header{
    min-height:66px!important;
    margin:8px 10px 0!important;
    padding:9px 190px 9px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    border:1px solid rgba(16,185,129,.16)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#06221e,#123a31)!important;
    box-shadow:0 16px 38px rgba(2,6,23,.18)!important;
    overflow:hidden!important;
}
body.chat-screen .conversation-tools-modern{
    position:absolute!important;
    top:20px!important;
    right:18px!important;
    left:auto!important;
    width:auto!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:8!important;
}
body.chat-screen .conversation-tools-modern .icon-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.08)!important;
    color:#dcfce7!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    box-shadow:none!important;
}
body.chat-screen .conversation-tools-modern .icon-btn:hover,
body.chat-screen .conversation-tools-modern .icon-btn.active{
    background:#10b981!important;
    color:#fff!important;
}
body.chat-screen .conversation-header .conversation-avatar{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    margin:0!important;
    border-radius:50%!important;
    background:#dcfce7!important;
    color:#047857!important;
    box-shadow:none!important;
    font-size:15px!important;
}
body.chat-screen .conversation-heading{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
}
body.chat-screen .conversation-heading h1{
    margin:0!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:1000!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
body.chat-screen .conversation-heading span{
    color:#bbf7d0!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.25!important;
}
body.chat-screen .composer{
    grid-template-columns:46px 46px 46px minmax(320px,1fr) 50px!important;
    align-items:center!important;
    gap:8px!important;
    padding:9px 10px!important;
}
body.chat-screen .composer textarea{
    min-height:50px!important;
    font-size:16px!important;
    line-height:1.65!important;
    color:#0f172a!important;
}
body.chat-screen .composer .attach-btn,
body.chat-screen .composer .composer-icon,
body.chat-screen .composer .send-btn{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex:0 0 44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    font-size:0!important;
    line-height:1!important;
}
body.chat-screen .composer .send-btn{
    width:50px!important;
    min-width:50px!important;
    flex-basis:50px!important;
    color:#fff!important;
}
body.chat-screen .composer .attach-btn::before,
body.chat-screen .composer .composer-icon::before,
body.chat-screen .composer .send-btn::before{
    content:none!important;
    display:none!important;
}
body.chat-screen .conversation-tools-modern .icon-btn i,
body.chat-screen .composer .attach-btn i,
body.chat-screen .composer .composer-icon i,
body.chat-screen .composer .send-btn i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    color:currentColor!important;
    font-size:17px!important;
    line-height:1!important;
    visibility:visible!important;
    opacity:1!important;
}
body.chat-screen .fa-solid,
body.chat-screen .fas{
    font-family:"Font Awesome 7 Free","Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome"!important;
    font-weight:900!important;
}
body.chat-screen .fa-regular,
body.chat-screen .far{
    font-family:"Font Awesome 7 Free","Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome"!important;
    font-weight:400!important;
}
@media (max-width:760px){
    body.chat-screen .conversation-header{
        padding-right:150px!important;
        min-height:62px!important;
    }
    body.chat-screen .conversation-tools-modern{
        right:14px!important;
        top:19px!important;
        gap:5px!important;
    }
    body.chat-screen .conversation-tools-modern .icon-btn{
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
    }
    body.chat-screen .composer{
        grid-template-columns:40px 40px 40px minmax(0,1fr) 44px!important;
        margin-inline:8px!important;
        gap:6px!important;
    }
    body.chat-screen .composer .attach-btn,
    body.chat-screen .composer .composer-icon,
    body.chat-screen .composer .send-btn{
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        min-height:40px!important;
        flex-basis:40px!important;
    }
}

/* Bchat message action polish */
body.chat-screen .message{position:relative!important;display:grid!important;width:fit-content!important;min-width:min(240px,54vw)!important;max-width:min(680px,76%)!important;margin:12px auto 12px 72px!important;gap:5px!important;overflow:visible!important;}
body.chat-screen .message.mine{margin-left:auto!important;margin-right:72px!important;}
body.chat-screen .message-body{position:relative!important;min-width:inherit!important;border-radius:12px!important;padding:14px 18px 26px!important;background:#fff!important;color:#111827!important;box-shadow:0 14px 35px rgba(15,23,42,.08)!important;cursor:pointer!important;white-space:pre-wrap!important;}
body.chat-screen .message.mine .message-body{background:linear-gradient(180deg,#d7fbe2,#c7f8d9)!important;border:1px solid rgba(22,163,74,.14)!important;}
body.chat-screen .message .meta{display:none!important;}
body.chat-screen .message-text{font-size:16px!important;line-height:1.85!important;word-break:break-word!important;}
body.chat-screen .message-quick-status{position:absolute!important;inset-inline-start:10px!important;bottom:6px!important;display:inline-flex!important;align-items:center!important;gap:3px!important;}
body.chat-screen .message-receipt{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#0ea5e9!important;font-size:13px!important;line-height:1!important;}
body.chat-screen .message-receipt.seen{color:#0284c7!important;}
body.chat-screen .message-menu-btn{position:absolute!important;top:8px!important;inset-inline-end:calc(100% + 8px)!important;width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:#64748b!important;box-shadow:0 10px 26px rgba(15,23,42,.11)!important;cursor:pointer!important;font-size:15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body.chat-screen .message.mine .message-menu-btn{inset-inline-end:auto!important;inset-inline-start:calc(100% + 8px)!important;}
body.chat-screen .message-menu{position:absolute!important;top:44px!important;inset-inline-end:calc(100% + 8px)!important;z-index:40!important;min-width:178px!important;display:none!important;padding:7px!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 18px 46px rgba(15,23,42,.18)!important;}
body.chat-screen .message.mine .message-menu{inset-inline-end:auto!important;inset-inline-start:calc(100% + 8px)!important;}
body.chat-screen .message-menu.open{display:grid!important;}
body.chat-screen .message-menu button{min-height:36px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#0f172a!important;font-weight:900!important;text-align:start!important;cursor:pointer!important;}
body.chat-screen .message-menu button:hover{background:#ecfdf5!important;color:#047857!important;}
body.chat-screen .message-details{width:100%!important;max-width:100%!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important;align-items:center!important;padding:6px 8px!important;border:1px solid rgba(16,185,129,.16)!important;border-radius:8px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;}
body.chat-screen .message-details[hidden]{display:none!important;}
body.chat-screen .message-details span{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#64748b!important;font-size:11px!important;font-weight:900!important;}
body.chat-screen .message-details i{color:#059669!important;}
body.chat-screen .message-details b{font-weight:900!important;color:#334155!important;}
@media (max-width:760px){
    body.chat-screen .message{min-width:min(190px,68vw)!important;max-width:82%!important;margin-left:46px!important;margin-right:auto!important;}
    body.chat-screen .message.mine{margin-left:auto!important;margin-right:46px!important;}
    body.chat-screen .message-body{padding:13px 15px 25px!important;}
    body.chat-screen .message-text{font-size:15.5px!important;line-height:1.8!important;}
}

/* Bchat v51: calmer empty state, wider composer, visible controls */
body.chat-screen.no-conversation .composer,
body.chat-screen.no-conversation .conversation-tools-modern{display:none!important;}
body.chat-screen.no-conversation .message-list{display:grid!important;place-items:center!important;padding:34px!important;}
body.chat-screen .chat-home-state{
    width:min(520px,92%)!important;
    display:grid!important;
    place-items:center!important;
    gap:12px!important;
    padding:28px!important;
    border:1px solid rgba(16,185,129,.16)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#ffffff,#f3fff8)!important;
    box-shadow:0 22px 55px rgba(2,6,23,.08)!important;
    text-align:center!important;
    color:#0f172a!important;
}
body.chat-screen .chat-home-state>span{
    width:62px!important;
    height:62px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:18px!important;
    background:#dcfce7!important;
    color:#047857!important;
    font-size:25px!important;
}
body.chat-screen .chat-home-state strong{font-size:22px!important;font-weight:1000!important;}
body.chat-screen .chat-home-state p{max-width:390px!important;margin:0!important;color:#64748b!important;font-size:14px!important;line-height:1.8!important;font-weight:800!important;}
body.chat-screen .chat-home-state div{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:center!important;}
body.chat-screen .chat-home-state button{
    min-height:40px!important;
    border:1px solid rgba(16,185,129,.18)!important;
    border-radius:10px!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    background:#fff!important;
    color:#047857!important;
    font-weight:1000!important;
    cursor:pointer!important;
}
body.chat-screen .conversation-header{
    min-height:72px!important;
    margin:8px 10px 0!important;
    padding:10px 14px!important;
    border:1px solid rgba(16,185,129,.16)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#071f1d,#12382f)!important;
    color:#ecfdf5!important;
    box-shadow:0 16px 40px rgba(2,6,23,.18)!important;
}
body.chat-screen .conversation-header .conversation-avatar{
    width:46px!important;
    height:46px!important;
    margin:0!important;
    box-shadow:none!important;
    background:#dcfce7!important;
    color:#047857!important;
    font-size:15px!important;
}
body.chat-screen .conversation-heading h1{color:#fff!important;font-size:17px!important;line-height:1.3!important;}
body.chat-screen .conversation-heading span{color:#b7f3d1!important;font-size:12px!important;font-weight:900!important;}
body.chat-screen .conversation-tools-modern{
    margin:8px 10px 0!important;
    padding:8px 12px!important;
    border:1px solid rgba(16,185,129,.14)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#08221f,#12382f)!important;
    box-shadow:0 14px 32px rgba(2,6,23,.16)!important;
}
body.chat-screen .conversation-tools-modern .icon-btn{
    color:#d8ffe8!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.08)!important;
}
body.chat-screen .conversation-tools-modern .icon-btn:hover,
body.chat-screen .conversation-tools-modern .icon-btn.active{background:#10b981!important;color:#fff!important;}
body.chat-screen .composer{
    display:grid!important;
    grid-template-columns:44px 44px 44px minmax(260px,1fr) 48px!important;
    align-items:end!important;
    gap:8px!important;
    margin:0 clamp(18px,3vw,42px) 18px!important;
    padding:10px!important;
    border-radius:12px!important;
}
body.chat-screen .composer textarea{
    min-width:0!important;
    width:100%!important;
    min-height:50px!important;
    max-height:160px!important;
    padding:13px 12px!important;
    font-size:16px!important;
    line-height:1.7!important;
}
body.chat-screen .composer .attach-btn,
body.chat-screen .composer .composer-icon,
body.chat-screen .composer .send-btn{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex:0 0 44px!important;
}
body.chat-screen .composer .send-btn{width:48px!important;min-width:48px!important;flex-basis:48px!important;}
@media (max-width:760px){
    body.chat-screen .composer{grid-template-columns:40px 40px 40px minmax(0,1fr) 44px!important;margin-inline:8px!important;gap:6px!important;}
    body.chat-screen .composer .attach-btn,
    body.chat-screen .composer .composer-icon,
    body.chat-screen .composer .send-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
}

body.chat-screen .account-phone-split{position:relative!important;align-items:start!important;}
body.chat-screen .country-picker-wrap{position:relative!important;min-width:150px!important;}
body.chat-screen .country-picker-wrap .country-code-input{width:100%!important;}
body.chat-screen .country-picker-panel{
    position:absolute!important;
    z-index:12000!important;
    top:calc(100% + 8px)!important;
    inset-inline-start:0!important;
    width:min(360px,calc(100vw - 32px))!important;
    max-height:330px!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px!important;
    border:1px solid rgba(16,185,129,.18)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 24px 65px rgba(2,6,23,.24)!important;
    direction:rtl!important;
}
body.chat-screen .country-picker-panel[hidden]{display:none!important;}
body.chat-screen .country-picker-search{
    min-height:38px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    border:1px solid rgba(16,185,129,.14)!important;
    border-radius:10px!important;
    padding:0 8px!important;
    background:#f0fdf4!important;
}
body.chat-screen .country-picker-search i{color:#047857!important;}
body.chat-screen .country-picker-search input{border:0!important;background:transparent!important;outline:0!important;min-height:36px!important;}
body.chat-screen .country-picker-list{display:grid!important;gap:5px!important;overflow:auto!important;}
body.chat-screen .country-picker-list button{
    min-height:38px!important;
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    border:0!important;
    border-radius:9px!important;
    padding:7px 8px!important;
    background:#fff!important;
    color:#0f172a!important;
    text-align:start!important;
    cursor:pointer!important;
}
body.chat-screen .country-picker-list button:hover{background:#ecfdf5!important;}
body.chat-screen .country-picker-list b{color:#047857!important;direction:ltr!important;}
body.chat-screen .country-picker-list span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important;color:#475569!important;}
body.chat-screen .message-reactions .can-remove{
    position:relative!important;
    cursor:pointer!important;
    padding-inline-end:8px!important;
    border:1px solid rgba(16,185,129,.28)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.12)!important;
}
body.chat-screen .message-reactions .can-remove em{
    position:absolute!important;
    top:-10px!important;
    left:50%!important;
    right:auto!important;
    width:17px!important;
    height:17px!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#050505!important;
    color:#fff!important;
    font-style:normal!important;
    font-size:12px!important;
    font-weight:1000!important;
    line-height:1!important;
    box-shadow:0 0 0 2px #fff!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateX(-50%) scale(.86)!important;
    transition:opacity .14s ease, transform .14s ease!important;
}
body.chat-screen .message-reactions .can-remove:hover,
body.chat-screen .message-reactions .can-remove:focus-visible{transform:translateY(-1px)!important;background:#dcfce7!important;}
body.chat-screen .message-reactions .can-remove:hover em,
body.chat-screen .message-reactions .can-remove:focus-visible em{
    opacity:1!important;
    transform:translateX(-50%) scale(1)!important;
}
body.chat-screen .message-survey-card{
    width:min(430px,100%)!important;
    min-width:min(360px,100%)!important;
    display:grid!important;
    gap:12px!important;
    direction:rtl!important;
    text-align:right!important;
}
body.chat-screen .message-survey-head{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding-bottom:10px!important;
    border-bottom:1px solid rgba(15,23,42,.08)!important;
}
body.chat-screen .message-survey-head > span{
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    color:#047857!important;
    background:rgba(220,252,231,.94)!important;
}
body.chat-screen .message-survey-head strong,
body.chat-screen .message-survey-head small{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .message-survey-head strong{
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:1000!important;
}
body.chat-screen .message-survey-head small{
    color:#64748b!important;
    font-size:11px!important;
    font-weight:900!important;
}
body.chat-screen .message-survey-question{
    margin:0!important;
    color:#10231a!important;
    font-size:14px!important;
    font-weight:1000!important;
    line-height:1.7!important;
}
body.chat-screen .message-survey-options{
    display:grid!important;
    gap:8px!important;
    width:100%!important;
}
body.chat-screen .message-survey-option{
    position:relative!important;
    width:100%!important;
    min-height:44px!important;
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:9px 11px!important;
    border:1px solid rgba(16,185,129,.22)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.72)!important;
    color:#0f172a!important;
    cursor:pointer!important;
}
body.chat-screen .message-survey-option:hover{
    border-color:rgba(16,185,129,.5)!important;
    background:rgba(240,253,244,.95)!important;
}
body.chat-screen .message-survey-option input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
}
body.chat-screen .message-survey-control{
    width:20px!important;
    height:20px!important;
    border:2px solid #10b981!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:inset 0 0 0 4px #fff!important;
}
body.chat-screen .message-survey-option input[type="checkbox"] + .message-survey-control{
    border-radius:6px!important;
}
body.chat-screen .message-survey-option input:checked + .message-survey-control{
    background:#059669!important;
    box-shadow:inset 0 0 0 4px #fff,0 0 0 3px rgba(16,185,129,.14)!important;
}
body.chat-screen .message-survey-option b{
    min-width:0!important;
    color:#0f172a!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
}
body.chat-screen .message-announcement-card{
    width:min(560px,100%)!important;
    min-width:min(390px,100%)!important;
    display:grid!important;
    gap:12px!important;
    padding:14px!important;
    border:1px solid rgba(245,158,11,.5)!important;
    border-inline-start:5px solid #f59e0b!important;
    border-radius:8px!important;
    background:linear-gradient(135deg,#fff7ed,#fffbeb 58%,#fff)!important;
    box-shadow:0 18px 45px rgba(146,64,14,.14)!important;
    direction:rtl!important;
    text-align:right!important;
}
body.chat-screen .message-announcement-ribbon{
    width:max-content!important;
    max-width:100%!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    color:#7c2d12!important;
    background:rgba(253,186,116,.55)!important;
    font-size:12px!important;
    font-weight:1000!important;
}
body.chat-screen .message-announcement-ribbon i{
    color:#ea580c!important;
}
body.chat-screen .message-announcement-card h3{
    margin:0!important;
    color:#111827!important;
    font-size:16px!important;
    font-weight:1000!important;
    line-height:1.6!important;
}
body.chat-screen .message-announcement-body{
    margin:0!important;
    padding:11px 12px!important;
    border:1px solid rgba(245,158,11,.22)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.66)!important;
    color:#1f2937!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.9!important;
    overflow-wrap:anywhere!important;
}
body.chat-screen .message-announcement-foot{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    color:#92400e!important;
    font-size:11px!important;
    font-weight:900!important;
}
body.chat-screen .message-announcement-foot i{
    color:#f59e0b!important;
}
body.chat-screen .message-rules-alert{
    width:min(540px,100%)!important;
    min-width:min(390px,100%)!important;
    display:grid!important;
    gap:12px!important;
    padding:14px!important;
    border:1px solid rgba(239,68,68,.38)!important;
    border-inline-start:5px solid #ef4444!important;
    border-radius:8px!important;
    background:linear-gradient(135deg,#fff1f2,#fff7f7 58%,#fff)!important;
    box-shadow:0 18px 45px rgba(127,29,29,.13)!important;
    direction:rtl!important;
    text-align:right!important;
}
body.chat-screen .message-rules-head{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
}
body.chat-screen .message-rules-head > span{
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    color:#fff!important;
    background:#ef4444!important;
    box-shadow:0 10px 22px rgba(239,68,68,.22)!important;
}
body.chat-screen .message-rules-head strong,
body.chat-screen .message-rules-head small{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .message-rules-head strong{
    color:#7f1d1d!important;
    font-size:15px!important;
    font-weight:1000!important;
}
body.chat-screen .message-rules-head small{
    color:#b91c1c!important;
    font-size:11px!important;
    font-weight:900!important;
}
body.chat-screen .message-rules-list{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    display:grid!important;
    gap:8px!important;
    counter-reset:bchat-rule!important;
}
body.chat-screen .message-rules-list li{
    counter-increment:bchat-rule!important;
    min-height:42px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    padding:9px 11px!important;
    border:1px solid rgba(239,68,68,.18)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.76)!important;
    color:#111827!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.6!important;
    overflow-wrap:anywhere!important;
}
body.chat-screen .message-rules-list li::before{
    content:counter(bchat-rule)!important;
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    color:#fff!important;
    background:#dc2626!important;
    font-size:11px!important;
    font-weight:1000!important;
}
body.chat-screen .composer-reply-box{position:absolute!important;inset-inline:82px 76px!important;bottom:calc(100% + 8px)!important;z-index:18!important;min-height:50px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 32px!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border:1px solid rgba(22,163,74,.22)!important;border-radius:8px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 18px 45px rgba(2,6,23,.14)!important;}
body.chat-screen .composer-reply-box[hidden]{display:none!important;}
body.chat-screen .composer-reply-box>span{width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#dcfce7!important;color:#047857!important;}
body.chat-screen .composer-reply-box strong,body.chat-screen .composer-reply-box small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.chat-screen .composer-reply-box strong{font-size:12px!important;color:#052e1a!important;font-weight:1000!important;}
body.chat-screen .composer-reply-box small{font-size:11px!important;color:#64748b!important;font-weight:800!important;}
body.chat-screen .composer-reply-box button{width:30px!important;height:30px!important;border:0!important;border-radius:8px!important;background:#f1f5f9!important;color:#475569!important;cursor:pointer!important;}
@media (max-width:780px){
    body.chat-screen .message,body.chat-screen .message.mine{max-width:78%!important;margin-left:42px!important;margin-right:42px!important;}
    body.chat-screen .message-menu,body.chat-screen .message.mine .message-menu{inset-inline:auto 0!important;top:42px!important;}
    body.chat-screen .composer-reply-box{inset-inline:12px!important;}
}
body.chat-screen .account-dropdown:hover{
    display:none!important;
}
body.chat-screen .app-user.account-menu.open ~ .account-dropdown,
body.chat-screen .app-user.account-menu.open ~ .account-dropdown:hover{
    display:grid!important;
    pointer-events:auto!important;
}
body.chat-screen .account-dropdown button{
    width:100%!important;
    border:0!important;
    background:transparent!important;
    color:inherit!important;
    font:inherit!important;
    cursor:pointer!important;
    text-align:inherit!important;
}
body.chat-screen .account-dropdown a,
body.chat-screen .account-dropdown button{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:38px!important;
    padding:8px 10px!important;
    border-radius:8px!important;
    text-decoration:none!important;
}
body.chat-screen .account-dropdown a:hover,
body.chat-screen .account-dropdown button:hover{
    background:rgba(22,163,74,.1)!important;
}
body.chat-screen .account-trigger{
    cursor:pointer!important;
}
body.chat-screen .primary-nav.compact a,
body.chat-screen .primary-nav.compact button,
body.chat-screen .nav-more-wrap > button{
    position:relative!important;
}
body.chat-screen .primary-nav.compact a > span:not(.nav-icon),
body.chat-screen .primary-nav.compact button > span:not(.nav-icon),
body.chat-screen .nav-more-wrap > button > span:not(.nav-icon){
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:50%!important;
    width:max-content!important;
    max-width:190px!important;
    height:auto!important;
    clip:auto!important;
    overflow:visible!important;
    transform:translateX(-50%) translateY(-3px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:160!important;
    padding:7px 10px!important;
    border-radius:8px!important;
    background:#0b1b2a!important;
    color:#fff!important;
    box-shadow:0 12px 30px rgba(6,16,24,.22)!important;
    font-size:12px!important;
    line-height:1.3!important;
    font-weight:800!important;
    white-space:nowrap!important;
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important;
}
body.chat-screen .primary-nav.compact a:hover > span:not(.nav-icon),
body.chat-screen .primary-nav.compact button:hover > span:not(.nav-icon),
body.chat-screen .primary-nav.compact a:focus-visible > span:not(.nav-icon),
body.chat-screen .primary-nav.compact button:focus-visible > span:not(.nav-icon){
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(-50%) translateY(0)!important;
}
body.chat-screen .nav-overflow-menu a > span:not(.nav-icon),
body.chat-screen .nav-overflow-menu button > span:not(.nav-icon){
    position:static!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    clip:auto!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    padding:0!important;
    background:transparent!important;
    color:inherit!important;
    box-shadow:none!important;
    pointer-events:auto!important;
}
@media (max-width:760px){
    body.chat-screen .account-dropdown{
        right:10px!important;
        left:auto!important;
    }
}

/* Bchat v45 finishing polish */
body.chat-screen .composer .attach-btn::before,
body.chat-screen .composer .composer-icon::before,
body.chat-screen .composer .send-btn::before{
    content:none!important;
    display:none!important;
}
body.chat-screen .composer .attach-btn i,
body.chat-screen .composer .composer-icon i,
body.chat-screen .composer .send-btn i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    width:auto!important;
    height:auto!important;
    font-family:"Font Awesome 7 Free","Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 5 Free","FontAwesome"!important;
}
body.chat-screen .composer .composer-icon,
body.chat-screen .composer .attach-btn,
body.chat-screen .composer .send-btn{
    flex:0 0 auto!important;
}
body.chat-screen .voice-record-btn.recording{
    color:#fff!important;
    background:#dc2626!important;
    box-shadow:0 10px 26px rgba(220,38,38,.25)!important;
}
body.chat-screen .composer-voice-box{
    position:absolute!important;
    inset-inline:16px!important;
    bottom:calc(100% + 10px)!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px!important;
    border:1px solid rgba(220,38,38,.16)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 20px 55px rgba(15,23,42,.16)!important;
    z-index:55!important;
}
body.chat-screen .composer-voice-box[hidden]{display:none!important;}
body.chat-screen .composer-voice-box .voice-pulse{
    width:32px!important;
    height:32px!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    background:#dc2626!important;
    box-shadow:0 0 0 8px rgba(220,38,38,.08)!important;
}
body.chat-screen .composer-voice-box strong{
    margin-inline-end:auto!important;
    color:#0f172a!important;
    font-size:13px!important;
    font-weight:1000!important;
    direction:ltr!important;
}
body.chat-screen .composer-voice-box button{
    height:32px!important;
    border:0!important;
    border-radius:9px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    cursor:pointer!important;
    font-size:11px!important;
    font-weight:1000!important;
}
body.chat-screen .composer-voice-box [data-voice-stop]{color:#fff!important;background:#16a34a!important;}
body.chat-screen .composer-voice-box [data-voice-cancel]{color:#991b1b!important;background:#fee2e2!important;}

body.chat-screen .account-notifications-popout{
    border:1px solid rgba(15,23,42,.16)!important;
    background:#fff!important;
    box-shadow:0 28px 80px rgba(2,6,23,.34),0 0 0 1px rgba(255,255,255,.9) inset!important;
}
body.chat-screen .account-notifications-list{
    background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
}
body.chat-screen .account-notification-card{
    box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
}
body.chat-screen .notification-count-pill{
    min-width:22px!important;
    height:22px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    background:#16a34a!important;
    font-size:11px!important;
    font-style:normal!important;
    font-weight:1000!important;
}

body.chat-screen{
    --bchat-wallpaper:linear-gradient(135deg,#f8fbf7 0%,#ffffff 45%,#eefcf4 100%);
}
body.chat-screen[data-wallpaper="classic"]{--bchat-wallpaper:linear-gradient(135deg,#f8fbf7 0%,#ffffff 50%,#ecfdf5 100%);}
body.chat-screen[data-wallpaper="emerald"]{--bchat-wallpaper:radial-gradient(circle at 18% 18%,rgba(16,185,129,.16),transparent 28%),linear-gradient(135deg,#eefdf5,#ffffff 48%,#def7ea);}
body.chat-screen[data-wallpaper="romance"]{--bchat-wallpaper:radial-gradient(circle at 20% 25%,rgba(244,114,182,.16),transparent 28%),linear-gradient(135deg,#fff1f5,#ffffff 55%,#ecfdf5);}
body.chat-screen[data-wallpaper="military"]{--bchat-wallpaper:linear-gradient(135deg,#eef3e8,#ffffff 50%,#dbe7d0);}
body.chat-screen[data-wallpaper="kids"]{--bchat-wallpaper:radial-gradient(circle at 18% 20%,rgba(250,204,21,.18),transparent 22%),radial-gradient(circle at 80% 30%,rgba(59,130,246,.12),transparent 25%),linear-gradient(135deg,#ffffff,#f0fdf4);}
body.chat-screen[data-wallpaper="adventure"]{--bchat-wallpaper:linear-gradient(135deg,#f0fdfa,#ffffff 46%,#ecfccb);}
body.chat-screen[data-wallpaper="ocean"]{--bchat-wallpaper:linear-gradient(135deg,#ecfeff,#ffffff 44%,#dbeafe);}
body.chat-screen[data-wallpaper="mountain"]{--bchat-wallpaper:linear-gradient(135deg,#f1f5f9,#ffffff 45%,#dcfce7);}
body.chat-screen[data-wallpaper="desert"]{--bchat-wallpaper:linear-gradient(135deg,#fff7ed,#ffffff 54%,#fef3c7);}
body.chat-screen[data-wallpaper="night"]{--bchat-wallpaper:linear-gradient(135deg,#eef2ff,#ffffff 48%,#e0f2fe);}
body.chat-screen[data-wallpaper="cafe"]{--bchat-wallpaper:linear-gradient(135deg,#f8fafc,#ffffff 44%,#f5f5f4);}
body.chat-screen[data-wallpaper="tech"]{--bchat-wallpaper:linear-gradient(135deg,#f0f9ff,#ffffff 42%,#dcfce7);}
body.chat-screen[data-wallpaper="royal"]{--bchat-wallpaper:linear-gradient(135deg,#f5f3ff,#ffffff 46%,#ecfdf5);}
body.chat-screen[data-wallpaper="sunset"]{--bchat-wallpaper:linear-gradient(135deg,#fff7ed,#ffffff 48%,#fee2e2);}
body.chat-screen[data-wallpaper="forest"]{--bchat-wallpaper:linear-gradient(135deg,#f0fdf4,#ffffff 45%,#dcfce7);}
body.chat-screen[data-wallpaper="school"]{--bchat-wallpaper:linear-gradient(135deg,#eff6ff,#ffffff 47%,#fef9c3);}
body.chat-screen[data-wallpaper="business"]{--bchat-wallpaper:linear-gradient(135deg,#f8fafc,#ffffff 42%,#e2e8f0);}
body.chat-screen[data-wallpaper="marble"]{--bchat-wallpaper:linear-gradient(135deg,#ffffff,#f8fafc 42%,#eef2f7);}
body.chat-screen[data-wallpaper="space"]{--bchat-wallpaper:linear-gradient(135deg,#f5f3ff,#ffffff 45%,#e0f2fe);}
body.chat-screen[data-wallpaper="rain"]{--bchat-wallpaper:linear-gradient(135deg,#f0f9ff,#ffffff 48%,#e0f2fe);}
body.chat-screen #message-list,
body.chat-screen .messages-pane,
body.chat-screen .chat-thread,
body.chat-screen .conversation-main{
    background-color:#f8fbf7!important;
    background-image:var(--bchat-wallpaper)!important;
}
body.chat-screen .message .bubble,
body.chat-screen .message-body,
body.chat-screen .message-card{
    backdrop-filter:none!important;
}
body.chat-screen .message.incoming .message-body,
body.chat-screen .message:not(.mine) .message-body{
    background:#fff!important;
}
body.chat-screen .message.mine .message-body{
    background:#d7fbe2!important;
}
body.chat-screen .voice-message{
    min-width:min(320px,70vw)!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 30px!important;
    align-items:center!important;
    gap:9px!important;
    margin-top:8px!important;
    padding:9px!important;
    border:1px solid rgba(16,185,129,.16)!important;
    border-radius:12px!important;
    background:#fff!important;
}
body.chat-screen .voice-message > i{
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    background:#16a34a!important;
}
body.chat-screen .voice-message audio{
    width:100%!important;
    height:34px!important;
}
body.chat-screen .voice-message a{
    width:30px!important;
    height:30px!important;
    border-radius:8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#047857!important;
    background:#ecfdf5!important;
    text-decoration:none!important;
}
body.chat-screen .video-message{
    max-width:min(420px,72vw)!important;
    border-radius:12px!important;
    display:block!important;
    margin-top:8px!important;
    background:#000!important;
}
body.chat-screen .account-appearance-box{
    display:grid!important;
    gap:14px!important;
}
body.chat-screen .account-appearance-box h3{
    margin:0 0 4px!important;
    color:#0f172a!important;
    font-size:16px!important;
    font-weight:1000!important;
}
body.chat-screen .account-appearance-box p{
    margin:0!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:800!important;
}
body.chat-screen .chat-wallpaper-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
}
body.chat-screen .chat-wallpaper-choice{
    border:1px solid rgba(15,23,42,.08)!important;
    border-radius:10px!important;
    padding:8px!important;
    background:#fff!important;
    display:grid!important;
    gap:6px!important;
    cursor:pointer!important;
    text-align:center!important;
}
body.chat-screen .chat-wallpaper-choice.active{
    border-color:#16a34a!important;
    box-shadow:0 0 0 2px rgba(16,185,129,.12)!important;
}
body.chat-screen .wallpaper-preview{
    height:44px!important;
    border-radius:8px!important;
    display:block!important;
    background:var(--bchat-wallpaper)!important;
}
body.chat-screen .wallpaper-preview[data-preview="classic"]{background:linear-gradient(135deg,#f8fbf7,#fff,#ecfdf5)!important;}
body.chat-screen .wallpaper-preview[data-preview="emerald"]{background:linear-gradient(135deg,#dcfce7,#fff,#86efac)!important;}
body.chat-screen .wallpaper-preview[data-preview="romance"]{background:linear-gradient(135deg,#ffe4e6,#fff,#fbcfe8)!important;}
body.chat-screen .wallpaper-preview[data-preview="military"]{background:linear-gradient(135deg,#d9f99d,#f7fee7,#a3a38b)!important;}
body.chat-screen .wallpaper-preview[data-preview="kids"]{background:linear-gradient(135deg,#fef3c7,#fff,#bfdbfe)!important;}
body.chat-screen .wallpaper-preview[data-preview="adventure"]{background:linear-gradient(135deg,#bbf7d0,#fff,#fde68a)!important;}
body.chat-screen .wallpaper-preview[data-preview="ocean"]{background:linear-gradient(135deg,#cffafe,#fff,#bfdbfe)!important;}
body.chat-screen .wallpaper-preview[data-preview="mountain"]{background:linear-gradient(135deg,#e2e8f0,#fff,#bbf7d0)!important;}
body.chat-screen .wallpaper-preview[data-preview="desert"]{background:linear-gradient(135deg,#fed7aa,#fff,#fde68a)!important;}
body.chat-screen .wallpaper-preview[data-preview="night"]{background:linear-gradient(135deg,#c7d2fe,#fff,#bae6fd)!important;}
body.chat-screen .wallpaper-preview[data-preview="cafe"]{background:linear-gradient(135deg,#e7e5e4,#fff,#d6d3d1)!important;}
body.chat-screen .wallpaper-preview[data-preview="tech"]{background:linear-gradient(135deg,#bae6fd,#fff,#bbf7d0)!important;}
body.chat-screen .wallpaper-preview[data-preview="royal"]{background:linear-gradient(135deg,#ddd6fe,#fff,#bbf7d0)!important;}
body.chat-screen .wallpaper-preview[data-preview="sunset"]{background:linear-gradient(135deg,#fed7aa,#fff,#fecaca)!important;}
body.chat-screen .wallpaper-preview[data-preview="forest"]{background:linear-gradient(135deg,#bbf7d0,#fff,#86efac)!important;}
body.chat-screen .wallpaper-preview[data-preview="school"]{background:linear-gradient(135deg,#bfdbfe,#fff,#fef08a)!important;}
body.chat-screen .wallpaper-preview[data-preview="business"]{background:linear-gradient(135deg,#e2e8f0,#fff,#cbd5e1)!important;}
body.chat-screen .wallpaper-preview[data-preview="marble"]{background:linear-gradient(135deg,#fff,#f8fafc,#e2e8f0)!important;}
body.chat-screen .wallpaper-preview[data-preview="space"]{background:linear-gradient(135deg,#ddd6fe,#fff,#bae6fd)!important;}
body.chat-screen .wallpaper-preview[data-preview="rain"]{background:linear-gradient(135deg,#bae6fd,#fff,#e0f2fe)!important;}
body.chat-screen .chat-wallpaper-choice strong{
    color:#0f172a!important;
    font-size:11px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
@media (max-width:760px){
    body.chat-screen .chat-wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    body.chat-screen .composer-voice-box{inset-inline:8px!important;}
}

body.auth-screen .auth-panel{
    border-radius:18px!important;
}
body.auth-screen .auth-methods{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:5px!important;
    border:1px solid rgba(15,23,42,.08)!important;
    border-radius:12px!important;
    background:#f1f5f9!important;
}
body.auth-screen .auth-methods label{
    min-height:42px!important;
    border:0!important;
    border-radius:9px!important;
    margin:0!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    color:#475569!important;
    background:transparent!important;
    font-size:14px!important;
    font-weight:950!important;
    cursor:pointer!important;
    box-shadow:none!important;
}
body.auth-screen .auth-methods label:has(input:checked){
    color:#065f46!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
}
body.auth-screen .auth-methods input{
    width:8px!important;
    height:8px!important;
    margin:0!important;
    accent-color:#16a34a!important;
    box-shadow:none!important;
}
body.auth-screen .phone-split{
    grid-template-columns:minmax(112px,136px) minmax(0,1fr)!important;
    gap:8px!important;
}
body.auth-screen .auth-panel input,
body.auth-screen .auth-panel select{
    min-height:48px!important;
    border-radius:10px!important;
    font-size:15px!important;
}
@media (max-width:720px){
    body.auth-screen .auth-shell{
        min-height:100svh!important;
        padding:14px!important;
        align-items:center!important;
    }
    body.auth-screen .auth-panel{
        width:100%!important;
        max-width:420px!important;
        padding:22px 16px!important;
    }
    body.auth-screen .brand-mark{
        width:58px!important;
        height:58px!important;
        border-radius:16px!important;
    }
    body.auth-screen .auth-panel h1{
        font-size:32px!important;
        line-height:1.15!important;
    }
    body.auth-screen .phone-split{
        grid-template-columns:118px minmax(0,1fr)!important;
    }
}

.oauth-divider{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:#64748b;font-weight:900}
.oauth-divider:before,.oauth-divider:after{content:"";height:1px;flex:1;background:rgba(148,163,184,.35)}
.oauth-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.oauth-btn{min-height:42px;border:1px solid rgba(148,163,184,.34);border-radius:8px;background:#fff;color:#0f172a;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:950}
.oauth-btn.google i{color:#dc2626}.oauth-btn.facebook i{color:#2563eb}
@media(max-width:520px){.oauth-buttons{grid-template-columns:1fr}}

/* Bchat live polish: cute compact conversations sidebar */
body.chat-screen .sidebar{
    background:#fbfdfc!important;
}
body.chat-screen .sidebar-header{
    min-height:68px!important;
    padding:12px 16px!important;
    align-items:center!important;
    border-bottom:1px solid rgba(10,74,45,.08)!important;
    background:linear-gradient(180deg,#fff,#fbfdfc)!important;
}
body.chat-screen .sidebar-header > div{
    display:grid!important;
    gap:2px!important;
}
body.chat-screen .sidebar-header span{
    font-size:11px!important;
    color:#8a98a6!important;
}
body.chat-screen .sidebar-header strong{
    font-size:20px!important;
    line-height:1.25!important;
    color:#0b1720!important;
    letter-spacing:0!important;
}
body.chat-screen #quick-new-btn{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    border-radius:8px!important;
    background:#f0f6f3!important;
    color:#08783e!important;
    border:1px solid rgba(16,147,71,.10)!important;
    box-shadow:none!important;
}
body.chat-screen .search-box{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:8px!important;
    padding:12px 14px 8px!important;
}
body.chat-screen .search-box button{
    min-height:40px!important;
    height:40px!important;
    border-radius:8px!important;
    background:#eef8f2!important;
    color:#08783e!important;
    font-size:14px!important;
    box-shadow:none!important;
}
body.chat-screen .search-box input{
    min-height:40px!important;
    height:40px!important;
    border-radius:8px!important;
    background:#f4f7f6!important;
    padding:0 13px!important;
    font-size:13px!important;
}
body.chat-screen .toolbar{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    padding:6px 14px 10px!important;
    border-bottom:0!important;
    background:#fbfdfc!important;
}
body.chat-screen .toolbar .tool-btn{
    min-height:36px!important;
    height:36px!important;
    padding:0 6px!important;
    border-radius:8px!important;
    font-size:12px!important;
    font-weight:800!important;
    background:#eef6f1!important;
    color:#08703d!important;
    border:1px solid rgba(16,147,71,.08)!important;
    box-shadow:none!important;
}
body.chat-screen .toolbar .tool-btn.active{
    background:#e3f6ea!important;
    color:#075f35!important;
    box-shadow:inset 0 -3px 0 #16a34a!important;
}
body.chat-screen .conversation-list{
    padding:8px 12px 16px!important;
    gap:8px!important;
}
body.chat-screen .conversation-item{
    min-height:64px!important;
    width:100%!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:10px!important;
    padding:9px 10px!important;
    border-radius:8px!important;
    background:#fff!important;
    border:1px solid rgba(16,147,71,.10)!important;
    box-shadow:0 8px 20px rgba(12,38,24,.035)!important;
    transform:none!important;
}
body.chat-screen .conversation-item:hover,
body.chat-screen .conversation-item.active{
    background:linear-gradient(135deg,#f1fbf5,#fff)!important;
    border-color:rgba(16,147,71,.22)!important;
    box-shadow:0 12px 24px rgba(12,38,24,.055)!important;
}
body.chat-screen .conversation-thumb{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    font-size:14px!important;
    letter-spacing:0!important;
    background:linear-gradient(135deg,#f5fff8,#d7f5df)!important;
    color:#08783e!important;
    box-shadow:0 8px 18px rgba(16,147,71,.10)!important;
}
body.chat-screen .conversation-copy{
    gap:3px!important;
    align-self:center!important;
}
body.chat-screen .conversation-item strong{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    font-size:13px!important;
    line-height:1.35!important;
    color:#16202a!important;
}
body.chat-screen .conversation-item p{
    margin:0!important;
    font-size:11px!important;
    line-height:1.45!important;
    color:#7a8794!important;
}
body.chat-screen .conversation-item .badge{
    min-width:18px!important;
    height:18px!important;
    padding:0 6px!important;
    font-size:10px!important;
}

/* Bchat live polish: mobile auth/login layout */
@media (max-width:760px){
    body.auth-screen{
        display:block!important;
        min-height:100dvh!important;
        padding:14px!important;
        overflow:auto!important;
        background:
            radial-gradient(circle at 12% 0,rgba(22,163,74,.14),transparent 32%),
            linear-gradient(180deg,#f4fbf6,#ffffff)!important;
    }
    body.auth-screen .auth-shell{
        width:100%!important;
        max-width:430px!important;
        min-height:auto!important;
        display:block!important;
        margin:0 auto!important;
        border-radius:8px!important;
        overflow:visible!important;
        background:transparent!important;
        box-shadow:none!important;
        direction:rtl!important;
    }
    body.auth-screen .auth-shell::before{
        display:none!important;
    }
    body.auth-screen .auth-panel{
        width:100%!important;
        min-width:0!important;
        border:1px solid rgba(16,147,71,.12)!important;
        border-radius:8px!important;
        padding:18px 16px 16px!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:0 18px 42px rgba(15,23,42,.10)!important;
        overflow:visible!important;
    }
    body.auth-screen .auth-panel::before{
        display:block!important;
        height:4px!important;
        border-radius:8px 8px 0 0!important;
    }
    body.auth-screen .brand-mark{
        width:52px!important;
        height:52px!important;
        margin:0 auto 10px!important;
        border-radius:8px!important;
        font-size:23px!important;
        color:#fff!important;
    }
    body.auth-screen .auth-panel h1{
        margin:4px 0 4px!important;
        font-size:26px!important;
        line-height:1.2!important;
        text-align:center!important;
    }
    body.auth-screen .auth-panel p{
        margin:0 0 14px!important;
        font-size:13px!important;
        line-height:1.6!important;
        text-align:center!important;
    }
    body.auth-screen .stack{
        gap:10px!important;
    }
    body.auth-screen label{
        gap:6px!important;
        font-size:13px!important;
    }
    body.auth-screen input,
    body.auth-screen select,
    body.auth-screen textarea{
        min-width:0!important;
        min-height:44px!important;
        height:44px!important;
        border-radius:8px!important;
        padding:0 12px!important;
        font-size:16px!important;
        line-height:44px!important;
    }
    body.auth-screen .auth-methods{
        grid-template-columns:1fr 1fr!important;
        gap:7px!important;
    }
    body.auth-screen .auth-methods label{
        min-height:40px!important;
        height:40px!important;
        border-radius:8px!important;
        padding:0 10px!important;
        font-size:13px!important;
        gap:6px!important;
    }
    body.auth-screen .auth-methods input{
        width:auto!important;
        min-height:auto!important;
        height:auto!important;
    }
    body.auth-screen .method-panel{
        min-width:0!important;
    }
    body.auth-screen .phone-split{
        display:grid!important;
        grid-template-columns:minmax(96px,.42fr) minmax(0,1fr)!important;
        gap:7px!important;
        align-items:stretch!important;
    }
    body.auth-screen .country-code-input{
        direction:ltr!important;
        text-align:left!important;
    }
    body.auth-screen .primary-btn{
        min-height:46px!important;
        height:46px!important;
        border-radius:8px!important;
        padding:0 14px!important;
        font-size:15px!important;
        display:grid!important;
        place-items:center!important;
    }
    body.auth-screen .muted-link{
        min-height:38px!important;
        display:grid!important;
        place-items:center!important;
        border-radius:8px!important;
        font-size:13px!important;
        text-align:center!important;
        text-decoration:none!important;
    }
    body.auth-screen .form-message{
        min-height:20px!important;
        font-size:12px!important;
        text-align:center!important;
    }
}

@media (max-width:360px){
    body.auth-screen{
        padding:10px!important;
    }
    body.auth-screen .auth-panel{
        padding:15px 12px 12px!important;
    }
    body.auth-screen .phone-split{
        grid-template-columns:1fr!important;
    }
}

/* Bchat live polish: RTL conversation cards with avatar first */
body.chat-screen .conversation-list{
    direction:rtl!important;
}
body.chat-screen .conversation-item{
    direction:rtl!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-areas:"avatar copy"!important;
    align-items:center!important;
    text-align:right!important;
    justify-items:stretch!important;
}
body.chat-screen .conversation-thumb{
    grid-area:avatar!important;
    justify-self:center!important;
}
body.chat-screen .conversation-copy{
    grid-area:copy!important;
    min-width:0!important;
    justify-items:stretch!important;
    text-align:right!important;
}
body.chat-screen .conversation-item strong{
    width:100%!important;
    justify-content:flex-start!important;
    text-align:right!important;
}
body.chat-screen .conversation-item strong > span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:right!important;
}
body.chat-screen .conversation-item p{
    width:100%!important;
    text-align:right!important;
    direction:inherit!important;
}
body.chat-screen .conversation-item .badge{
    margin-inline-start:auto!important;
    margin-inline-end:6px!important;
}

/* Bchat status module */
body.chat-screen .view-panel[data-view-panel="status"].active{
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
}
body.chat-screen .status-shell{
    display:grid!important;
    gap:10px!important;
    padding:10px!important;
    min-height:0!important;
    height:calc(100dvh - 286px)!important;
    max-height:calc(100dvh - 286px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(22,163,74,.55) rgba(236,253,245,.9)!important;
    padding-bottom:96px!important;
}
body.chat-screen .status-shell::-webkit-scrollbar{
    width:7px!important;
}
body.chat-screen .status-shell::-webkit-scrollbar-track{
    background:rgba(236,253,245,.9)!important;
    border-radius:999px!important;
}
body.chat-screen .status-shell::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#16a34a,#0f766e)!important;
    border-radius:999px!important;
}
body.chat-screen .status-limit{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px dashed rgba(22,163,74,.28)!important;
    border-radius:8px!important;
    background:rgba(240,253,244,.78)!important;
    color:#0f5132!important;
    font-size:12px!important;
    font-weight:800!important;
}
body.chat-screen .status-add-card,
body.chat-screen .status-story{
    width:100%!important;
    border:1px solid rgba(22,163,74,.18)!important;
    background:rgba(255,255,255,.92)!important;
    border-radius:8px!important;
    padding:10px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    text-align:right!important;
    direction:rtl!important;
}
body.chat-screen .status-add-card:hover,
body.chat-screen .status-story:hover{
    background:rgba(240,253,244,.88)!important;
    border-color:rgba(22,163,74,.38)!important;
}
body.chat-screen .status-story.has-new .story-ring{
    box-shadow:0 0 0 3px rgba(22,163,74,.18), 0 0 0 6px rgba(14,165,233,.12)!important;
}
body.chat-screen .story-ring img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:50%!important;
}
body.chat-screen .story-copy{
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
}
body.chat-screen .story-copy strong,
body.chat-screen .story-copy small{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .status-composer-panel{
    display:grid!important;
    gap:9px!important;
    padding:10px!important;
    border:1px solid rgba(22,163,74,.22)!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.96))!important;
}
body.chat-screen .status-composer-panel[hidden]{
    display:none!important;
}
body.chat-screen .status-composer-panel label{
    gap:5px!important;
    font-size:12px!important;
}
body.chat-screen .status-composer-panel textarea,
body.chat-screen .status-composer-panel input,
body.chat-screen .status-composer-panel select{
    min-height:40px!important;
    border-radius:8px!important;
    font-size:13px!important;
}
body.chat-screen .status-style-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
}
body.chat-screen .status-style-grid input[type="color"]{
    padding:4px!important;
}
body.chat-screen .status-privacy-box{
    border:1px solid rgba(14,165,233,.18)!important;
    background:rgba(240,249,255,.58)!important;
    border-radius:8px!important;
    padding:8px!important;
}
body.chat-screen .status-privacy-box summary{
    cursor:pointer!important;
    font-weight:900!important;
    color:#075985!important;
    margin-bottom:8px!important;
}
@media (max-width:760px){
    body.chat-screen .status-shell{
        height:calc(100dvh - 234px)!important;
        max-height:calc(100dvh - 234px)!important;
        padding-bottom:88px!important;
    }
}
body.chat-screen .status-viewer{
    position:fixed!important;
    inset:0!important;
    z-index:80!important;
    display:grid!important;
    place-items:center!important;
    padding:18px!important;
    background:rgba(2,6,23,.48)!important;
}
body.chat-screen .status-viewer[hidden]{
    display:none!important;
}
body.chat-screen .status-viewer-card{
    width:min(520px,100%)!important;
    max-height:min(720px,92vh)!important;
    display:grid!important;
    grid-template-rows:auto minmax(220px,1fr) auto!important;
    gap:10px!important;
    padding:12px!important;
    border-radius:8px!important;
    border:1px solid rgba(255,255,255,.48)!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 28px 70px rgba(15,23,42,.28)!important;
}
body.chat-screen .status-viewer-card header,
body.chat-screen .status-viewer-card footer{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}
body.chat-screen .status-viewer-card header{
    direction:rtl!important;
}
body.chat-screen .status-viewer-card header > span:nth-child(2){
    min-width:0!important;
    flex:1!important;
    display:grid!important;
    gap:2px!important;
}
body.chat-screen .status-viewer-card small,
body.chat-screen .status-views{
    color:#64748b!important;
    font-size:12px!important;
    font-weight:800!important;
}
body.chat-screen .status-display{
    overflow:auto!important;
    border-radius:8px!important;
    min-height:260px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:12px!important;
    padding:22px!important;
}
body.chat-screen .status-display p{
    margin:0!important;
    max-width:100%!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
    line-height:1.8!important;
    font-size:clamp(18px,2.7vw,28px)!important;
    font-weight:900!important;
}
body.chat-screen .status-display img{
    max-width:100%!important;
    max-height:52vh!important;
    object-fit:contain!important;
    border-radius:8px!important;
    box-shadow:0 18px 45px rgba(15,23,42,.16)!important;
}
body.chat-screen .danger-text{
    color:#dc2626!important;
}

/* Bchat encrypted live calls */
body.chat-screen .call-panel{
    display:grid!important;
    gap:12px!important;
    padding:12px!important;
}
body.chat-screen .call-launch-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
}
body.chat-screen .call-launch-card{
    min-height:112px!important;
    border:1px solid rgba(22,163,74,.22)!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,253,244,.84))!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:6px!important;
    color:#052e1a!important;
    box-shadow:0 12px 26px rgba(15,23,42,.06)!important;
}
body.chat-screen .call-launch-card span{
    width:48px!important;
    height:48px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,#16a34a,#0f766e)!important;
    color:#fff!important;
    font-size:18px!important;
}
body.chat-screen .call-launch-card strong{
    font-size:16px!important;
    font-weight:900!important;
}
body.chat-screen .call-launch-card small,
body.chat-screen .call-note{
    color:#64748b!important;
    font-size:12px!important;
    font-weight:800!important;
    text-align:center!important;
}
body.chat-screen .call-note{
    border:1px dashed rgba(14,165,233,.26)!important;
    border-radius:8px!important;
    padding:9px!important;
    background:rgba(240,249,255,.7)!important;
}
body.chat-screen .call-history{
    display:grid!important;
    gap:8px!important;
}
body.chat-screen .call-history-item{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 40px!important;
    gap:9px!important;
    align-items:center!important;
    direction:rtl!important;
    border:1px solid rgba(219,229,223,.9)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.94)!important;
    padding:9px!important;
}
body.chat-screen .call-history-icon{
    width:42px!important;
    height:42px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    color:#087f3a!important;
    background:rgba(220,252,231,.9)!important;
}
body.chat-screen .call-history-copy{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
    text-align:right!important;
}
body.chat-screen .call-history-copy strong,
body.chat-screen .call-history-copy small{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .call-history-copy small{
    color:#64748b!important;
    font-size:12px!important;
}
body.chat-screen .call-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:120!important;
    display:grid!important;
    place-items:center!important;
    padding:18px!important;
    background:rgba(2,6,23,.72)!important;
    backdrop-filter:blur(12px)!important;
}
body.chat-screen .call-overlay[hidden]{
    display:none!important;
}
body.chat-screen .call-stage{
    width:min(1040px,100%)!important;
    height:min(760px,92vh)!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    gap:12px!important;
    border:1px solid rgba(148,163,184,.28)!important;
    border-radius:8px!important;
    padding:14px!important;
    background:linear-gradient(135deg,#071913,#0b1220)!important;
    color:#fff!important;
    box-shadow:0 30px 90px rgba(0,0,0,.42)!important;
}
body.chat-screen .call-stage-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    direction:rtl!important;
}
body.chat-screen .call-stage-head h2,
body.chat-screen .call-stage-head p{
    margin:0!important;
}
body.chat-screen .call-stage-head p,
body.chat-screen .call-secure{
    color:#cbd5e1!important;
    font-size:13px!important;
    font-weight:800!important;
}
body.chat-screen .call-secure{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:8px 10px!important;
    border-radius:8px!important;
    background:rgba(22,163,74,.16)!important;
    color:#bbf7d0!important;
}
body.chat-screen .call-secure[data-secure-state="pending"]{
    background:rgba(245,158,11,.18)!important;
    color:#fde68a!important;
}
body.chat-screen .call-secure[data-secure-state="secure"]{
    background:rgba(22,163,74,.22)!important;
    color:#bbf7d0!important;
}
body.chat-screen .call-secure[data-secure-state="relay"]{
    background:rgba(14,165,233,.2)!important;
    color:#bae6fd!important;
}
body.chat-screen .call-secure[data-secure-state="warn"]{
    background:rgba(239,68,68,.2)!important;
    color:#fecaca!important;
}
body.chat-screen .call-media{
    position:relative!important;
    overflow:hidden!important;
    min-height:280px!important;
    border-radius:8px!important;
    background:#020617!important;
    display:grid!important;
    place-items:center!important;
}
body.chat-screen #remote-video{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    background:#020617!important;
}
body.chat-screen #local-video{
    position:absolute!important;
    inset:auto 14px 14px auto!important;
    width:min(220px,28vw)!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
    border-radius:8px!important;
    border:2px solid rgba(255,255,255,.74)!important;
    background:#0f172a!important;
    box-shadow:0 18px 45px rgba(0,0,0,.34)!important;
}
body.chat-screen .call-waiting{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:14px!important;
    text-align:center!important;
    background:radial-gradient(circle at center,rgba(22,163,74,.16),rgba(2,6,23,.76))!important;
}
body.chat-screen .call-waiting[hidden]{
    display:none!important;
}
body.chat-screen .incoming-actions,
body.chat-screen .call-actions{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:wrap!important;
}
body.chat-screen .incoming-actions[hidden]{
    display:none!important;
}
body.chat-screen .call-actions .icon-btn{
    background:rgba(255,255,255,.1)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.14)!important;
}
body.chat-screen .call-actions .icon-btn.active{
    background:rgba(239,68,68,.22)!important;
    color:#fecaca!important;
}
body.chat-screen .call-actions .icon-btn.danger{
    background:#ef4444!important;
    border-color:#ef4444!important;
}
@media (max-width:720px){
    body.chat-screen .call-stage{
        height:94vh!important;
        padding:10px!important;
    }
    body.chat-screen #local-video{
        width:118px!important;
        inset:auto 10px 10px auto!important;
    }
    body.chat-screen .call-launch-grid{
        gap:8px!important;
    }
    body.chat-screen .call-launch-card{
        min-height:96px!important;
    }
}

/* Bchat contacts popout */
body.chat-screen.contacts-popout-open{
    overflow:hidden!important;
}
body.chat-screen .contacts-popout{
    position:fixed!important;
    inset:0!important;
    z-index:135!important;
    display:grid!important;
    place-items:center!important;
    padding:18px!important;
    background:rgba(2,6,23,.58)!important;
    backdrop-filter:blur(12px)!important;
}
body.chat-screen .contacts-popout[hidden]{
    display:none!important;
}
body.chat-screen .contacts-popout-card{
    width:min(980px,96vw)!important;
    max-height:92vh!important;
    overflow:auto!important;
    direction:rtl!important;
    border:1px solid rgba(47,123,91,.32)!important;
    border-radius:8px!important;
    background:linear-gradient(145deg,#071914,#0a241d 32%,#f8fffb 32.2%,#ffffff)!important;
    color:#07151f!important;
    box-shadow:0 34px 95px rgba(0,0,0,.38)!important;
}
body.chat-screen .contacts-popout-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:20px!important;
    color:#fff!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
}
body.chat-screen .contacts-popout-head span{
    display:inline-flex!important;
    margin-bottom:4px!important;
    color:#86efac!important;
    font-size:12px!important;
    font-weight:900!important;
}
body.chat-screen .contacts-popout-head h2,
body.chat-screen .contacts-popout-head p{
    margin:0!important;
}
body.chat-screen .contacts-popout-head h2{
    font-size:28px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
}
body.chat-screen .contacts-popout-head p{
    margin-top:6px!important;
    max-width:680px!important;
    color:#cbd5e1!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.7!important;
}
body.chat-screen .contacts-close{
    width:40px!important;
    height:40px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
}
body.chat-screen .contacts-smart-strip,
body.chat-screen .contacts-search-form,
body.chat-screen .contacts-search-result,
body.chat-screen .contacts-stat-grid,
body.chat-screen .contacts-popout-tabs,
body.chat-screen .contacts-popout-list{
    margin-left:20px!important;
    margin-right:20px!important;
}
body.chat-screen .contacts-smart-strip{
    margin-top:16px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    padding:10px!important;
    border:1px solid rgba(22,163,74,.18)!important;
    border-radius:8px!important;
    background:rgba(236,253,245,.78)!important;
}
body.chat-screen .contacts-smart-strip span{
    margin-inline-end:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#064e3b!important;
    font-weight:900!important;
    font-size:13px!important;
}
body.chat-screen .contacts-smart-strip button,
body.chat-screen .contacts-popout-tabs button,
body.chat-screen .contacts-mini{
    border:1px solid rgba(22,163,74,.22)!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#065f46!important;
    font-weight:900!important;
    cursor:pointer!important;
}
body.chat-screen .contacts-smart-strip button{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:12px!important;
}
body.chat-screen .contacts-search-form{
    margin-top:12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 112px!important;
    gap:10px!important;
    align-items:end!important;
}
body.chat-screen .contacts-search-form label{
    display:grid!important;
    gap:6px!important;
}
body.chat-screen .contacts-search-form label span{
    color:#0f172a!important;
    font-size:12px!important;
    font-weight:900!important;
}
body.chat-screen .contacts-search-form input{
    width:100%!important;
    min-height:48px!important;
    border:1px solid rgba(148,163,184,.42)!important;
    border-radius:8px!important;
    padding:0 14px!important;
    background:rgba(248,250,252,.94)!important;
    color:#0f172a!important;
    font-size:15px!important;
    outline:none!important;
}
body.chat-screen .contacts-search-form input:focus{
    border-color:#16a34a!important;
    box-shadow:0 0 0 4px rgba(22,163,74,.1)!important;
}
body.chat-screen .contacts-primary{
    min-height:48px!important;
    border:0!important;
    border-radius:8px!important;
    background:linear-gradient(135deg,#16a34a,#0f766e)!important;
    color:#fff!important;
    font-weight:900!important;
    cursor:pointer!important;
}
body.chat-screen .contacts-search-result{
    margin-top:10px!important;
}
body.chat-screen .contacts-search-result > span,
body.chat-screen .contacts-empty{
    display:block!important;
    padding:13px!important;
    border:1px dashed rgba(148,163,184,.32)!important;
    border-radius:8px!important;
    color:#64748b!important;
    background:rgba(248,250,252,.74)!important;
    font-size:13px!important;
    font-weight:800!important;
}
body.chat-screen .contacts-search-result.ok > span{
    color:#047857!important;
    border-color:rgba(22,163,74,.3)!important;
    background:rgba(220,252,231,.75)!important;
}
body.chat-screen .contacts-search-result.error > span,
body.chat-screen .contacts-search-result.warn > span{
    color:#b91c1c!important;
    border-color:rgba(239,68,68,.28)!important;
    background:rgba(254,242,242,.82)!important;
}
body.chat-screen .contacts-stat-grid{
    margin-top:12px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
}
body.chat-screen .contacts-stat-grid span{
    min-height:70px!important;
    display:grid!important;
    place-items:center!important;
    gap:2px!important;
    border:1px solid rgba(22,163,74,.18)!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,#fff,rgba(240,253,244,.86))!important;
}
body.chat-screen .contacts-stat-grid b{
    color:#052e1a!important;
    font-size:24px!important;
    line-height:1!important;
}
body.chat-screen .contacts-stat-grid small{
    color:#64748b!important;
    font-size:12px!important;
    font-weight:900!important;
}
body.chat-screen .contacts-popout-tabs{
    margin-top:12px!important;
    display:flex!important;
    gap:8px!important;
    flex-wrap:wrap!important;
}
body.chat-screen .contacts-popout-tabs button{
    min-height:38px!important;
    padding:0 14px!important;
}
body.chat-screen .contacts-popout-tabs button.active{
    background:#0f8f4a!important;
    border-color:#0f8f4a!important;
    color:#fff!important;
    box-shadow:0 12px 26px rgba(22,163,74,.2)!important;
}
body.chat-screen .contacts-popout-list{
    margin-top:12px!important;
    margin-bottom:20px!important;
    display:grid!important;
    gap:9px!important;
}
body.chat-screen .contacts-row,
body.chat-screen .contacts-found-card{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    gap:12px!important;
    align-items:center!important;
    padding:12px!important;
    border:1px solid rgba(203,213,225,.8)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
}
body.chat-screen .contacts-avatar{
    width:48px!important;
    height:48px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;
    color:#087f3a!important;
    font-weight:1000!important;
}
body.chat-screen .contacts-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
body.chat-screen .contacts-row-main,
body.chat-screen .contacts-found-card > div{
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
}
body.chat-screen .contacts-row-main strong,
body.chat-screen .contacts-found-card strong{
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:1000!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .contacts-row-main small,
body.chat-screen .contacts-found-card small{
    color:#64748b!important;
    font-size:12px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .contacts-meta{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    flex-wrap:wrap!important;
}
body.chat-screen .contacts-meta em{
    color:#94a3b8!important;
    font-style:normal!important;
    font-size:11px!important;
}
body.chat-screen .contacts-badge{
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:#eef2f7!important;
    color:#475569!important;
    font-size:11px!important;
    font-weight:900!important;
}
body.chat-screen .contacts-badge.online{
    background:#dcfce7!important;
    color:#047857!important;
}
body.chat-screen .contacts-badge.premium{
    background:#fef3c7!important;
    color:#92400e!important;
}
body.chat-screen .contacts-row-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex-wrap:wrap!important;
}
body.chat-screen .contacts-mini{
    min-height:34px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    font-size:12px!important;
}
body.chat-screen .contacts-mini.primary{
    background:#16a34a!important;
    border-color:#16a34a!important;
    color:#fff!important;
}
body.chat-screen .contacts-mini.danger{
    color:#b91c1c!important;
    border-color:rgba(239,68,68,.28)!important;
    background:#fff5f5!important;
}
body.chat-screen .contacts-mini.icon-only{
    width:34px!important;
    padding:0!important;
}
body.chat-screen .contacts-mini:disabled{
    opacity:.6!important;
    cursor:wait!important;
}
body.chat-screen .contacts-pending{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:900!important;
}
@media (max-width:760px){
    body.chat-screen .contacts-popout{
        padding:8px!important;
        align-items:stretch!important;
    }
    body.chat-screen .contacts-popout-card{
        width:100%!important;
        max-height:calc(100vh - 16px)!important;
    }
    body.chat-screen .contacts-popout-head{
        padding:16px!important;
    }
    body.chat-screen .contacts-popout-head h2{
        font-size:22px!important;
    }
    body.chat-screen .contacts-smart-strip,
    body.chat-screen .contacts-search-form,
    body.chat-screen .contacts-search-result,
    body.chat-screen .contacts-stat-grid,
    body.chat-screen .contacts-popout-tabs,
    body.chat-screen .contacts-popout-list{
        margin-left:12px!important;
        margin-right:12px!important;
    }
    body.chat-screen .contacts-search-form{
        grid-template-columns:1fr!important;
    }
    body.chat-screen .contacts-stat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.chat-screen .contacts-row,
    body.chat-screen .contacts-found-card{
        grid-template-columns:42px minmax(0,1fr)!important;
    }
    body.chat-screen .contacts-row-actions{
        grid-column:1 / -1!important;
        justify-content:flex-start!important;
    }
    body.chat-screen .contacts-avatar{
        width:42px!important;
        height:42px!important;
    }
}

/* Bchat group studio */
body.chat-screen.group-popout-open{
    overflow:hidden!important;
}
body.chat-screen .group-popout{
    position:fixed!important;
    inset:0!important;
    z-index:136!important;
    display:grid!important;
    place-items:center!important;
    padding:18px!important;
    background:rgba(2,6,23,.62)!important;
    backdrop-filter:blur(12px)!important;
}
body.chat-screen .group-popout[hidden]{
    display:none!important;
}
body.chat-screen .group-popout-card{
    width:min(1080px,96vw)!important;
    max-height:92vh!important;
    overflow:auto!important;
    direction:rtl!important;
    border:1px solid rgba(47,123,91,.34)!important;
    border-radius:8px!important;
    background:linear-gradient(145deg,#061813,#0d2a22 30%,#f8fffb 30.2%,#ffffff)!important;
    color:#07151f!important;
    box-shadow:0 34px 95px rgba(0,0,0,.4)!important;
}
body.chat-screen .group-popout-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:16px!important;
    padding:20px!important;
    color:#fff!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
}
body.chat-screen .group-popout-head span{
    display:inline-flex!important;
    margin-bottom:4px!important;
    color:#86efac!important;
    font-size:12px!important;
    font-weight:1000!important;
}
body.chat-screen .group-popout-head h2,
body.chat-screen .group-popout-head p{
    margin:0!important;
}
body.chat-screen .group-popout-head h2{
    font-size:30px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
}
body.chat-screen .group-popout-head p{
    margin-top:6px!important;
    max-width:720px!important;
    color:#cbd5e1!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.7!important;
}
body.chat-screen .group-close{
    width:40px!important;
    height:40px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
}
body.chat-screen .group-ai-strip,
body.chat-screen .group-builder-grid,
body.chat-screen .group-popout-foot{
    margin-left:20px!important;
    margin-right:20px!important;
}
body.chat-screen .group-ai-strip{
    margin-top:16px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    padding:10px!important;
    border:1px solid rgba(22,163,74,.18)!important;
    border-radius:8px!important;
    background:rgba(236,253,245,.78)!important;
}
body.chat-screen .group-ai-strip strong{
    margin-inline-end:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#064e3b!important;
    font-size:13px!important;
    font-weight:1000!important;
}
body.chat-screen .group-ai-strip button,
body.chat-screen .group-secondary,
body.chat-screen .group-primary,
body.chat-screen .group-member-search button,
body.chat-screen .group-pick,
body.chat-screen .group-selected-chip{
    border-radius:8px!important;
    font-weight:900!important;
    cursor:pointer!important;
}
body.chat-screen .group-ai-strip button{
    min-height:34px!important;
    padding:0 11px!important;
    border:1px solid rgba(22,163,74,.22)!important;
    background:#fff!important;
    color:#065f46!important;
    font-size:12px!important;
}
body.chat-screen .group-builder-grid{
    margin-top:12px!important;
    display:grid!important;
    grid-template-columns:1.12fr .88fr!important;
    gap:12px!important;
}
body.chat-screen .group-card{
    display:grid!important;
    gap:12px!important;
    align-content:start!important;
    border:1px solid rgba(203,213,225,.8)!important;
    border-radius:8px!important;
    padding:14px!important;
    background:rgba(255,255,255,.95)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.055)!important;
}
body.chat-screen .group-card.main{
    background:linear-gradient(180deg,#fff,rgba(240,253,244,.78))!important;
}
body.chat-screen .group-card h3{
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#052e1a!important;
    font-size:16px!important;
    font-weight:1000!important;
}
body.chat-screen .group-card label{
    display:grid!important;
    gap:6px!important;
    color:#0f172a!important;
    font-size:12px!important;
    font-weight:900!important;
}
body.chat-screen .group-card input[type="text"],
body.chat-screen .group-card input[type="search"],
body.chat-screen .group-card input[type="number"],
body.chat-screen .group-card textarea,
body.chat-screen .group-card select{
    width:100%!important;
    min-height:44px!important;
    border:1px solid rgba(148,163,184,.42)!important;
    border-radius:8px!important;
    padding:0 12px!important;
    background:rgba(248,250,252,.94)!important;
    color:#0f172a!important;
    font-size:14px!important;
    outline:none!important;
}
body.chat-screen .group-card textarea{
    min-height:86px!important;
    padding-top:10px!important;
    resize:vertical!important;
    line-height:1.7!important;
}
body.chat-screen .group-card input:focus,
body.chat-screen .group-card textarea:focus,
body.chat-screen .group-card select:focus{
    border-color:#16a34a!important;
    box-shadow:0 0 0 4px rgba(22,163,74,.1)!important;
}
body.chat-screen .group-field-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
}
body.chat-screen .group-member-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    gap:8px!important;
}
body.chat-screen .group-member-search button{
    border:0!important;
    background:#16a34a!important;
    color:#fff!important;
}
body.chat-screen .group-selected-members{
    min-height:44px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    align-items:center!important;
}
body.chat-screen .group-empty-chip,
body.chat-screen .group-pick-note{
    display:block!important;
    width:100%!important;
    padding:10px!important;
    border:1px dashed rgba(148,163,184,.3)!important;
    border-radius:8px!important;
    background:rgba(248,250,252,.76)!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:800!important;
}
body.chat-screen .group-selected-chip{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:36px!important;
    border:1px solid rgba(22,163,74,.22)!important;
    background:#f0fdf4!important;
    color:#064e3b!important;
    padding:3px 8px!important;
}
body.chat-screen .group-avatar{
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;
    color:#087f3a!important;
    font-size:12px!important;
    font-weight:1000!important;
}
body.chat-screen .group-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
body.chat-screen .group-contact-picks{
    display:grid!important;
    gap:7px!important;
    max-height:260px!important;
    overflow:auto!important;
    padding-inline-end:2px!important;
}
body.chat-screen .group-pick{
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 26px!important;
    gap:9px!important;
    align-items:center!important;
    border:1px solid rgba(203,213,225,.8)!important;
    background:#fff!important;
    color:#0f172a!important;
    padding:8px!important;
    text-align:right!important;
}
body.chat-screen .group-pick.selected{
    border-color:#16a34a!important;
    background:#ecfdf5!important;
}
body.chat-screen .group-pick strong,
body.chat-screen .group-pick small{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .group-pick strong{
    font-size:13px!important;
    font-weight:1000!important;
}
body.chat-screen .group-pick small{
    color:#64748b!important;
    font-size:11px!important;
}
body.chat-screen .group-toggle-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
}
body.chat-screen .group-toggle-grid label,
body.chat-screen .group-check-line{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:9px!important;
    border:1px solid rgba(203,213,225,.75)!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#0f172a!important;
}
body.chat-screen .group-toggle-grid input,
body.chat-screen .group-check-line input{
    width:17px!important;
    height:17px!important;
    accent-color:#16a34a!important;
}
body.chat-screen .group-popout-foot{
    margin-top:12px!important;
    margin-bottom:20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:9px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(203,213,225,.7)!important;
}
body.chat-screen #group-create-message{
    margin-inline-end:auto!important;
    color:#64748b!important;
    font-size:13px!important;
    font-weight:900!important;
}
body.chat-screen #group-create-message.ok{
    color:#047857!important;
}
body.chat-screen #group-create-message.error{
    color:#b91c1c!important;
}
body.chat-screen .group-secondary,
body.chat-screen .group-primary{
    min-height:42px!important;
    border:0!important;
    padding:0 16px!important;
}
body.chat-screen .group-secondary{
    background:#eef2f7!important;
    color:#334155!important;
}
body.chat-screen .group-primary{
    background:linear-gradient(135deg,#16a34a,#0f766e)!important;
    color:#fff!important;
    box-shadow:0 14px 28px rgba(22,163,74,.2)!important;
}
body.chat-screen .group-primary:disabled{
    opacity:.65!important;
    cursor:wait!important;
}
@media (max-width:860px){
    body.chat-screen .group-popout{
        padding:8px!important;
        align-items:stretch!important;
    }
    body.chat-screen .group-popout-card{
        width:100%!important;
        max-height:calc(100vh - 16px)!important;
    }
    body.chat-screen .group-popout-head{
        padding:16px!important;
    }
    body.chat-screen .group-popout-head h2{
        font-size:22px!important;
    }
    body.chat-screen .group-ai-strip,
    body.chat-screen .group-builder-grid,
    body.chat-screen .group-popout-foot{
        margin-left:12px!important;
        margin-right:12px!important;
    }
    body.chat-screen .group-builder-grid,
    body.chat-screen .group-field-row,
    body.chat-screen .group-toggle-grid{
        grid-template-columns:1fr!important;
    }
    body.chat-screen .group-popout-foot{
        align-items:stretch!important;
        flex-wrap:wrap!important;
    }
    body.chat-screen #group-create-message{
        width:100%!important;
        margin-inline-end:0!important;
    }
    body.chat-screen .group-secondary,
    body.chat-screen .group-primary{
        flex:1 1 150px!important;
    }
}

/* Bchat account popout */
body.chat-screen.account-popout-open{overflow:hidden!important;}
body.chat-screen .account-popout{
    position:fixed!important;inset:0!important;z-index:137!important;display:grid!important;place-items:center!important;
    padding:18px!important;background:rgba(2,6,23,.62)!important;backdrop-filter:blur(12px)!important;
}
body.chat-screen .account-popout[hidden]{display:none!important;}
body.chat-screen .account-popout-card{
    width:min(900px,96vw)!important;max-height:92vh!important;overflow:auto!important;direction:rtl!important;
    border:1px solid rgba(47,123,91,.34)!important;border-radius:8px!important;
    background:linear-gradient(145deg,#061813,#0d2a22 30%,#f8fffb 30.2%,#fff)!important;color:#07151f!important;
    box-shadow:0 34px 95px rgba(0,0,0,.4)!important;
}
body.chat-screen .account-popout-head{
    display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;
    padding:20px!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1)!important;
}
body.chat-screen .account-popout-profile{display:flex!important;align-items:center!important;gap:14px!important;}
body.chat-screen .account-popout-avatar{
    width:64px!important;height:64px!important;flex:0 0 64px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
    background:linear-gradient(135deg,#dcfce7,#16a34a)!important;color:#052e1a!important;font-size:20px!important;font-weight:1000!important;
    box-shadow:0 14px 32px rgba(22,163,74,.28)!important;
}
body.chat-screen .account-popout-head span{display:inline-flex!important;margin-bottom:4px!important;color:#86efac!important;font-size:12px!important;font-weight:1000!important;}
body.chat-screen .account-popout-head h2,body.chat-screen .account-popout-head p{margin:0!important;}
body.chat-screen .account-popout-head h2{font-size:28px!important;line-height:1.2!important;letter-spacing:0!important;}
body.chat-screen .account-popout-head p{margin-top:6px!important;max-width:620px!important;color:#cbd5e1!important;font-size:13px!important;font-weight:800!important;line-height:1.7!important;}
body.chat-screen .account-popout-close{
    width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important;
    background:rgba(255,255,255,.08)!important;color:#fff!important;display:grid!important;place-items:center!important;cursor:pointer!important;
}
body.chat-screen .account-popout-tabs,body.chat-screen .account-tab-panel,body.chat-screen .account-popout-foot{margin-left:20px!important;margin-right:20px!important;}
body.chat-screen .account-popout-tabs{
    margin-top:16px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;padding:8px!important;
    border:1px solid rgba(22,163,74,.16)!important;border-radius:8px!important;background:rgba(236,253,245,.72)!important;
}
body.chat-screen .account-popout-tabs button{
    min-height:38px!important;border:1px solid rgba(22,163,74,.2)!important;border-radius:8px!important;background:#fff!important;
    color:#065f46!important;padding:0 13px!important;font-weight:1000!important;cursor:pointer!important;
}
body.chat-screen .account-popout-tabs button.active{background:#0f8f4a!important;border-color:#0f8f4a!important;color:#fff!important;}
body.chat-screen .account-tab-panel{
    display:none!important;margin-top:12px!important;padding:14px!important;border:1px solid rgba(203,213,225,.78)!important;
    border-radius:8px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 12px 28px rgba(15,23,42,.055)!important;
}
body.chat-screen .account-tab-panel.active{display:block!important;}
body.chat-screen .account-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
body.chat-screen .account-form-grid label,body.chat-screen .account-form-grid .wide{
    display:grid!important;gap:6px!important;color:#0f172a!important;font-size:12px!important;font-weight:900!important;
}
body.chat-screen .account-form-grid .wide{grid-column:1 / -1!important;}
body.chat-screen .account-field-label{color:#0f172a!important;font-size:12px!important;font-weight:900!important;}
body.chat-screen .account-form-grid input,body.chat-screen .account-form-grid select,body.chat-screen .account-share-row input{
    width:100%!important;min-height:44px!important;border:1px solid rgba(148,163,184,.42)!important;border-radius:8px!important;
    padding:0 12px!important;background:rgba(248,250,252,.94)!important;color:#0f172a!important;font-size:14px!important;outline:none!important;
}
body.chat-screen .account-form-grid input:focus,body.chat-screen .account-form-grid select:focus,body.chat-screen .account-share-row input:focus{
    border-color:#16a34a!important;box-shadow:0 0 0 4px rgba(22,163,74,.1)!important;
}
body.chat-screen .account-phone-split{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:8px!important;}
body.chat-screen .account-toggle-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
body.chat-screen .account-toggle-grid label{
    min-height:42px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:9px!important;
    border:1px solid rgba(203,213,225,.75)!important;border-radius:8px!important;background:#fff!important;
}
body.chat-screen .account-toggle-grid input{width:17px!important;height:17px!important;accent-color:#16a34a!important;}
body.chat-screen .account-share-box{display:grid!important;gap:12px!important;}
body.chat-screen .account-share-box h3,body.chat-screen .account-share-box p{margin:0!important;}
body.chat-screen .account-share-box h3{font-size:18px!important;color:#052e1a!important;}
body.chat-screen .account-share-box p{color:#64748b!important;font-size:13px!important;font-weight:800!important;line-height:1.7!important;}
body.chat-screen .account-share-row{display:grid!important;grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important;}
body.chat-screen .account-share-row button{
    border:0!important;border-radius:8px!important;background:#16a34a!important;color:#fff!important;font-weight:1000!important;cursor:pointer!important;
}
body.chat-screen .account-share-box > span{
    justify-self:start!important;padding:6px 10px!important;border-radius:999px!important;background:#ecfdf5!important;color:#047857!important;font-size:12px!important;font-weight:1000!important;
}
body.chat-screen .account-sound-box{display:grid!important;gap:14px!important;}
body.chat-screen .account-sound-head{
    display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;
    padding:14px!important;border:1px solid rgba(22,163,74,.18)!important;border-radius:8px!important;background:linear-gradient(135deg,#ecfdf5,#fff)!important;
}
body.chat-screen .account-sound-head > span{
    width:58px!important;height:58px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
    background:linear-gradient(135deg,#16a34a,#0f766e)!important;color:#fff!important;font-size:23px!important;box-shadow:0 18px 34px rgba(22,163,74,.2)!important;
}
body.chat-screen .account-sound-head h3,body.chat-screen .account-sound-head p{margin:0!important;}
body.chat-screen .account-sound-head h3{font-size:20px!important;color:#052e1a!important;font-weight:1000!important;}
body.chat-screen .account-sound-head p{margin-top:5px!important;color:#64748b!important;font-size:13px!important;font-weight:800!important;line-height:1.7!important;}
body.chat-screen .account-volume-control{
    display:grid!important;grid-template-columns:112px minmax(0,1fr) 58px!important;gap:12px!important;align-items:center!important;
    padding:12px!important;border:1px solid rgba(203,213,225,.75)!important;border-radius:8px!important;background:#fff!important;
}
body.chat-screen .account-volume-control span,body.chat-screen .account-volume-control strong{font-size:13px!important;font-weight:1000!important;color:#0f172a!important;}
body.chat-screen .account-volume-control input{accent-color:#16a34a!important;width:100%!important;}
body.chat-screen .account-volume-presets{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
body.chat-screen .account-volume-presets button,body.chat-screen .account-sound-actions button{
    min-height:38px!important;border:1px solid rgba(22,163,74,.22)!important;border-radius:8px!important;background:#f0fdf4!important;color:#047857!important;
    padding:0 14px!important;font-size:13px!important;font-weight:1000!important;cursor:pointer!important;
}
body.chat-screen .account-volume-presets button:hover,body.chat-screen .account-sound-actions button:hover{background:#16a34a!important;color:#fff!important;}
body.chat-screen .account-sound-actions{
    display:flex!important;gap:10px!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;
    padding:12px!important;border:1px solid rgba(203,213,225,.75)!important;border-radius:8px!important;background:#f8fafc!important;
}
body.chat-screen .account-sound-actions label{display:flex!important;align-items:center!important;gap:8px!important;font-size:13px!important;font-weight:1000!important;color:#334155!important;}
body.chat-screen .account-sound-actions input{width:18px!important;height:18px!important;accent-color:#16a34a!important;}
body.chat-screen .account-popout-foot{
    margin-top:12px!important;margin-bottom:20px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:9px!important;
    padding-top:12px!important;border-top:1px solid rgba(203,213,225,.7)!important;
}
body.chat-screen #account-popout-message{margin-inline-end:auto!important;color:#64748b!important;font-size:13px!important;font-weight:900!important;}
body.chat-screen #account-popout-message.ok{color:#047857!important;}
body.chat-screen #account-popout-message.error{color:#b91c1c!important;}
body.chat-screen .account-secondary,body.chat-screen .account-primary{
    min-height:42px!important;border:0!important;border-radius:8px!important;padding:0 16px!important;font-weight:1000!important;cursor:pointer!important;
}
body.chat-screen .account-secondary{background:#eef2f7!important;color:#334155!important;}
body.chat-screen .account-primary{background:linear-gradient(135deg,#16a34a,#0f766e)!important;color:#fff!important;box-shadow:0 14px 28px rgba(22,163,74,.2)!important;}
body.chat-screen .account-primary:disabled{opacity:.65!important;cursor:wait!important;}
@media (max-width:720px){
    body.chat-screen .account-popout{padding:8px!important;align-items:stretch!important;}
    body.chat-screen .account-popout-card{width:100%!important;max-height:calc(100vh - 16px)!important;}
    body.chat-screen .account-popout-head{padding:16px!important;}
    body.chat-screen .account-popout-profile{align-items:flex-start!important;}
    body.chat-screen .account-popout-avatar{width:50px!important;height:50px!important;flex-basis:50px!important;font-size:16px!important;}
    body.chat-screen .account-popout-head h2{font-size:22px!important;}
    body.chat-screen .account-popout-tabs,body.chat-screen .account-tab-panel,body.chat-screen .account-popout-foot{margin-left:12px!important;margin-right:12px!important;}
    body.chat-screen .account-form-grid,body.chat-screen .account-phone-split,body.chat-screen .account-toggle-grid,body.chat-screen .account-share-row{grid-template-columns:1fr!important;}
    body.chat-screen .account-sound-head,body.chat-screen .account-volume-control{grid-template-columns:1fr!important;}
    body.chat-screen .account-popout-foot{align-items:stretch!important;flex-wrap:wrap!important;}
    body.chat-screen #account-popout-message{width:100%!important;margin-inline-end:0!important;}
    body.chat-screen .account-secondary,body.chat-screen .account-primary{flex:1 1 140px!important;}
}

/* Bchat sonic layer */
body.chat-screen .bchat-toast-stack{
    position:fixed!important;
    inset:18px 18px auto auto!important;
    z-index:180!important;
    display:grid!important;
    gap:9px!important;
    width:min(360px,calc(100vw - 36px))!important;
    pointer-events:none!important;
    direction:rtl!important;
}
body.chat-screen .bchat-toast{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    border:1px solid rgba(22,163,74,.22)!important;
    border-radius:8px!important;
    padding:10px!important;
    background:rgba(255,255,255,.96)!important;
    color:#0f172a!important;
    box-shadow:0 18px 45px rgba(15,23,42,.18)!important;
    backdrop-filter:blur(10px)!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    opacity:0!important;
    transform:translateY(-8px) scale(.98)!important;
    transition:opacity .18s ease,transform .18s ease!important;
    text-align:right!important;
}
body.chat-screen .bchat-toast.show{
    opacity:1!important;
    transform:translateY(0) scale(1)!important;
}
body.chat-screen .bchat-toast.call{
    border-color:rgba(14,165,233,.26)!important;
    background:linear-gradient(135deg,#fff,#f0f9ff)!important;
}
body.chat-screen .bchat-toast.ok{
    border-color:rgba(22,163,74,.34)!important;
    background:linear-gradient(135deg,#fff,#ecfdf5)!important;
}
body.chat-screen .bchat-toast.warn{
    border-color:rgba(245,158,11,.28)!important;
    background:linear-gradient(135deg,#fff,#fffbeb)!important;
}
body.chat-screen .bchat-toast-icon{
    width:42px!important;
    height:42px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    color:#fff!important;
    background:linear-gradient(135deg,#16a34a,#0f766e)!important;
    box-shadow:0 12px 26px rgba(22,163,74,.22)!important;
}
body.chat-screen .bchat-toast.call .bchat-toast-icon{
    background:linear-gradient(135deg,#0ea5e9,#0f766e)!important;
}
body.chat-screen .bchat-toast-copy{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
}
body.chat-screen .bchat-toast-copy strong,
body.chat-screen .bchat-toast-copy small{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .bchat-toast-copy strong{
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:1000!important;
}
body.chat-screen .bchat-toast-copy small{
    color:#64748b!important;
    font-size:12px!important;
    font-weight:800!important;
}
body.chat-screen .bchat-sound-dock{
    position:fixed!important;
    inset:auto 18px 18px auto!important;
    z-index:165!important;
    display:flex!important;
    gap:7px!important;
    padding:7px!important;
    border:1px solid rgba(22,163,74,.22)!important;
    border-radius:8px!important;
    background:rgba(6,24,19,.9)!important;
    box-shadow:0 18px 45px rgba(2,6,23,.28)!important;
    backdrop-filter:blur(12px)!important;
    direction:rtl!important;
}
body.chat-screen .bchat-sound-dock button{
    position:relative!important;
    width:38px!important;
    height:38px!important;
    border:0!important;
    border-radius:8px!important;
    display:grid!important;
    place-items:center!important;
    background:rgba(255,255,255,.08)!important;
    color:#dcfce7!important;
    cursor:pointer!important;
}
body.chat-screen .bchat-sound-dock button:hover{
    background:#16a34a!important;
    color:#fff!important;
}
body.chat-screen .bchat-sound-dock button::after{
    content:attr(title)!important;
    position:absolute!important;
    inset:auto auto calc(100% + 8px) 50%!important;
    transform:translateX(-50%) translateY(4px)!important;
    opacity:0!important;
    pointer-events:none!important;
    white-space:nowrap!important;
    border-radius:8px!important;
    padding:6px 8px!important;
    background:#0b1b2a!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
    transition:opacity .15s ease,transform .15s ease!important;
}
body.chat-screen .bchat-sound-dock button:hover::after{
    opacity:1!important;
    transform:translateX(-50%) translateY(0)!important;
}
@media (max-width:720px){
    body.chat-screen .bchat-toast-stack{
        inset:10px 10px auto 10px!important;
        width:auto!important;
    }
    body.chat-screen .bchat-sound-dock{
        inset:auto 10px 10px auto!important;
    }
}

/* Bchat composer tools */
body.chat-screen .composer{position:relative!important;overflow:visible!important;}
body.chat-screen .composer .attach-btn,
body.chat-screen .composer .composer-icon,
body.chat-screen .composer .send-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body.chat-screen .conversation-tools-modern{gap:8px!important;overflow:visible!important;}
body.chat-screen .conversation-tools-modern .icon-btn,
body.chat-screen .call-card .icon-btn,
body.chat-screen .call-launch-card .icon-btn,
body.chat-screen .composer .attach-btn,
body.chat-screen .composer .composer-icon,
body.chat-screen .composer .send-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    flex:0 0 40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    line-height:1!important;
}
body.chat-screen .conversation-tools-modern .icon-btn i,
body.chat-screen .call-card .icon-btn i,
body.chat-screen .call-launch-card .icon-btn i,
body.chat-screen .composer .attach-btn i,
body.chat-screen .composer .composer-icon i,
body.chat-screen .composer .send-btn i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    font-size:17px!important;
    line-height:1!important;
}
body.chat-screen .composer .attach-btn{border:0!important;cursor:pointer!important;}
body.chat-screen .composer .attach-btn.active{background:linear-gradient(135deg,#0b7f44,#14b86a)!important;color:#fff!important;box-shadow:0 14px 28px rgba(16,185,129,.22)!important;}
body.chat-screen .composer-file-preview{position:absolute!important;inset-inline-start:74px!important;bottom:calc(100% + 10px)!important;max-width:min(420px,calc(100vw - 48px))!important;display:grid!important;grid-template-columns:36px auto minmax(0,1fr) 30px!important;gap:8px!important;align-items:center!important;padding:8px 10px!important;border:1px solid rgba(16,185,129,.22)!important;border-radius:8px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 18px 45px rgba(2,6,23,.12)!important;z-index:18!important;}
body.chat-screen .composer-file-preview[hidden]{display:none!important;}
body.chat-screen .composer-file-preview>span{width:34px!important;height:34px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#047857!important;background:#dcfce7!important;}
body.chat-screen .composer-file-preview strong{color:#0f172a!important;font-size:12px!important;white-space:nowrap!important;}
body.chat-screen .composer-file-preview small{color:#64748b!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
body.chat-screen .composer-file-preview button{width:28px!important;height:28px!important;border:0!important;border-radius:8px!important;cursor:pointer!important;color:#475569!important;background:#f1f5f9!important;}
body.chat-screen .composer-tools-panel{position:absolute!important;inset-inline-start:0!important;bottom:calc(100% + 14px)!important;width:min(520px,calc(100vw - 38px))!important;padding:12px!important;border:1px solid rgba(16,185,129,.22)!important;border-radius:12px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 26px 70px rgba(2,6,23,.18)!important;z-index:20!important;}
body.chat-screen .composer-tools-panel[hidden]{display:none!important;}
body.chat-screen .composer-tools-panel header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:2px 2px 10px!important;border-bottom:1px solid rgba(15,23,42,.08)!important;}
body.chat-screen .composer-tools-panel header span{display:block!important;color:#059669!important;font-size:11px!important;line-height:1.2!important;}
body.chat-screen .composer-tools-panel header strong{display:block!important;color:#0f172a!important;font-size:15px!important;line-height:1.35!important;}
body.chat-screen .composer-tools-panel header button{width:32px!important;height:32px!important;border:0!important;border-radius:8px!important;color:#475569!important;background:#f1f5f9!important;cursor:pointer!important;}
body.chat-screen .composer-tools-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;padding:12px 0 10px!important;}
body.chat-screen .composer-tools-grid button,
body.chat-screen .composer-tools-panel footer button{min-width:0!important;border:1px solid rgba(16,185,129,.16)!important;border-radius:10px!important;background:linear-gradient(180deg,#ffffff,#f5fbf8)!important;color:#0f5132!important;cursor:pointer!important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;}
body.chat-screen .composer-tools-grid button{height:76px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:7px!important;padding:8px 4px!important;}
body.chat-screen .composer-tools-grid button:hover,
body.chat-screen .composer-tools-panel footer button:hover{transform:translateY(-1px)!important;border-color:rgba(16,185,129,.45)!important;box-shadow:0 12px 24px rgba(16,185,129,.12)!important;}
body.chat-screen .composer-tools-grid i{width:34px!important;height:34px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#047857!important;background:#dcfce7!important;font-size:15px!important;}
body.chat-screen .composer-tools-grid span,
body.chat-screen .composer-tools-panel footer span{display:block!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;}
body.chat-screen .composer-tools-panel footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
body.chat-screen .composer-tools-panel footer button{height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}
body.chat-screen .composer-emoji-panel{position:absolute!important;inset-inline-start:74px!important;bottom:calc(100% + 14px)!important;width:min(360px,calc(100vw - 48px))!important;display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:5px!important;padding:10px!important;border:1px solid rgba(16,185,129,.18)!important;border-radius:12px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 20px 55px rgba(2,6,23,.16)!important;z-index:21!important;}
body.chat-screen .composer-emoji-panel button{border:0!important;border-radius:8px!important;background:#f8fafc!important;cursor:pointer!important;font-size:18px!important;line-height:32px!important;}
body.chat-screen .composer-tool-form{display:grid!important;gap:12px!important;}
body.chat-screen .composer-tool-form p{margin:0!important;color:#64748b!important;}
body.chat-screen .composer-tool-form label{display:grid!important;gap:6px!important;color:#334155!important;font-weight:800!important;}
body.chat-screen .composer-tool-form input,
body.chat-screen .composer-tool-form textarea{width:100%!important;border:1px solid rgba(148,163,184,.55)!important;border-radius:8px!important;padding:10px 12px!important;font:inherit!important;color:#0f172a!important;background:#fff!important;}
body.chat-screen .composer-tool-form .check-line{display:flex!important;align-items:center!important;gap:8px!important;}
body.chat-screen .composer-tool-form .check-line input{width:auto!important;}
body.chat-screen .rating-stars{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
body.chat-screen .rating-stars button{border:1px solid rgba(245,158,11,.28)!important;border-radius:8px!important;padding:8px 10px!important;color:#b45309!important;background:#fffbeb!important;cursor:pointer!important;}
body.chat-screen .rating-stars button.active{color:#fff!important;background:linear-gradient(135deg,#f59e0b,#10b981)!important;}
body.chat-screen [data-tool-scope][hidden]{display:none!important;}
body.chat-screen[data-conversation-type="group"] .composer-tools-panel,
body.chat-screen[data-conversation-type="channel"] .composer-tools-panel,
body.chat-screen[data-conversation-type="broadcast"] .composer-tools-panel{
    border-color:rgba(14,165,233,.2)!important;
}
body.chat-screen .composer-group-manager{display:grid!important;gap:12px!important;}
body.chat-screen .composer-group-manager.group-profile-expanded{
    gap:14px!important;
    min-width:min(620px,calc(100vw - 42px))!important;
}
body.chat-screen .composer-group-manager.group-profile-expanded > .group-manager-head{
    display:none!important;
}
body.chat-screen .group-profile-hero{
    display:grid!important;
    grid-template-columns:74px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    padding:14px!important;
    border:1px solid rgba(16,185,129,.22)!important;
    border-radius:8px!important;
    background:linear-gradient(135deg,#052e1f,#0f513b 62%,#0b1220)!important;
    color:#fff!important;
    box-shadow:0 18px 44px rgba(2,6,23,.18)!important;
}
body.chat-screen .group-profile-avatar{
    width:68px!important;
    height:68px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    color:#047857!important;
    background:#dcfce7!important;
    font-size:22px!important;
    font-weight:1000!important;
    box-shadow:0 14px 30px rgba(16,185,129,.22)!important;
}
body.chat-screen .group-profile-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
body.chat-screen .group-profile-main{min-width:0!important;}
body.chat-screen .group-profile-main strong,
body.chat-screen .group-profile-main small,
body.chat-screen .group-profile-main p{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
body.chat-screen .group-profile-main strong{
    color:#fff!important;
    font-size:18px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
}
body.chat-screen .group-profile-main small{
    color:#bbf7d0!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    margin-top:2px!important;
}
body.chat-screen .group-profile-main p{
    margin:7px 0 0!important;
    color:#e5f9ee!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.6!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
}
body.chat-screen .group-profile-role{
    display:grid!important;
    gap:6px!important;
    justify-items:center!important;
    min-width:88px!important;
}
body.chat-screen .group-profile-role span,
body.chat-screen .group-profile-role b{
    padding:6px 9px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
}
body.chat-screen .group-profile-role b{
    background:#16a34a!important;
}
body.chat-screen .group-profile-sections{
    display:grid!important;
    gap:12px!important;
}
body.chat-screen .group-profile-form{
    display:grid!important;
    gap:10px!important;
    padding:12px!important;
    border:1px solid rgba(16,185,129,.18)!important;
    border-radius:8px!important;
    background:#f8fffb!important;
}
body.chat-screen .group-profile-section-title{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#064e3b!important;
    font-weight:1000!important;
}
body.chat-screen .group-profile-form label{
    display:grid!important;
    gap:6px!important;
    color:#334155!important;
    font-size:12px!important;
    font-weight:900!important;
}
body.chat-screen .group-profile-form input,
body.chat-screen .group-profile-form textarea{
    width:100%!important;
    border:1px solid rgba(148,163,184,.55)!important;
    border-radius:8px!important;
    padding:10px 12px!important;
    background:#fff!important;
    color:#0f172a!important;
    font:inherit!important;
}
body.chat-screen .group-profile-tools{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
}
body.chat-screen .group-profile-tools button{
    min-height:70px!important;
    display:grid!important;
    place-items:center!important;
    gap:6px!important;
    border:1px solid rgba(16,185,129,.16)!important;
    border-radius:8px!important;
    color:#064e3b!important;
    background:#ecfdf5!important;
    font-weight:1000!important;
    cursor:pointer!important;
}
body.chat-screen .group-profile-tools button:hover{
    background:#dcfce7!important;
    transform:translateY(-1px)!important;
}
body.chat-screen .group-profile-media{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
}
body.chat-screen .group-profile-media article{
    min-height:64px!important;
    display:grid!important;
    place-items:center!important;
    gap:2px!important;
    border:1px dashed rgba(14,165,233,.26)!important;
    border-radius:8px!important;
    background:#f8fafc!important;
    color:#0369a1!important;
}
body.chat-screen .group-profile-media strong{color:#0f172a!important;font-size:16px!important;font-weight:1000!important;}
body.chat-screen .group-profile-media span{font-size:11px!important;font-weight:900!important;}
body.chat-screen .group-manager-head{display:flex!important;align-items:center!important;gap:10px!important;padding:10px!important;border-radius:10px!important;background:linear-gradient(135deg,#ecfdf5,#eff6ff)!important;border:1px solid rgba(16,185,129,.16)!important;}
body.chat-screen .group-manager-head>span{width:40px!important;height:40px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#047857!important;background:#dcfce7!important;}
body.chat-screen .group-manager-head strong,
body.chat-screen .group-manager-head small{display:block!important;}
body.chat-screen .group-manager-head strong{color:#0f172a!important;font-size:15px!important;font-weight:1000!important;}
body.chat-screen .group-manager-head small{color:#64748b!important;font-size:12px!important;font-weight:800!important;}
body.chat-screen .group-member-add{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;}
body.chat-screen .group-member-add input{border:1px solid rgba(148,163,184,.55)!important;border-radius:8px!important;padding:10px 12px!important;font:inherit!important;}
body.chat-screen .group-member-search-result{min-height:18px!important;color:#64748b!important;font-size:12px!important;font-weight:800!important;}
body.chat-screen .group-member-list{display:grid!important;gap:8px!important;max-height:min(46vh,420px)!important;overflow:auto!important;padding-inline-end:2px!important;}
body.chat-screen .group-member-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto auto auto!important;align-items:center!important;gap:8px!important;padding:8px!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:10px!important;background:#fff!important;}
body.chat-screen .group-member-avatar{width:38px!important;height:38px!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#dcfce7!important;color:#047857!important;font-weight:1000!important;}
body.chat-screen .group-member-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;}
body.chat-screen .group-member-copy{min-width:0!important;}
body.chat-screen .group-member-copy strong,
body.chat-screen .group-member-copy small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.chat-screen .group-member-copy strong{color:#0f172a!important;font-size:13px!important;font-weight:1000!important;}
body.chat-screen .group-member-copy small{color:#64748b!important;font-size:11px!important;}
body.chat-screen .group-role-pill{padding:5px 8px!important;border-radius:999px!important;background:#ecfdf5!important;color:#047857!important;font-size:11px!important;font-weight:1000!important;white-space:nowrap!important;}
body.chat-screen .group-member-row select{height:34px!important;border:1px solid rgba(148,163,184,.5)!important;border-radius:8px!important;background:#fff!important;color:#0f172a!important;font:inherit!important;font-size:12px!important;}
body.chat-screen .group-member-row .danger-btn{width:34px!important;height:34px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body.chat-screen .app-user.account-menu{
    position:relative!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:9px 10px!important;
}
body.chat-screen .app-user.account-menu .avatar-dot{grid-column:1!important;grid-row:1!important;}
body.chat-screen .app-user.account-menu .account-copy{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
    text-align:right!important;
}
body.chat-screen .app-user.account-menu .account-copy strong,
body.chat-screen .app-user.account-menu .account-copy small{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .app-user.account-menu .account-copy strong{color:#fff!important;font-size:13px!important;font-weight:1000!important;}
body.chat-screen .app-user.account-menu .account-copy small{color:#9ee6bf!important;font-size:11px!important;font-weight:800!important;}
body.chat-screen .account-card-actions{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex:0 0 auto!important;
}
body.chat-screen .account-bell{
    position:relative!important;
    width:34px!important;
    height:34px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#dcfce7!important;
    background:rgba(255,255,255,.07)!important;
    cursor:pointer!important;
    flex:0 0 auto!important;
}
body.chat-screen .account-trigger{
    width:34px!important;
    height:34px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#bbf7d0!important;
    background:rgba(255,255,255,.07)!important;
    cursor:pointer!important;
    flex:0 0 auto!important;
}
body.chat-screen .account-trigger:hover,
body.chat-screen .app-user.account-menu.open .account-trigger{
    color:#fff!important;
    background:rgba(22,163,74,.5)!important;
}
body.chat-screen .account-bell:hover,
body.chat-screen .account-bell.has-unread{
    color:#fff!important;
    background:#16a34a!important;
    box-shadow:0 12px 24px rgba(16,185,129,.2)!important;
}
body.chat-screen .account-bell b{
    position:absolute!important;
    inset:-6px -6px auto auto!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    background:#ef4444!important;
    font-size:10px!important;
    font-weight:1000!important;
    box-shadow:0 0 0 2px #062018!important;
}
body.chat-screen .details-pane{
    font-size:13px!important;
    color:#0f172a!important;
}
body.chat-screen .details-pane section{
    padding:16px 18px!important;
    border-bottom:1px solid rgba(15,23,42,.07)!important;
}
body.chat-screen .details-pane section h2{
    margin:0 0 10px!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:1000!important;
    letter-spacing:0!important;
}
body.chat-screen .details-pane .profile-card{
    padding-block:18px!important;
}
body.chat-screen .details-pane .profile-card h2{
    font-size:18px!important;
    line-height:1.5!important;
}
body.chat-screen .details-pane .profile-card p{
    margin:5px 0 0!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.7!important;
}
body.chat-screen #details-content .simple-row{
    min-height:44px!important;
    padding:9px 0!important;
    border-bottom:1px solid rgba(15,23,42,.06)!important;
}
body.chat-screen #details-content .simple-row strong{
    color:#0f172a!important;
    font-size:13px!important;
    font-weight:900!important;
}
body.chat-screen #details-content .simple-row span{
    color:#64748b!important;
    font-size:11px!important;
    font-weight:800!important;
}
body.chat-screen #notifications-list{
    display:grid!important;
    gap:6px!important;
    max-height:146px!important;
    overflow:hidden!important;
    padding-inline-end:2px!important;
}
body.chat-screen #notifications-list.expanded{
    max-height:min(280px,38vh)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
}
body.chat-screen #notifications-list::-webkit-scrollbar{width:6px!important;}
body.chat-screen #notifications-list::-webkit-scrollbar-thumb{
    border-radius:999px!important;
    background:rgba(16,185,129,.28)!important;
}
body.chat-screen #notifications-list .details-notification-row{
    min-height:34px!important;
    display:grid!important;
    gap:2px!important;
    padding:7px 8px!important;
    border:1px solid rgba(15,23,42,.06)!important;
    border-radius:8px!important;
    background:rgba(248,250,252,.74)!important;
    color:#334155!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.45!important;
    box-shadow:none!important;
}
body.chat-screen #notifications-list .details-notification-row strong,
body.chat-screen #notifications-list .details-notification-row b{
    color:#0f172a!important;
    font-size:12px!important;
    font-weight:900!important;
}
body.chat-screen #notifications-list .details-notification-row span,
body.chat-screen #notifications-list .details-notification-row small{
    color:#64748b!important;
    font-size:10.5px!important;
    font-weight:800!important;
}
body.chat-screen #notifications-list .details-notification-more{
    min-height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:1px solid rgba(16,185,129,.16)!important;
    border-radius:8px!important;
    color:#047857!important;
    background:#f0fdf4!important;
    font-size:11px!important;
    font-weight:1000!important;
    cursor:pointer!important;
}
body.chat-screen #notifications-list .details-notification-more:hover{
    color:#065f46!important;
    background:#dcfce7!important;
}
body.chat-screen .account-notifications-popout{
    --account-notifications-z:10000;
    position:fixed!important;
    inset:auto!important;
    top:var(--account-popout-top,84px)!important;
    left:var(--account-popout-left,auto)!important;
    right:var(--account-popout-right,18px)!important;
    bottom:auto!important;
    width:var(--account-popout-width,min(360px,calc(100vw - 24px)))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:min(560px,72vh)!important;
    max-height:var(--account-popout-max-height,min(560px,72vh))!important;
    overflow:hidden!important;
    z-index:var(--account-notifications-z)!important;
    border:1px solid rgba(22,163,74,.22)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 26px 70px rgba(2,6,23,.28)!important;
    transform-origin:var(--account-popout-origin,top right)!important;
    direction:rtl!important;
}
body.chat-screen .account-notifications-popout[hidden]{display:none!important;}
body.chat-screen .account-notifications-popout header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px!important;
    border-bottom:1px solid rgba(15,23,42,.08)!important;
}
body.chat-screen .account-notifications-popout header span,
body.chat-screen .account-notifications-popout header strong{display:block!important;}
body.chat-screen .account-notifications-popout header span{color:#059669!important;font-size:11px!important;font-weight:900!important;}
body.chat-screen .account-notifications-popout header strong{color:#0f172a!important;font-size:16px!important;font-weight:1000!important;}
body.chat-screen .account-notifications-popout header button{
    width:32px!important;
    height:32px!important;
    border:0!important;
    border-radius:8px!important;
    color:#475569!important;
    background:#f1f5f9!important;
    cursor:pointer!important;
}
body.chat-screen .account-notifications-list{
    display:grid!important;
    gap:6px!important;
    max-height:calc(min(560px,72vh) - 58px)!important;
    overflow:auto!important;
    padding:8px!important;
}
body.chat-screen .account-notification-card{
    width:100%!important;
    border:1px solid rgba(16,185,129,.16)!important;
    border-radius:8px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px!important;
    color:#0f172a!important;
    background:linear-gradient(180deg,#fff,#f8fffb)!important;
    text-align:inherit!important;
    position:relative!important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease!important;
}
body.chat-screen button.account-notification-card{cursor:pointer!important;}
body.chat-screen button.account-notification-card:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(16,185,129,.34)!important;
    box-shadow:0 14px 30px rgba(15,23,42,.08)!important;
}
body.chat-screen .account-notification-card.is-unread{
    border-color:rgba(16,185,129,.34)!important;
    background:linear-gradient(180deg,#f4fff8,#ecfdf5)!important;
    box-shadow:inset 3px 0 0 #10b981,0 12px 26px rgba(16,185,129,.08)!important;
}
body.chat-screen .account-notification-card.is-read{
    opacity:.66!important;
    border-color:rgba(148,163,184,.18)!important;
    background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important;
    box-shadow:none!important;
}
body.chat-screen .account-notification-card.is-read:hover{
    opacity:.82!important;
}
body.chat-screen .account-notification-card.is-updating{
    pointer-events:none!important;
    opacity:.72!important;
}
body.chat-screen .account-notification-card.request{grid-template-columns:36px minmax(0,1fr)!important;}
body.chat-screen .notification-avatar{
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#047857!important;
    background:#dcfce7!important;
    font-weight:1000!important;
}
body.chat-screen .notification-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;}
body.chat-screen .account-notification-card.is-read .notification-avatar{
    color:#64748b!important;
    background:#e2e8f0!important;
}
body.chat-screen .notification-copy{min-width:0!important;}
body.chat-screen .notification-copy strong,
body.chat-screen .notification-copy small,
body.chat-screen .notification-copy p{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .notification-copy strong{font-size:12px!important;font-weight:950!important;color:#0f172a!important;}
body.chat-screen .notification-copy small{font-size:10.5px!important;font-weight:800!important;color:#64748b!important;}
body.chat-screen .notification-copy p{margin:2px 0 0!important;font-size:11px!important;color:#334155!important;}
body.chat-screen .account-notification-card.is-read .notification-copy strong{
    color:#475569!important;
    font-weight:850!important;
}
body.chat-screen .account-notification-card.is-read .notification-copy small{
    color:#94a3b8!important;
}
body.chat-screen .notification-badges{
    min-width:42px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:5px!important;
}
body.chat-screen .notification-actions{
    grid-column:2 / -1!important;
    display:flex!important;
    gap:7px!important;
    justify-content:flex-start!important;
}
body.chat-screen .notification-actions button{
    border:0!important;
    border-radius:8px!important;
    padding:7px 12px!important;
    cursor:pointer!important;
    font-weight:1000!important;
}
body.chat-screen .notification-actions [data-contact-accept]{color:#fff!important;background:#16a34a!important;}
body.chat-screen .notification-actions [data-contact-reject]{color:#991b1b!important;background:#fee2e2!important;}
body.chat-screen .notification-read-pill{
    min-width:max-content!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:3px 7px!important;
    border-radius:999px!important;
    font-size:9.5px!important;
    font-style:normal!important;
    font-weight:1000!important;
    line-height:1!important;
}
body.chat-screen .notification-read-pill.unread{
    color:#065f46!important;
    background:#bbf7d0!important;
}
body.chat-screen .notification-read-pill.read{
    color:#64748b!important;
    background:#e2e8f0!important;
}
body.chat-screen .notification-empty{
    padding:18px!important;
    border:1px dashed rgba(148,163,184,.5)!important;
    border-radius:10px!important;
    color:#64748b!important;
    text-align:center!important;
    font-weight:900!important;
}
@media (max-width:760px){
    body.chat-screen .composer-tools-panel{inset-inline:8px!important;width:auto!important;bottom:calc(100% + 10px)!important;max-height:min(70vh,520px)!important;overflow:auto!important;}
    body.chat-screen .composer-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
    body.chat-screen .composer-tools-grid button{height:68px!important;}
    body.chat-screen .composer-tools-panel footer{grid-template-columns:1fr!important;}
    body.chat-screen .composer-file-preview,
    body.chat-screen .composer-emoji-panel{inset-inline:8px!important;width:auto!important;max-width:none!important;}
    body.chat-screen .group-member-add{grid-template-columns:1fr!important;}
    body.chat-screen .composer-group-manager.group-profile-expanded{
        min-width:0!important;
    }
    body.chat-screen .group-profile-hero{
        grid-template-columns:58px minmax(0,1fr)!important;
    }
    body.chat-screen .group-profile-avatar{
        width:54px!important;
        height:54px!important;
        font-size:18px!important;
    }
    body.chat-screen .group-profile-role{
        grid-column:1 / -1!important;
        display:flex!important;
        justify-content:flex-start!important;
    }
    body.chat-screen .group-profile-tools{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.chat-screen .group-profile-media{
        grid-template-columns:1fr!important;
    }
    body.chat-screen .group-member-row{grid-template-columns:38px minmax(0,1fr) auto!important;}
    body.chat-screen .group-member-row select,
    body.chat-screen .group-member-row .danger-btn{grid-column:2 / -1!important;width:100%!important;}
    body.chat-screen .account-notifications-popout{
        inset:auto!important;
        top:var(--account-popout-top,76px)!important;
        left:var(--account-popout-left,10px)!important;
        right:var(--account-popout-right,auto)!important;
        width:var(--account-popout-width,min(360px,calc(100vw - 20px)))!important;
        max-height:var(--account-popout-max-height,min(520px,70vh))!important;
    }
}

/* Bchat v52 final override: keep this block last */
body.chat-screen,
body.chat-screen input,
body.chat-screen textarea,
body.chat-screen button{font-family:"Bchat Cairo",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif!important;letter-spacing:0!important;}
body.chat-screen .conversation-pane{position:relative!important;}
body.chat-screen .conversation-header{
    min-height:66px!important;
    margin:8px 10px 0!important;
    padding:9px 190px 9px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    border:1px solid rgba(16,185,129,.16)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#06221e,#123a31)!important;
    box-shadow:0 16px 38px rgba(2,6,23,.18)!important;
    overflow:hidden!important;
}
body.chat-screen .conversation-tools-modern{
    position:absolute!important;
    top:20px!important;
    right:18px!important;
    left:auto!important;
    width:auto!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:8!important;
}
body.chat-screen .conversation-tools-modern .icon-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.08)!important;
    color:#dcfce7!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    box-shadow:none!important;
}
body.chat-screen .conversation-tools-modern .icon-btn:hover,
body.chat-screen .conversation-tools-modern .icon-btn.active{background:#10b981!important;color:#fff!important;}
body.chat-screen .conversation-header .conversation-avatar{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    margin:0!important;
    border-radius:50%!important;
    background:#dcfce7!important;
    color:#047857!important;
    box-shadow:none!important;
    font-size:15px!important;
}
body.chat-screen .conversation-heading{min-width:0!important;display:grid!important;gap:2px!important;}
body.chat-screen .conversation-heading h1{
    margin:0!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:1000!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
body.chat-screen .conversation-heading span{color:#bbf7d0!important;font-size:12px!important;font-weight:900!important;line-height:1.25!important;}
body.chat-screen .composer{
    grid-template-columns:46px 46px 46px minmax(320px,1fr) 50px!important;
    align-items:center!important;
    gap:8px!important;
    padding:9px 10px!important;
}
body.chat-screen .composer textarea{
    min-height:50px!important;
    font-size:16px!important;
    line-height:1.65!important;
    color:#0f172a!important;
}
body.chat-screen .composer .attach-btn,
body.chat-screen .composer .composer-icon,
body.chat-screen .composer .send-btn{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex:0 0 44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    font-size:0!important;
    line-height:1!important;
}
body.chat-screen .composer .send-btn{width:50px!important;min-width:50px!important;flex-basis:50px!important;color:#fff!important;}
body.chat-screen .composer .attach-btn::before,
body.chat-screen .composer .composer-icon::before,
body.chat-screen .composer .send-btn::before{content:none!important;display:none!important;}
body.chat-screen .conversation-tools-modern .icon-btn i,
body.chat-screen .composer .attach-btn i,
body.chat-screen .composer .composer-icon i,
body.chat-screen .composer .send-btn i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    color:currentColor!important;
    font-size:17px!important;
    line-height:1!important;
    visibility:visible!important;
    opacity:1!important;
}
body.chat-screen .fa-solid,
body.chat-screen .fas{font-family:"Font Awesome 7 Free","Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome"!important;font-weight:900!important;}
body.chat-screen .fa-regular,
body.chat-screen .far{font-family:"Font Awesome 7 Free","Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome"!important;font-weight:400!important;}

/* Bchat v56: local icon fallback when icon fonts are blocked or stale-cached */
body.chat-screen i[class*="fa-"]{
    font-family:"Segoe UI Symbol","Bchat Cairo",Arial,sans-serif!important;
    font-style:normal!important;
    font-weight:900!important;
    speak:none!important;
}
body.chat-screen i[class*="fa-"]::before{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:1.15em!important;
    min-width:1.15em!important;
    line-height:1!important;
    color:currentColor!important;
}
body.chat-screen .fa-comments::before{content:"\1F5E8"!important;}
body.chat-screen .fa-circle-dot::before{content:"\25C9"!important;}
body.chat-screen .fa-phone::before{content:"\260E"!important;}
body.chat-screen .fa-video::before{content:"\25B6"!important;}
body.chat-screen .fa-address-book::before,
body.chat-screen .fa-address-card::before,
body.chat-screen .fa-id-card::before{content:"\25A3"!important;}
body.chat-screen .fa-user-group::before,
body.chat-screen .fa-users-gear::before,
body.chat-screen .fa-user-plus::before{content:"\2637"!important;}
body.chat-screen .fa-shield-halved::before,
body.chat-screen .fa-user-shield::before{content:"\25C8"!important;}
body.chat-screen .fa-ellipsis::before,
body.chat-screen .fa-ellipsis-vertical::before{content:"\22EE"!important;}
body.chat-screen .fa-crown::before{content:"\2605"!important;}
body.chat-screen .fa-bell::before{content:"\25C9"!important;}
body.chat-screen .fa-chevron-down::before{content:"\2304"!important;}
body.chat-screen .fa-xmark::before{content:"\00D7"!important;}
body.chat-screen .fa-user-gear::before{content:"\2699"!important;}
body.chat-screen .fa-right-from-bracket::before{content:"\21B5"!important;}
body.chat-screen .fa-plus::before{content:"+"!important;}
body.chat-screen .fa-magnifying-glass::before{content:"\2315"!important;}
body.chat-screen .fa-gear::before,
body.chat-screen .fa-sliders::before{content:"\2699"!important;}
body.chat-screen .fa-paper-plane::before{content:"\27A4"!important;}
body.chat-screen .fa-lock::before{content:"\25A3"!important;}
body.chat-screen .fa-phone-slash::before{content:"\2715"!important;}
body.chat-screen .fa-microphone::before,
body.chat-screen .fa-microphone-lines::before{content:"\266B"!important;}
body.chat-screen .fa-display::before{content:"\25AD"!important;}
body.chat-screen .fa-camera::before,
body.chat-screen .fa-camera-rotate::before{content:"\25C9"!important;}
body.chat-screen .fa-face-smile::before{content:"\263A"!important;}
body.chat-screen .fa-image::before{content:"\25A7"!important;}
body.chat-screen .fa-film::before{content:"\25A4"!important;}
body.chat-screen .fa-file-lines::before{content:"\25A4"!important;}
body.chat-screen .fa-paperclip::before{content:"\2229"!important;}
body.chat-screen .fa-location-dot::before{content:"\25CF"!important;}
body.chat-screen .fa-star::before{content:"\2605"!important;}
body.chat-screen .fa-square-poll-vertical::before{content:"\25A5"!important;}
body.chat-screen .fa-calendar-check::before{content:"\2713"!important;}
body.chat-screen .fa-bullhorn::before{content:"\25B6"!important;}
body.chat-screen .fa-list-check::before{content:"\2630"!important;}
body.chat-screen .fa-headset::before{content:"\260E"!important;}
body.chat-screen .fa-wand-magic-sparkles::before{content:"\2726"!important;}
body.chat-screen .fa-check::before{content:"\2713"!important;}
body.chat-screen .fa-palette::before{content:"\25D2"!important;}
body.chat-screen .fa-volume-high::before{content:"\25B6"!important;}
body.chat-screen .fa-link::before{content:"\221E"!important;}
body.chat-screen .fa-music::before{content:"\266B"!important;}
body.chat-screen .fa-copy::before{content:"\25A3"!important;}
body.chat-screen .fa-floppy-disk::before{content:"\25A3"!important;}
body.chat-screen .fa-pen-to-square::before{content:"\270E"!important;}
@media (max-width:760px){
    body.chat-screen .conversation-header{padding-right:150px!important;min-height:62px!important;}
    body.chat-screen .conversation-tools-modern{right:14px!important;top:19px!important;gap:5px!important;}
    body.chat-screen .conversation-tools-modern .icon-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
    body.chat-screen .composer{grid-template-columns:40px 40px 40px minmax(0,1fr) 44px!important;margin-inline:8px!important;gap:6px!important;}
    body.chat-screen .composer .attach-btn,
    body.chat-screen .composer .composer-icon,
    body.chat-screen .composer .send-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important;}
}

/* Bchat v58: place active conversation actions under the chat name */
body.chat-screen:not(.no-conversation) .conversation-header{
    min-height:104px!important;
    padding:12px 14px 50px 14px!important;
    align-items:flex-start!important;
}
body.chat-screen:not(.no-conversation) .conversation-heading{
    align-self:flex-start!important;
    padding-top:2px!important;
}
body.chat-screen:not(.no-conversation) .conversation-tools-modern{
    top:58px!important;
    right:78px!important;
    left:auto!important;
    min-height:36px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    z-index:9!important;
}
body.chat-screen:not(.no-conversation) .conversation-tools-modern .icon-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border-radius:9px!important;
}
body.chat-screen.no-conversation .conversation-tools-modern{
    display:none!important;
}
@media (max-width:760px){
    body.chat-screen:not(.no-conversation) .conversation-header{
        min-height:100px!important;
        padding:10px 12px 48px 12px!important;
    }
    body.chat-screen:not(.no-conversation) .conversation-tools-modern{
        top:56px!important;
        right:66px!important;
        gap:5px!important;
    }
    body.chat-screen:not(.no-conversation) .conversation-tools-modern .icon-btn{
        width:32px!important;
        height:32px!important;
        min-width:32px!important;
        min-height:32px!important;
    }
}

/* Bchat v59: cleaner in-app notifications, no browser alert UX */
body.chat-screen .bchat-toast-stack{
    top:16px!important;
    right:16px!important;
    width:min(390px,calc(100vw - 32px))!important;
    gap:8px!important;
    z-index:12000!important;
}
body.chat-screen .bchat-toast{
    grid-template-columns:38px minmax(0,1fr)!important;
    min-height:58px!important;
    border-radius:10px!important;
    padding:9px 10px!important;
    border-color:rgba(15,23,42,.08)!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 18px 46px rgba(2,6,23,.18)!important;
}
body.chat-screen .bchat-toast.warn,
body.chat-screen .bchat-toast.error{
    border-color:rgba(245,158,11,.28)!important;
    background:linear-gradient(135deg,#fff,#fff7ed)!important;
}
body.chat-screen .bchat-toast.error .bchat-toast-icon,
body.chat-screen .bchat-toast.warn .bchat-toast-icon{
    background:linear-gradient(135deg,#f59e0b,#dc2626)!important;
}
body.chat-screen .bchat-toast-icon{
    width:38px!important;
    height:38px!important;
}
body.chat-screen .bchat-toast-copy{
    gap:3px!important;
}
body.chat-screen .bchat-toast-copy strong{
    font-size:13px!important;
    line-height:1.25!important;
}
body.chat-screen .bchat-toast-copy small{
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    line-height:1.45!important;
}
body.chat-screen .account-notifications-popout{
    border-radius:10px!important;
    border-color:rgba(16,185,129,.18)!important;
}
body.chat-screen .account-notifications-popout header{
    padding:10px 12px!important;
    background:linear-gradient(135deg,#f8fffb,#ffffff)!important;
}
body.chat-screen .account-notifications-list{
    gap:8px!important;
    padding:10px!important;
}
body.chat-screen .account-notification-card{
    min-height:58px!important;
    border-radius:10px!important;
    padding:9px!important;
}
body.chat-screen .account-notification-card.is-unread::after{
    content:""!important;
    position:absolute!important;
    top:10px!important;
    inset-inline-start:10px!important;
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    background:#10b981!important;
    box-shadow:0 0 0 4px rgba(16,185,129,.12)!important;
}
body.chat-screen .notification-copy strong{
    font-size:12.5px!important;
}
body.chat-screen .notification-copy small,
body.chat-screen .notification-copy p{
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    line-height:1.45!important;
}
body.chat-screen .notification-read-pill{
    padding:4px 8px!important;
}
body.chat-screen .notification-empty{
    min-height:90px!important;
    display:grid!important;
    place-items:center!important;
    color:#64748b!important;
    font-size:13px!important;
    font-weight:900!important;
    background:#f8fafc!important;
    border:1px dashed rgba(148,163,184,.35)!important;
    border-radius:10px!important;
}

/* Bchat v61: mobile viewport repair for call controls and conversation layout */
@media (max-width:760px){
    html,
    body.chat-screen{
        width:100%!important;
        max-width:100%!important;
        height:100%!important;
        min-height:100dvh!important;
        overflow:hidden!important;
    }
    body.chat-screen .chat-layout{
        display:block!important;
        width:100vw!important;
        height:100dvh!important;
        min-height:100dvh!important;
        max-height:100dvh!important;
        overflow:hidden!important;
    }
    body.chat-screen .app-nav,
    body.chat-screen .sidebar,
    body.chat-screen .details-pane{
        display:none!important;
        width:0!important;
        min-width:0!important;
        height:0!important;
        min-height:0!important;
        max-height:0!important;
        overflow:hidden!important;
        pointer-events:none!important;
    }
    body.chat-screen .conversation-pane{
        position:fixed!important;
        inset:0!important;
        width:100vw!important;
        height:100dvh!important;
        min-height:100dvh!important;
        max-height:100dvh!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
        transform:none!important;
        background:var(--bchat-wallpaper,#f8faf9)!important;
        z-index:1!important;
    }
    body.chat-screen .conversation-header{
        position:relative!important;
        flex:0 0 auto!important;
        width:calc(100vw - 12px)!important;
        min-height:96px!important;
        margin:6px 6px 0!important;
        padding:10px 12px 48px 12px!important;
        display:grid!important;
        grid-template-columns:44px minmax(0,1fr)!important;
        grid-template-rows:auto auto!important;
        align-items:center!important;
        gap:8px 10px!important;
        box-sizing:border-box!important;
    }
    body.chat-screen.no-conversation .conversation-header{
        min-height:70px!important;
        padding:10px 12px!important;
    }
    body.chat-screen .conversation-header .mobile-only{
        display:none!important;
    }
    body.chat-screen .conversation-header .conversation-avatar{
        grid-column:1!important;
        grid-row:1!important;
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        align-self:center!important;
    }
    body.chat-screen .conversation-heading{
        grid-column:2!important;
        grid-row:1!important;
        min-width:0!important;
        max-width:100%!important;
        padding:0!important;
        align-self:center!important;
    }
    body.chat-screen .conversation-heading h1,
    body.chat-screen .conversation-heading span{
        max-width:100%!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    body.chat-screen:not(.no-conversation) .conversation-tools-modern{
        position:absolute!important;
        inset:72px auto auto 62px!important;
        width:auto!important;
        max-width:calc(100vw - 84px)!important;
        min-height:34px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:6px!important;
        padding:0!important;
        margin:0!important;
        overflow:visible!important;
        z-index:9!important;
    }
    body.chat-screen:not(.no-conversation) .conversation-tools-modern .icon-btn{
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
        border-radius:8px!important;
    }
    body.chat-screen.no-conversation .conversation-tools-modern{
        display:none!important;
    }
    body.chat-screen .message-list{
        flex:1 1 auto!important;
        width:100%!important;
        min-height:0!important;
        padding:14px 12px 18px!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        box-sizing:border-box!important;
    }
    body.chat-screen .composer{
        flex:0 0 auto!important;
        width:calc(100vw - 12px)!important;
        max-width:calc(100vw - 12px)!important;
        margin:0 6px max(8px,var(--safe-bottom))!important;
        padding:8px!important;
        display:grid!important;
        grid-template-columns:40px 40px 40px minmax(0,1fr) 44px!important;
        gap:6px!important;
        box-sizing:border-box!important;
    }
    body.chat-screen .composer textarea{
        min-width:0!important;
        width:100%!important;
        max-width:100%!important;
        min-height:42px!important;
    }
    body.chat-screen .composer .attach-btn,
    body.chat-screen .composer .composer-icon,
    body.chat-screen .composer .send-btn{
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        min-height:40px!important;
        flex-basis:40px!important;
    }
    body.chat-screen .composer .send-btn{
        width:44px!important;
        min-width:44px!important;
        flex-basis:44px!important;
    }
    body.chat-screen .call-overlay{
        position:fixed!important;
        inset:0!important;
        width:100vw!important;
        height:100dvh!important;
        z-index:10000!important;
        padding:10px!important;
        box-sizing:border-box!important;
    }
    body.chat-screen .call-stage{
        width:100%!important;
        height:100%!important;
        max-height:100%!important;
        border-radius:8px!important;
        grid-template-rows:auto minmax(0,1fr) auto auto!important;
    }
    body.chat-screen .call-stage-head{
        align-items:flex-start!important;
        gap:8px!important;
    }
    body.chat-screen .call-secure{
        max-width:46vw!important;
        white-space:normal!important;
        line-height:1.35!important;
    }
    body.chat-screen .call-media{
        min-height:0!important;
    }
    body.chat-screen #local-video{
        width:116px!important;
        inset:auto 10px 10px auto!important;
    }
}

/* Bchat v65: redesign brief pass - keep this block last */
:root{
    --bchat-primary:#087a46;
    --bchat-primary-dark:#053d31;
    --bchat-primary-deep:#032c25;
    --bchat-primary-soft:#dff8e9;
    --bchat-bg:#f4f7f5;
    --bchat-panel:#ffffff;
    --bchat-panel-soft:#f7fbf8;
    --bchat-border:#dce8e1;
    --bchat-text:#17231d;
    --bchat-muted:#6f7f77;
    --bchat-success:#16a34a;
    --bchat-danger:#ef4444;
    --bchat-shadow:0 18px 55px rgba(4,43,29,.10);
    --bchat-radius-sm:10px;
    --bchat-radius-md:16px;
    --bchat-radius-lg:22px;
}
body.chat-screen,
body.chat-screen input,
body.chat-screen textarea,
body.chat-screen button,
body.chat-screen select{
    font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
    letter-spacing:0!important;
}
body.chat-screen{
    margin:0!important;
    color:var(--bchat-text)!important;
    background:
        radial-gradient(circle at 18% 0,rgba(16,185,129,.14),transparent 30%),
        linear-gradient(180deg,#f7fbf8 0%,#eef8f3 100%)!important;
    overflow:hidden!important;
    --safe-bottom:env(safe-area-inset-bottom,0px);
}
body.chat-screen *{
    box-sizing:border-box!important;
}
body.chat-screen .conversation-tools{
    display:none!important;
}
body.chat-screen i[class*="fa-"]{
    font-family:"Font Awesome 6 Free","Font Awesome 7 Free","Font Awesome 5 Free","FontAwesome"!important;
    font-style:normal!important;
    font-weight:900!important;
    line-height:1!important;
}
body.chat-screen .fa-regular,
body.chat-screen .far{
    font-family:"Font Awesome 6 Free","Font Awesome 7 Free","Font Awesome 5 Free","FontAwesome"!important;
    font-weight:400!important;
}
body.chat-screen i[class*="fa-"]::before{
    font-family:inherit!important;
    color:currentColor!important;
}
body.chat-screen .fa-comments::before{content:"\f086"!important;}
body.chat-screen .fa-circle-dot::before{content:"\f192"!important;}
body.chat-screen .fa-phone::before{content:"\f095"!important;}
body.chat-screen .fa-video::before{content:"\f03d"!important;}
body.chat-screen .fa-address-book::before{content:"\f2b9"!important;}
body.chat-screen .fa-address-card::before{content:"\f2bb"!important;}
body.chat-screen .fa-id-card::before{content:"\f2c2"!important;}
body.chat-screen .fa-user-group::before{content:"\f500"!important;}
body.chat-screen .fa-users-gear::before{content:"\e068"!important;}
body.chat-screen .fa-user-plus::before{content:"\f234"!important;}
body.chat-screen .fa-shield-halved::before{content:"\f3ed"!important;}
body.chat-screen .fa-user-shield::before{content:"\f505"!important;}
body.chat-screen .fa-ellipsis::before{content:"\f141"!important;}
body.chat-screen .fa-ellipsis-vertical::before{content:"\f142"!important;}
body.chat-screen .fa-crown::before{content:"\f521"!important;}
body.chat-screen .fa-bell::before{content:"\f0f3"!important;}
body.chat-screen .fa-chevron-down::before{content:"\f078"!important;}
body.chat-screen .fa-xmark::before{content:"\f00d"!important;}
body.chat-screen .fa-user-gear::before{content:"\f4fe"!important;}
body.chat-screen .fa-right-from-bracket::before{content:"\f2f5"!important;}
body.chat-screen .fa-plus::before{content:"+"!important;}
body.chat-screen .fa-magnifying-glass::before{content:"\f002"!important;}
body.chat-screen .fa-gear::before,
body.chat-screen .fa-sliders::before{content:"\f013"!important;}
body.chat-screen .fa-paper-plane::before{content:"\f1d8"!important;}
body.chat-screen .fa-lock::before{content:"\f023"!important;}
body.chat-screen .fa-phone-slash::before{content:"\f3dd"!important;}
body.chat-screen .fa-microphone::before{content:"\f130"!important;}
body.chat-screen .fa-microphone-lines::before{content:"\f3c9"!important;}
body.chat-screen .fa-display::before{content:"\e163"!important;}
body.chat-screen .fa-camera::before{content:"\f030"!important;}
body.chat-screen .fa-camera-rotate::before{content:"\e0d8"!important;}
body.chat-screen .fa-face-smile::before{content:"\f118"!important;}
body.chat-screen .fa-image::before{content:"\f03e"!important;}
body.chat-screen .fa-film::before{content:"\f008"!important;}
body.chat-screen .fa-file-lines::before{content:"\f15c"!important;}
body.chat-screen .fa-paperclip::before{content:"\f0c6"!important;}
body.chat-screen .fa-location-dot::before{content:"\f3c5"!important;}
body.chat-screen .fa-star::before{content:"\f005"!important;}
body.chat-screen .fa-square-poll-vertical::before{content:"\f681"!important;}
body.chat-screen .fa-calendar-check::before{content:"\f274"!important;}
body.chat-screen .fa-bullhorn::before{content:"\f0a1"!important;}
body.chat-screen .fa-list-check::before{content:"\f0ae"!important;}
body.chat-screen .fa-headset::before{content:"\f590"!important;}
body.chat-screen .fa-wand-magic-sparkles::before{content:"\e2ca"!important;}
body.chat-screen .fa-check::before{content:"\f00c"!important;}
body.chat-screen .fa-palette::before{content:"\f53f"!important;}
body.chat-screen .fa-volume-high::before{content:"\f028"!important;}
body.chat-screen .fa-link::before{content:"\f0c1"!important;}
body.chat-screen .fa-music::before{content:"\f001"!important;}
body.chat-screen .fa-copy::before{content:"\f0c5"!important;}
body.chat-screen .fa-floppy-disk::before{content:"\f0c7"!important;}
body.chat-screen .fa-pen-to-square::before{content:"\f044"!important;}
body.chat-screen .fa-reply::before{content:"\f3e5"!important;}
body.chat-screen .fa-share::before{content:"\f064"!important;}
body.chat-screen .fa-thumbtack::before{content:"\f08d"!important;}
body.chat-screen .fa-trash-can::before{content:"\f2ed"!important;}
body.chat-screen .fa-circle-info::before{content:"\f05a"!important;}
body.chat-screen .fa-user::before{content:"\f007"!important;}
body.chat-screen .fa-clock::before{content:"\f017"!important;}
body.chat-screen .fa-layer-group::before{content:"\f5fd"!important;}
body.chat-screen .fa-triangle-exclamation::before{content:"\f071"!important;}
body.chat-screen .fa-download::before{content:"\f019"!important;}
body.chat-screen .fa-circle-exclamation::before{content:"\f06a"!important;}

@media (min-width:761px){
    body.chat-screen .chat-layout{
        width:min(1500px,calc(100vw - 28px))!important;
        height:min(920px,calc(100dvh - 28px))!important;
        min-height:620px!important;
        margin:14px auto!important;
        display:grid!important;
        grid-template-columns:88px minmax(0,1fr) minmax(330px,370px)!important;
        grid-template-rows:1fr!important;
        gap:0!important;
        overflow:hidden!important;
        border:1px solid rgba(8,122,70,.12)!important;
        border-radius:var(--bchat-radius-lg)!important;
        background:var(--bchat-panel)!important;
        box-shadow:var(--bchat-shadow)!important;
        direction:ltr!important;
    }
    body.chat-screen .app-nav{
        grid-column:1!important;
        grid-row:1!important;
        width:88px!important;
        min-width:88px!important;
        height:100%!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        gap:12px!important;
        padding:16px 10px!important;
        background:linear-gradient(180deg,var(--bchat-primary-deep),var(--bchat-primary-dark))!important;
        border:0!important;
        border-radius:0!important;
        overflow:hidden!important;
        pointer-events:auto!important;
    }
    body.chat-screen .app-brand{
        width:52px!important;
        height:52px!important;
        min-height:52px!important;
        display:grid!important;
        place-items:center!important;
        margin:0 0 10px!important;
        border-radius:16px!important;
        background:#dff8e9!important;
        color:var(--bchat-primary-dark)!important;
    }
    body.chat-screen .app-brand img{
        width:28px!important;
        height:28px!important;
    }
    body.chat-screen .app-brand strong{
        display:none!important;
    }
    body.chat-screen .primary-nav{
        width:100%!important;
        display:grid!important;
        gap:10px!important;
        padding:0!important;
        margin:0!important;
    }
    body.chat-screen .primary-nav button,
    body.chat-screen .primary-nav a,
    body.chat-screen .nav-more-btn{
        width:52px!important;
        height:52px!important;
        min-height:52px!important;
        display:grid!important;
        place-items:center!important;
        padding:0!important;
        margin:0 auto!important;
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:16px!important;
        background:rgba(255,255,255,.08)!important;
        color:#dff8e9!important;
        text-decoration:none!important;
        box-shadow:none!important;
    }
    body.chat-screen .primary-nav button.active,
    body.chat-screen .primary-nav a.active{
        background:#10b981!important;
        color:#ffffff!important;
        border-color:rgba(255,255,255,.28)!important;
        box-shadow:0 16px 32px rgba(16,185,129,.24)!important;
    }
    body.chat-screen .primary-nav .nav-icon{
        width:auto!important;
        height:auto!important;
        margin:0!important;
        font-size:19px!important;
        display:inline-flex!important;
    }
    body.chat-screen .primary-nav button > span:not(.nav-icon),
    body.chat-screen .primary-nav a > span:not(.nav-icon),
    body.chat-screen .premium-card,
    body.chat-screen .storage-card{
        display:none!important;
    }
    body.chat-screen .app-user{
        margin-top:auto!important;
        width:60px!important;
        min-height:64px!important;
        padding:6px!important;
        display:grid!important;
        place-items:center!important;
        gap:4px!important;
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.08)!important;
        color:#ffffff!important;
    }
    body.chat-screen .app-user .avatar-dot{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        margin:0!important;
        background:#dff8e9!important;
        color:var(--bchat-primary)!important;
    }
    body.chat-screen .app-user .account-copy,
    body.chat-screen .app-user .account-trigger{
        display:none!important;
    }
    body.chat-screen .account-card-actions{
        position:absolute!important;
        top:12px!important;
        inset-inline-end:9px!important;
    }
    body.chat-screen .account-bell{
        width:26px!important;
        height:26px!important;
        border-radius:9px!important;
    }
    body.chat-screen .conversation-pane{
        grid-column:2!important;
        grid-row:1!important;
        min-width:0!important;
        height:100%!important;
        min-height:0!important;
        display:flex!important;
        flex-direction:column!important;
        position:relative!important;
        overflow:hidden!important;
        background:
            radial-gradient(circle at 20px 20px,rgba(8,122,70,.055) 2px,transparent 2.5px) 0 0 / 34px 34px,
            linear-gradient(180deg,#fbfffd,#f4fbf7)!important;
        direction:rtl!important;
    }
    body.chat-screen .sidebar{
        grid-column:3!important;
        grid-row:1!important;
        width:auto!important;
        min-width:0!important;
        height:100%!important;
        min-height:0!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
        pointer-events:auto!important;
        border-inline-start:1px solid var(--bchat-border)!important;
        background:#f7fbf8!important;
        direction:rtl!important;
    }
    body.chat-screen .details-pane{
        display:none!important;
    }
    body.chat-screen.details-open .details-pane{
        display:block!important;
        position:fixed!important;
        top:104px!important;
        bottom:34px!important;
        inset-inline-end:400px!important;
        width:320px!important;
        max-width:calc(100vw - 48px)!important;
        z-index:60!important;
        overflow:auto!important;
        border:1px solid rgba(8,122,70,.16)!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.98)!important;
        box-shadow:0 28px 80px rgba(2,6,23,.18)!important;
    }
    body.chat-screen .mobile-view-tabs{
        display:none!important;
    }
}

/* Bchat v69: replace conversation status dots with numeric unread badges */
body.chat-screen .conversation-item.online .conversation-thumb::after{
    content:none!important;
    display:none!important;
}
body.chat-screen .conversation-item[data-unread]:not([data-unread="0"]) .conversation-thumb::after{
    content:attr(data-unread)!important;
    position:absolute!important;
    inset-inline-start:-6px!important;
    inset-block-end:-5px!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 6px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#0bb86d!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    box-shadow:0 8px 18px rgba(11,184,109,.28)!important;
    z-index:3!important;
}
body.chat-screen .conversation-bottom .badge{
    display:none!important;
}
body.chat-screen .account-bell.has-unread::after,
body.chat-screen .account-notification-card.is-unread::after{
    display:none!important;
    content:none!important;
}

body.chat-screen .sidebar-header{
    flex:0 0 auto!important;
    min-height:78px!important;
    padding:16px 18px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:0!important;
    border-radius:0!important;
    background:var(--bchat-primary-dark)!important;
    color:#ffffff!important;
    box-shadow:none!important;
}
body.chat-screen .sidebar-header span{
    color:#9fe7c5!important;
    font-size:11px!important;
    font-weight:800!important;
}
body.chat-screen .sidebar-header strong{
    color:#ffffff!important;
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:900!important;
}
body.chat-screen #quick-new-btn{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.10)!important;
    color:#dff8e9!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}
body.chat-screen .sidebar .view-panel{
    min-height:0!important;
}
body.chat-screen .sidebar .view-panel.active{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
}
body.chat-screen .sidebar .view-panel:not(.active){
    display:none!important;
}
body.chat-screen .search-box{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 16px 12px!important;
    margin:0!important;
    background:var(--bchat-primary-dark)!important;
    border:0!important;
}
body.chat-screen .search-box input{
    order:2!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 14px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.12)!important;
    color:#ffffff!important;
    font-size:14px!important;
    font-weight:700!important;
    outline:none!important;
}
body.chat-screen .search-box input::placeholder{
    color:rgba(255,255,255,.72)!important;
}
body.chat-screen .search-box button{
    order:1!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.10)!important;
    color:#dff8e9!important;
    box-shadow:none!important;
}
body.chat-screen .mini-result{
    margin:0 16px!important;
}
body.chat-screen .toolbar{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0 16px 18px!important;
    margin:0!important;
    border:0!important;
    background:var(--bchat-primary-dark)!important;
}
body.chat-screen .toolbar .tool-btn{
    height:38px!important;
    min-height:38px!important;
    padding:0 8px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.10)!important;
    color:#dff8e9!important;
    font-size:12.5px!important;
    font-weight:900!important;
    box-shadow:none!important;
}
body.chat-screen .toolbar .tool-btn.active{
    background:#ffffff!important;
    color:var(--bchat-primary)!important;
    border-color:#ffffff!important;
    box-shadow:none!important;
}
body.chat-screen .conversation-list{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:14px 14px 18px!important;
    overflow:auto!important;
    background:#f7fbf8!important;
}
body.chat-screen .conversation-item{
    width:100%!important;
    min-height:76px!important;
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:12px!important;
    border:1px solid rgba(8,122,70,.10)!important;
    border-radius:16px!important;
    background:#ffffff!important;
    color:var(--bchat-text)!important;
    box-shadow:0 10px 26px rgba(4,43,29,.045)!important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
    cursor:pointer!important;
    text-align:inherit!important;
}
body.chat-screen .conversation-item:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(8,122,70,.20)!important;
    box-shadow:0 14px 32px rgba(4,43,29,.07)!important;
}
body.chat-screen .conversation-item.active{
    background:linear-gradient(135deg,#ecfff4,#ffffff)!important;
    border-color:rgba(16,185,129,.38)!important;
    box-shadow:0 14px 36px rgba(16,185,129,.12)!important;
}
body.chat-screen .conversation-item.unread{
    border-color:rgba(16,185,129,.28)!important;
}
body.chat-screen .conversation-thumb{
    position:relative!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
    background:#dff8e9!important;
    color:var(--bchat-primary)!important;
    font-size:15px!important;
    font-weight:900!important;
    box-shadow:none!important;
}
body.chat-screen .conversation-thumb img{
    width:100%!important;
    height:100%!important;
    border-radius:50%!important;
    object-fit:cover!important;
}
body.chat-screen .conversation-item.online .conversation-thumb::after{
    content:""!important;
    position:absolute!important;
    inset-inline-end:2px!important;
    bottom:3px!important;
    width:10px!important;
    height:10px!important;
    border-radius:50%!important;
    background:#10b981!important;
    border:2px solid #ffffff!important;
}
body.chat-screen .conversation-copy{
    min-width:0!important;
    display:grid!important;
    gap:5px!important;
}
body.chat-screen .conversation-top,
body.chat-screen .conversation-bottom{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}
body.chat-screen .conversation-top{
    justify-content:space-between!important;
}
body.chat-screen .conversation-item strong{
    min-width:0!important;
    display:block!important;
    color:var(--bchat-text)!important;
    font-size:14.5px!important;
    line-height:1.3!important;
    font-weight:900!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .conversation-top time{
    flex:0 0 auto!important;
    color:#789187!important;
    font-size:11px!important;
    font-weight:800!important;
}
body.chat-screen .conversation-bottom p{
    min-width:0!important;
    flex:1 1 auto!important;
    margin:0!important;
    color:var(--bchat-muted)!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.chat-screen .conversation-kind{
    display:none!important;
}
body.chat-screen .conversation-item .badge{
    flex:0 0 auto!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 7px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:#10b981!important;
    color:#ffffff!important;
    font-size:11px!important;
    font-weight:900!important;
}

body.chat-screen .conversation-header{
    flex:0 0 auto!important;
    position:relative!important;
    width:auto!important;
    min-height:76px!important;
    margin:0!important;
    padding:12px 18px 12px 180px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    border:0!important;
    border-bottom:1px solid rgba(8,122,70,.12)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 10px 30px rgba(4,43,29,.055)!important;
    overflow:visible!important;
    direction:rtl!important;
}
body.chat-screen .conversation-header .mobile-only{
    display:none!important;
}
body.chat-screen .conversation-header .conversation-avatar{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    margin:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    background:#dff8e9!important;
    color:var(--bchat-primary)!important;
    box-shadow:none!important;
    font-size:16px!important;
    font-weight:900!important;
}
body.chat-screen .conversation-header .conversation-avatar img{
    width:100%!important;
    height:100%!important;
    border-radius:50%!important;
    object-fit:cover!important;
}
body.chat-screen .conversation-heading{
    min-width:0!important;
    display:grid!important;
    gap:4px!important;
    text-align:right!important;
    padding:0!important;
    align-self:center!important;
}
body.chat-screen .conversation-heading h1{
    margin:0!important;
    color:#0b241c!important;
    font-size:20px!important;
    font-weight:900!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
body.chat-screen .conversation-heading span{
    color:#158456!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:800!important;
}
body.chat-screen .conversation-tools-modern{
    position:absolute!important;
    inset-block-start:18px!important;
    inset-inline-start:18px!important;
    inset-inline-end:auto!important;
    top:18px!important;
    right:auto!important;
    left:18px!important;
    width:auto!important;
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:8!important;
}
body.chat-screen.no-conversation .conversation-tools-modern{
    display:none!important;
}
body.chat-screen .conversation-tools-modern .icon-btn{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(8,122,70,.12)!important;
    border-radius:14px!important;
    background:#f3fbf7!important;
    color:var(--bchat-primary)!important;
    box-shadow:none!important;
}
body.chat-screen .conversation-tools-modern .icon-btn:hover,
body.chat-screen .conversation-tools-modern .icon-btn.active{
    background:var(--bchat-primary)!important;
    color:#ffffff!important;
    border-color:var(--bchat-primary)!important;
}

body.chat-screen .message-list{
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:22px 34px 18px!important;
    scroll-behavior:smooth!important;
    background:
        radial-gradient(circle at 14px 16px,rgba(8,122,70,.055) 1.6px,transparent 2px) 0 0 / 34px 34px,
        linear-gradient(180deg,rgba(251,255,253,.92),rgba(243,251,247,.92))!important;
}
body.chat-screen:not(.no-conversation) .message-list{
    display:block!important;
}
body.chat-screen.no-conversation .message-list{
    display:grid!important;
    place-items:center!important;
    padding:32px!important;
}
body.chat-screen .chat-home-state{
    max-width:520px!important;
    width:min(520px,100%)!important;
    padding:34px!important;
    display:grid!important;
    justify-items:center!important;
    gap:14px!important;
    border:1px solid rgba(8,122,70,.14)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.82)!important;
    box-shadow:0 18px 55px rgba(4,43,29,.08)!important;
    text-align:center!important;
}
body.chat-screen .chat-home-state > span{
    width:54px!important;
    height:54px!important;
    border-radius:18px!important;
    display:grid!important;
    place-items:center!important;
    background:#dff8e9!important;
    color:var(--bchat-primary)!important;
    font-size:22px!important;
}
body.chat-screen .chat-home-state strong{
    color:#0b241c!important;
    font-size:24px!important;
    font-weight:900!important;
}
body.chat-screen .chat-home-state p{
    max-width:390px!important;
    margin:0!important;
    color:var(--bchat-muted)!important;
    font-size:14px!important;
    line-height:1.8!important;
    font-weight:700!important;
}
body.chat-screen .chat-home-state div{
    display:flex!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
}
body.chat-screen .chat-home-state button{
    min-height:40px!important;
    padding:0 14px!important;
    border:1px solid rgba(8,122,70,.16)!important;
    border-radius:12px!important;
    background:#ffffff!important;
    color:var(--bchat-primary)!important;
    font-size:13px!important;
    font-weight:900!important;
}
body.chat-screen .message{
    width:fit-content!important;
    min-width:0!important;
    max-width:min(650px,64%)!important;
    display:grid!important;
    gap:5px!important;
    margin:8px auto 8px 18px!important;
    overflow:visible!important;
}
body.chat-screen .message.mine{
    margin-left:18px!important;
    margin-right:auto!important;
}
body.chat-screen .message-body{
    min-width:0!important;
    width:100%!important;
    padding:11px 14px 23px!important;
    border:1px solid rgba(8,122,70,.10)!important;
    border-radius:18px 18px 18px 6px!important;
    background:#ffffff!important;
    color:var(--bchat-text)!important;
    box-shadow:0 8px 24px rgba(4,43,29,.06)!important;
    cursor:pointer!important;
    white-space:pre-wrap!important;
}
body.chat-screen .message.mine .message-body{
    border-color:rgba(16,185,129,.18)!important;
    border-radius:18px 18px 6px 18px!important;
    background:#cdf7de!important;
}
body.chat-screen .message-text{
    color:var(--bchat-text)!important;
    font-size:14.5px!important;
    line-height:1.65!important;
    font-weight:650!important;
    word-break:break-word!important;
}
body.chat-screen .message .meta{
    display:none!important;
}
body.chat-screen .message-quick-status{
    position:absolute!important;
    inset-inline-start:10px!important;
    bottom:7px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:3px!important;
}
body.chat-screen .message-receipt{
    color:#0ea5e9!important;
    font-size:12px!important;
}
body.chat-screen .message-menu-btn{
    position:absolute!important;
    top:8px!important;
    inset-inline-end:calc(100% + 7px)!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.96)!important;
    color:#6f7f77!important;
    box-shadow:0 8px 20px rgba(4,43,29,.08)!important;
    opacity:.78!important;
}
body.chat-screen .message.mine .message-menu-btn{
    inset-inline-end:auto!important;
    inset-inline-start:calc(100% + 7px)!important;
}
body.chat-screen .message-menu{
    border-radius:14px!important;
    border:1px solid rgba(8,122,70,.12)!important;
}
body.chat-screen .voice-message{
    min-width:min(280px,62vw)!important;
    display:grid!important;
    grid-template-columns:38px minmax(150px,1fr) 32px!important;
    gap:9px!important;
    align-items:center!important;
    padding:8px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.54)!important;
}
body.chat-screen .voice-message > i{
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:var(--bchat-primary)!important;
    color:#ffffff!important;
}
body.chat-screen .voice-message audio{
    width:100%!important;
    min-width:0!important;
}

body.chat-screen .composer{
    flex:0 0 auto!important;
    position:relative!important;
    width:auto!important;
    margin:0 18px 16px!important;
    padding:9px!important;
    display:grid!important;
    grid-template-columns:44px 44px 44px minmax(0,1fr) 50px!important;
    align-items:end!important;
    gap:8px!important;
    border:1px solid rgba(8,122,70,.12)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 12px 40px rgba(4,43,29,.08)!important;
    overflow:visible!important;
}
body.chat-screen.no-conversation .composer{
    display:none!important;
}
body.chat-screen .composer textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:44px!important;
    max-height:130px!important;
    padding:11px 14px!important;
    border:1px solid rgba(8,122,70,.10)!important;
    border-radius:15px!important;
    background:#f7fbf8!important;
    color:var(--bchat-text)!important;
    font-size:15px!important;
    line-height:1.55!important;
    font-weight:650!important;
    resize:none!important;
    outline:none!important;
}
body.chat-screen .composer textarea::placeholder{
    color:#899b92!important;
}
body.chat-screen .composer .attach-btn,
body.chat-screen .composer .composer-icon,
body.chat-screen .composer .send-btn{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex:0 0 44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(8,122,70,.12)!important;
    border-radius:15px!important;
    background:#f0faf5!important;
    color:var(--bchat-primary)!important;
    font-size:0!important;
    line-height:1!important;
    box-shadow:none!important;
}
body.chat-screen .composer .send-btn{
    width:50px!important;
    min-width:50px!important;
    flex-basis:50px!important;
    border-color:var(--bchat-primary)!important;
    background:var(--bchat-primary)!important;
    color:#ffffff!important;
}
body.chat-screen .composer .attach-btn i,
body.chat-screen .composer .composer-icon i,
body.chat-screen .composer .send-btn i,
body.chat-screen .conversation-tools-modern .icon-btn i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    color:currentColor!important;
    font-size:17px!important;
    line-height:1!important;
    visibility:visible!important;
    opacity:1!important;
}
body.chat-screen .composer-tools-panel{
    position:absolute!important;
    inset-inline-start:0!important;
    inset-inline-end:auto!important;
    bottom:calc(100% + 12px)!important;
    width:min(520px,calc(100vw - 48px))!important;
    max-height:min(560px,70vh)!important;
    overflow:auto!important;
    padding:14px!important;
    border:1px solid rgba(8,122,70,.16)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 28px 75px rgba(2,6,23,.18)!important;
    z-index:80!important;
}
body.chat-screen .composer-tools-panel[hidden]{
    display:none!important;
}
body.chat-screen .composer-tools-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:10px!important;
}
body.chat-screen .composer-tools-grid button{
    height:78px!important;
    min-width:0!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:7px!important;
    border:1px solid rgba(8,122,70,.12)!important;
    border-radius:16px!important;
    background:#f7fbf8!important;
    color:var(--bchat-primary-dark)!important;
    box-shadow:none!important;
}
body.chat-screen .composer-tools-grid i{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:13px!important;
    background:#dff8e9!important;
    color:var(--bchat-primary)!important;
}
body.chat-screen .composer-tools-grid span,
body.chat-screen .composer-tools-panel footer span{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    font-weight:800!important;
}

@media (max-width:760px){
    html,
    body.chat-screen{
        width:100%!important;
        max-width:100%!important;
        height:100%!important;
        min-height:100dvh!important;
        overflow:hidden!important;
        background:#f4f7f5!important;
    }
    body.chat-screen .chat-layout{
        position:fixed!important;
        inset:0!important;
        width:100vw!important;
        height:100dvh!important;
        min-height:100dvh!important;
        max-height:100dvh!important;
        display:block!important;
        overflow:hidden!important;
        margin:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        background:#f4f7f5!important;
    }
    body.chat-screen .app-nav,
    body.chat-screen .details-pane{
        display:none!important;
        width:0!important;
        min-width:0!important;
        height:0!important;
        pointer-events:none!important;
    }
    body.chat-screen .sidebar{
        position:fixed!important;
        inset:0!important;
        width:100vw!important;
        max-width:none!important;
        height:100dvh!important;
        min-height:100dvh!important;
        max-height:100dvh!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
        pointer-events:auto!important;
        transform:translateX(0)!important;
        transition:transform .2s ease,visibility .2s ease!important;
        visibility:visible!important;
        z-index:30!important;
        background:#f7fbf8!important;
        border:0!important;
        direction:rtl!important;
    }
    body.chat-screen.conversation-open .sidebar{
        transform:translateX(105%)!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }
    body.chat-screen .conversation-pane{
        position:fixed!important;
        inset:0!important;
        width:100vw!important;
        height:100dvh!important;
        min-height:100dvh!important;
        max-height:100dvh!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
        background:
            radial-gradient(circle at 12px 16px,rgba(8,122,70,.055) 1.4px,transparent 2px) 0 0 / 30px 30px,
            #f6fbf8!important;
        transform:translateX(-105%)!important;
        transition:transform .2s ease,visibility .2s ease!important;
        visibility:hidden!important;
        z-index:20!important;
        direction:rtl!important;
    }
    body.chat-screen.conversation-open .conversation-pane{
        transform:translateX(0)!important;
        visibility:visible!important;
        z-index:40!important;
    }
    body.chat-screen:not(.conversation-open) .composer,
    body.chat-screen:not(.conversation-open) .conversation-tools-modern{
        display:none!important;
    }
    body.chat-screen .sidebar-header{
        min-height:88px!important;
        padding:18px 18px 12px!important;
        border-radius:0 0 22px 22px!important;
        box-shadow:0 14px 36px rgba(4,43,29,.18)!important;
    }
    body.chat-screen .sidebar-header strong{
        font-size:25px!important;
    }
    body.chat-screen .search-box{
        padding:12px 14px 10px!important;
        background:#f7fbf8!important;
        grid-template-columns:44px minmax(0,1fr)!important;
    }
    body.chat-screen .search-box input{
        background:#ffffff!important;
        color:var(--bchat-text)!important;
        border-color:rgba(8,122,70,.14)!important;
        box-shadow:0 8px 20px rgba(4,43,29,.04)!important;
    }
    body.chat-screen .search-box input::placeholder{
        color:#8b9b94!important;
    }
    body.chat-screen .search-box button{
        background:#ffffff!important;
        color:var(--bchat-primary)!important;
        border-color:rgba(8,122,70,.14)!important;
    }
    body.chat-screen .toolbar{
        padding:0 14px 10px!important;
        background:#f7fbf8!important;
        overflow-x:auto!important;
    }
    body.chat-screen .toolbar .tool-btn{
        background:#eef8f2!important;
        color:var(--bchat-primary)!important;
        border-color:rgba(8,122,70,.10)!important;
    }
    body.chat-screen .toolbar .tool-btn.active{
        background:#ffffff!important;
        color:var(--bchat-primary)!important;
        border-color:rgba(8,122,70,.24)!important;
    }
    body.chat-screen .conversation-list{
        padding:12px 12px calc(80px + var(--safe-bottom))!important;
        gap:9px!important;
    }
    body.chat-screen .conversation-item{
        min-height:74px!important;
        padding:11px!important;
        border-radius:17px!important;
    }
    body.chat-screen .mobile-view-tabs{
        flex:0 0 auto!important;
        order:4!important;
        width:calc(100vw - 24px)!important;
        margin:0 12px max(10px,var(--safe-bottom))!important;
        padding:6px!important;
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:5px!important;
        border:1px solid rgba(8,122,70,.12)!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:0 14px 36px rgba(4,43,29,.10)!important;
    }
    body.chat-screen .mobile-view-tabs button{
        min-width:0!important;
        min-height:46px!important;
        display:grid!important;
        justify-items:center!important;
        align-content:center!important;
        gap:3px!important;
        border:0!important;
        border-radius:14px!important;
        background:transparent!important;
        color:#6f7f77!important;
        font-size:11px!important;
        font-weight:800!important;
    }
    body.chat-screen .mobile-view-tabs button.active{
        background:#dff8e9!important;
        color:var(--bchat-primary)!important;
    }
    body.chat-screen .conversation-header{
        flex:0 0 auto!important;
        width:100vw!important;
        min-height:78px!important;
        margin:0!important;
        padding:10px 58px 10px 132px!important;
        display:flex!important;
        align-items:center!important;
        gap:9px!important;
        border:0!important;
        border-radius:0 0 18px 18px!important;
        background:var(--bchat-primary-dark)!important;
        color:#ffffff!important;
        box-shadow:0 12px 32px rgba(4,43,29,.18)!important;
        overflow:visible!important;
        z-index:5!important;
    }
    body.chat-screen .conversation-header .mobile-only{
        position:absolute!important;
        inset-inline-end:10px!important;
        top:18px!important;
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        border:1px solid rgba(255,255,255,.14)!important;
        border-radius:13px!important;
        background:rgba(255,255,255,.10)!important;
        color:#dff8e9!important;
        font-size:24px!important;
        line-height:1!important;
    }
    body.chat-screen .conversation-header .conversation-avatar{
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        background:#dff8e9!important;
        color:var(--bchat-primary)!important;
    }
    body.chat-screen .conversation-heading h1{
        color:#ffffff!important;
        font-size:17px!important;
    }
    body.chat-screen .conversation-heading span{
        color:#b9f4d1!important;
        font-size:11.5px!important;
    }
    body.chat-screen .conversation-tools-modern{
        position:absolute!important;
        inset-block-start:19px!important;
        inset-inline-start:10px!important;
        left:10px!important;
        right:auto!important;
        top:19px!important;
        max-width:118px!important;
        display:inline-flex!important;
        gap:5px!important;
        z-index:8!important;
    }
    body.chat-screen .conversation-tools-modern .icon-btn{
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
        min-height:36px!important;
        border-radius:12px!important;
        border-color:rgba(255,255,255,.13)!important;
        background:rgba(255,255,255,.10)!important;
        color:#dff8e9!important;
    }
    body.chat-screen .conversation-tools-modern .icon-btn:hover,
    body.chat-screen .conversation-tools-modern .icon-btn.active{
        background:#10b981!important;
        color:#ffffff!important;
        border-color:#10b981!important;
    }
    body.chat-screen .message-list{
        flex:1 1 auto!important;
        min-height:0!important;
        padding:16px 12px 14px!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
    }
    body.chat-screen .message{
        max-width:84%!important;
        margin:7px auto 7px 42px!important;
    }
    body.chat-screen .message.mine{
        margin-left:42px!important;
        margin-right:auto!important;
    }
    body.chat-screen .message-body{
        padding:10px 12px 23px!important;
        border-radius:17px 17px 17px 6px!important;
    }
    body.chat-screen .message.mine .message-body{
        border-radius:17px 17px 6px 17px!important;
    }
    body.chat-screen .message-text{
        font-size:14.5px!important;
        line-height:1.65!important;
    }
    body.chat-screen .message-menu-btn{
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        min-height:30px!important;
    }
    body.chat-screen .composer{
        flex:0 0 auto!important;
        width:calc(100vw - 16px)!important;
        max-width:calc(100vw - 16px)!important;
        margin:0 8px max(8px,var(--safe-bottom))!important;
        padding:7px!important;
        display:grid!important;
        grid-template-columns:39px 39px 39px minmax(0,1fr) 44px!important;
        gap:5px!important;
        border-radius:18px!important;
        z-index:7!important;
    }
    body.chat-screen .composer textarea{
        min-width:0!important;
        width:100%!important;
        min-height:42px!important;
        max-height:108px!important;
        padding:10px 12px!important;
        font-size:15px!important;
    }
    body.chat-screen .composer .attach-btn,
    body.chat-screen .composer .composer-icon,
    body.chat-screen .composer .send-btn{
        width:39px!important;
        height:39px!important;
        min-width:39px!important;
        min-height:39px!important;
        flex-basis:39px!important;
        border-radius:13px!important;
    }
    body.chat-screen .composer .send-btn{
        width:44px!important;
        min-width:44px!important;
        flex-basis:44px!important;
    }
    body.chat-screen .composer-tools-panel{
        position:fixed!important;
        inset-inline:10px!important;
        inset-block-end:calc(66px + var(--safe-bottom))!important;
        bottom:calc(66px + var(--safe-bottom))!important;
        width:auto!important;
        max-width:none!important;
        max-height:min(68dvh,520px)!important;
        padding:14px!important;
        border-radius:24px 24px 18px 18px!important;
        z-index:120!important;
    }
    body.chat-screen .composer-tools-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:9px!important;
    }
    body.chat-screen .composer-tools-grid button{
        height:72px!important;
        border-radius:17px!important;
    }
    body.chat-screen .composer-tools-panel footer{
        grid-template-columns:1fr!important;
    }
    body.chat-screen .composer-file-preview,
    body.chat-screen .composer-emoji-panel{
        position:fixed!important;
        inset-inline:10px!important;
        bottom:calc(66px + var(--safe-bottom))!important;
        width:auto!important;
        max-width:none!important;
        z-index:121!important;
    }
    body.chat-screen .call-overlay{
        z-index:200!important;
    }
    body.chat-screen.conversation-open .bchat-sound-dock{
        inset:auto 10px calc(78px + var(--safe-bottom)) auto!important;
        transform:scale(.92)!important;
        transform-origin:bottom right!important;
        z-index:90!important;
    }
}

@media (max-width:420px){
    body.chat-screen .conversation-header{
        padding-left:118px!important;
    }
    body.chat-screen .conversation-tools-modern{
        max-width:108px!important;
        gap:4px!important;
    }
    body.chat-screen .conversation-tools-modern .icon-btn{
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
    }
    body.chat-screen .composer{
        grid-template-columns:38px 38px 38px minmax(0,1fr) 42px!important;
    }
    body.chat-screen .composer .attach-btn,
    body.chat-screen .composer .composer-icon,
    body.chat-screen .composer .send-btn{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        min-height:38px!important;
    }
    body.chat-screen .composer .send-btn{
        width:42px!important;
        min-width:42px!important;
    }
}

/* Bchat v70: final unread count wins over all older status dot rules */
body.chat-screen .conversation-item .conversation-thumb::after,
body.chat-screen .conversation-item.online .conversation-thumb::after{
    content:none!important;
    display:none!important;
}
body.chat-screen .conversation-item[data-unread]:not([data-unread="0"]) .conversation-thumb::after{
    content:attr(data-unread)!important;
    position:absolute!important;
    inset-inline-start:-7px!important;
    inset-block-end:-6px!important;
    min-width:23px!important;
    height:23px!important;
    padding:0 7px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid #fff!important;
    border-radius:999px!important;
    background:#ef4444!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    box-shadow:0 8px 18px rgba(239,68,68,.25)!important;
    z-index:5!important;
}

/* Bchat v68: desktop rebuild pass - keep mobile flow untouched */
@media (min-width:761px){
    body.chat-screen{
        background:
            radial-gradient(circle at 16% 8%,rgba(170,239,203,.32),transparent 28%),
            radial-gradient(circle at 86% 96%,rgba(178,234,204,.28),transparent 30%),
            #f4f7f5!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
    }
    body.chat-screen .chat-layout{
        width:min(1460px,calc(100vw - 44px))!important;
        height:min(840px,calc(100dvh - 44px))!important;
        min-height:650px!important;
        display:grid!important;
        grid-template-columns:88px minmax(620px,1fr) 370px!important;
        gap:0!important;
        border:1px solid rgba(8,122,70,.10)!important;
        border-radius:22px!important;
        background:#f8fcfa!important;
        box-shadow:0 28px 76px rgba(4,43,29,.16)!important;
        overflow:hidden!important;
    }
    body.chat-screen .app-nav{
        width:88px!important;
        min-width:88px!important;
        height:100%!important;
        padding:18px 12px!important;
        background:#063d31!important;
        border-radius:0!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        gap:18px!important;
        overflow:hidden!important;
        box-shadow:none!important;
    }
    body.chat-screen .app-brand{
        width:56px!important;
        height:56px!important;
        min-height:56px!important;
        padding:0!important;
        border-radius:16px!important;
        background:#dff8e9!important;
        display:grid!important;
        place-items:center!important;
    }
    body.chat-screen .app-brand img{
        width:30px!important;
        height:30px!important;
    }
    body.chat-screen .app-brand strong,
    body.chat-screen .primary-nav span:not(.nav-icon),
    body.chat-screen .premium-card,
    body.chat-screen .storage-card,
    body.chat-screen .account-copy,
    body.chat-screen .account-trigger{
        display:none!important;
    }
    body.chat-screen .primary-nav{
        width:100%!important;
        padding:0!important;
        gap:10px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
    }
    body.chat-screen .primary-nav button,
    body.chat-screen .primary-nav a,
    body.chat-screen .app-user{
        width:52px!important;
        height:52px!important;
        min-width:52px!important;
        min-height:52px!important;
        padding:0!important;
        border-radius:15px!important;
        display:grid!important;
        place-items:center!important;
        background:rgba(255,255,255,.08)!important;
        border:1px solid rgba(255,255,255,.10)!important;
        color:#dff8e9!important;
    }
    body.chat-screen .primary-nav button.active,
    body.chat-screen .primary-nav a.active{
        background:#0bb86d!important;
        color:#ffffff!important;
        box-shadow:0 12px 26px rgba(11,184,109,.24)!important;
    }
    body.chat-screen .nav-icon,
    body.chat-screen .primary-nav i{
        font-size:20px!important;
        line-height:1!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
    }
    body.chat-screen .app-user{
        margin-top:auto!important;
        position:relative!important;
    }
    body.chat-screen .app-user .avatar-dot{
        width:42px!important;
        height:42px!important;
        font-size:16px!important;
        background:#dff8e9!important;
        color:#063d31!important;
    }

    body.chat-screen .conversation-pane{
        height:100%!important;
        min-height:0!important;
        display:flex!important;
        flex-direction:column!important;
        background:#f8fcfa!important;
        border-inline-start:1px solid rgba(8,122,70,.08)!important;
        border-inline-end:1px solid rgba(8,122,70,.08)!important;
        overflow:hidden!important;
    }
    body.chat-screen .conversation-header{
        height:74px!important;
        min-height:74px!important;
        margin:0!important;
        padding:12px 20px!important;
        border:0!important;
        border-bottom:1px solid rgba(8,122,70,.10)!important;
        border-radius:0!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:none!important;
        display:flex!important;
        align-items:center!important;
        gap:12px!important;
    }
    body.chat-screen:not(.no-conversation) .conversation-header{
        min-height:74px!important;
        padding:12px 20px!important;
    }
    body.chat-screen .conversation-header .conversation-avatar{
        order:3!important;
        width:52px!important;
        height:52px!important;
        min-width:52px!important;
        border-radius:17px!important;
        background:#dff8e9!important;
        color:#087a46!important;
    }
    body.chat-screen .conversation-heading{
        order:2!important;
        flex:1 1 auto!important;
        min-width:0!important;
        text-align:right!important;
    }
    body.chat-screen .conversation-heading h1{
        margin:0!important;
        color:#12251e!important;
        font-size:22px!important;
        line-height:1.2!important;
        font-weight:900!important;
    }
    body.chat-screen .conversation-heading span{
        color:#087a46!important;
        font-size:12px!important;
        font-weight:800!important;
    }
    body.chat-screen .conversation-tools-modern{
        order:1!important;
        position:static!important;
        inset:auto!important;
        display:flex!important;
        align-items:center!important;
        gap:8px!important;
        max-width:none!important;
        margin-inline-start:auto!important;
    }
    body.chat-screen .conversation-tools-modern .icon-btn{
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        min-height:40px!important;
        border-radius:12px!important;
        background:#eef8f3!important;
        border:1px solid #d5eadf!important;
        color:#063d31!important;
        box-shadow:none!important;
    }
    body.chat-screen .conversation-tools-modern .icon-btn:hover,
    body.chat-screen .conversation-tools-modern .icon-btn.active{
        background:#0bb86d!important;
        border-color:#0bb86d!important;
        color:#fff!important;
    }

    body.chat-screen .message-list{
        flex:1 1 auto!important;
        min-height:0!important;
        padding:28px 66px 24px!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        background:
            radial-gradient(circle,rgba(8,122,70,.055) 1.2px,transparent 1.4px) 0 0/28px 28px,
            linear-gradient(180deg,#fbfffd,#f1fbf6)!important;
    }
    body.chat-screen .message{
        width:fit-content!important;
        min-width:0!important;
        max-width:min(430px,58%)!important;
        margin:9px auto 9px 0!important;
        position:relative!important;
    }
    body.chat-screen .message.mine{
        margin-left:auto!important;
        margin-right:0!important;
    }
    body.chat-screen .message-body{
        width:auto!important;
        min-width:120px!important;
        max-width:100%!important;
        padding:10px 14px 22px!important;
        border-radius:16px 16px 16px 5px!important;
        background:#ffffff!important;
        border:1px solid rgba(8,122,70,.10)!important;
        box-shadow:0 10px 24px rgba(4,43,29,.07)!important;
    }
    body.chat-screen .message.mine .message-body{
        background:#cff8df!important;
        border-color:rgba(16,185,129,.18)!important;
        border-radius:16px 16px 5px 16px!important;
    }
    body.chat-screen .message-text{
        font-size:14.5px!important;
        line-height:1.72!important;
        color:#17231d!important;
        white-space:pre-wrap!important;
        overflow-wrap:anywhere!important;
    }
    body.chat-screen .message-meta,
    body.chat-screen .message-time{
        font-size:10.5px!important;
        color:#667a70!important;
    }
    body.chat-screen .message-menu-btn{
        width:28px!important;
        height:28px!important;
        min-width:28px!important;
        min-height:28px!important;
        border-radius:50%!important;
        background:#fff!important;
        box-shadow:0 8px 18px rgba(4,43,29,.08)!important;
    }
    body.chat-screen .attachment-preview,
    body.chat-screen .attachment-preview video,
    body.chat-screen .attachment-preview img,
    body.chat-screen .message-body video,
    body.chat-screen .message-body img{
        max-width:300px!important;
        width:100%!important;
        border-radius:12px!important;
    }
    body.chat-screen .message:has(video),
    body.chat-screen .message:has(.voice-message),
    body.chat-screen .message:has(.attachment-preview){
        max-width:min(360px,52%)!important;
    }
    body.chat-screen .voice-message{
        min-width:240px!important;
        max-width:300px!important;
    }

    body.chat-screen .composer{
        flex:0 0 auto!important;
        width:auto!important;
        max-width:none!important;
        margin:0 20px 20px!important;
        padding:8px!important;
        display:grid!important;
        grid-template-columns:44px 44px 44px minmax(0,1fr) 52px!important;
        gap:8px!important;
        border:1px solid rgba(8,122,70,.10)!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:0 18px 38px rgba(4,43,29,.09)!important;
    }
    body.chat-screen .composer textarea{
        min-height:44px!important;
        max-height:120px!important;
        padding:10px 14px!important;
        border-radius:14px!important;
        background:#f7fbf8!important;
        border:1px solid #dce8e1!important;
        font-size:14.5px!important;
    }
    body.chat-screen .composer .attach-btn,
    body.chat-screen .composer .composer-icon,
    body.chat-screen .composer .send-btn{
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        flex-basis:44px!important;
        border-radius:14px!important;
    }
    body.chat-screen .composer .send-btn{
        width:52px!important;
        min-width:52px!important;
        flex-basis:52px!important;
        background:#0bb86d!important;
        color:#fff!important;
    }

    body.chat-screen .sidebar{
        height:100%!important;
        min-height:0!important;
        display:flex!important;
        flex-direction:column!important;
        background:#fbfdfc!important;
        border-radius:0!important;
        overflow:hidden!important;
    }
    body.chat-screen .sidebar-header{
        min-height:136px!important;
        padding:18px 16px 14px!important;
        background:#063d31!important;
        border-radius:0 0 20px 20px!important;
        display:grid!important;
        grid-template-columns:1fr 46px!important;
        gap:12px!important;
        align-items:start!important;
    }
    body.chat-screen .sidebar-header strong{
        font-size:25px!important;
        color:#fff!important;
    }
    body.chat-screen .sidebar-header span{
        color:#9fe7c5!important;
    }
    body.chat-screen .search-box{
        margin:14px 14px 10px!important;
        min-height:44px!important;
        border-radius:14px!important;
    }
    body.chat-screen .conversation-filter{
        margin:0 14px 10px!important;
        padding:6px!important;
        background:#eef8f3!important;
        border-radius:15px!important;
        gap:6px!important;
    }
    body.chat-screen .conversation-filter button{
        min-height:38px!important;
        border-radius:12px!important;
        font-size:12px!important;
    }
    body.chat-screen .conversation-list{
        padding:10px 14px 18px!important;
        gap:10px!important;
    }
    body.chat-screen .conversation-item{
        min-height:78px!important;
        padding:12px!important;
        border-radius:16px!important;
        background:#fff!important;
        border:1px solid rgba(8,122,70,.09)!important;
        box-shadow:0 10px 24px rgba(4,43,29,.055)!important;
    }
    body.chat-screen .conversation-item.active,
    body.chat-screen .conversation-item.unread{
        background:#effbf5!important;
        border-color:rgba(16,185,129,.35)!important;
    }
    body.chat-screen .conversation-name,
    body.chat-screen .conversation-top strong{
        font-size:14.5px!important;
        line-height:1.35!important;
    }
    body.chat-screen .conversation-preview,
    body.chat-screen .conversation-bottom{
        font-size:12px!important;
        color:#6f7f77!important;
    }
}

/* Bchat v71: desktop spacing and chrome polish - final desktop layer */
@media (min-width:761px){
    body.chat-screen .chat-layout{
        grid-template-columns:76px minmax(660px,1fr) 360px!important;
        width:min(1440px,calc(100vw - 52px))!important;
        height:min(820px,calc(100dvh - 52px))!important;
        border-radius:24px!important;
        background:#f7fbf8!important;
        box-shadow:0 30px 80px rgba(4,43,29,.14)!important;
    }

    body.chat-screen .app-nav{
        width:76px!important;
        min-width:76px!important;
        padding:14px 9px!important;
        gap:12px!important;
        background:linear-gradient(180deg,#073f33,#053528)!important;
        border-inline-end:1px solid rgba(255,255,255,.06)!important;
    }
    body.chat-screen .app-brand,
    body.chat-screen .primary-nav button,
    body.chat-screen .primary-nav a,
    body.chat-screen .app-user{
        width:48px!important;
        height:48px!important;
        min-width:48px!important;
        min-height:48px!important;
        border-radius:15px!important;
        background:rgba(255,255,255,.075)!important;
        border:1px solid rgba(255,255,255,.11)!important;
        box-shadow:none!important;
    }
    body.chat-screen .app-brand{
        background:#dff8e9!important;
        margin-bottom:2px!important;
    }
    body.chat-screen .primary-nav{
        gap:8px!important;
    }
    body.chat-screen .primary-nav button.active,
    body.chat-screen .primary-nav a.active{
        background:#12b76a!important;
        border-color:rgba(255,255,255,.18)!important;
        box-shadow:0 10px 24px rgba(18,183,106,.20)!important;
    }
    body.chat-screen .nav-icon,
    body.chat-screen .primary-nav i{
        font-size:18px!important;
    }
    body.chat-screen .app-user{
        background:rgba(223,248,233,.14)!important;
    }
    body.chat-screen .app-user .avatar-dot{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        font-size:14px!important;
        border:0!important;
    }
    body.chat-screen .account-card-actions{
        position:absolute!important;
        inset:-6px -6px auto auto!important;
        display:block!important;
        width:auto!important;
        height:auto!important;
    }
    body.chat-screen .account-bell{
        width:23px!important;
        height:23px!important;
        min-width:23px!important;
        min-height:23px!important;
        padding:0!important;
        border-radius:999px!important;
        background:#113f36!important;
        border:1px solid rgba(255,255,255,.18)!important;
        color:#dff8e9!important;
        box-shadow:0 8px 18px rgba(4,43,29,.20)!important;
    }
    body.chat-screen .account-bell i{
        font-size:11px!important;
    }
    body.chat-screen .account-bell.has-unread{
        background:#12b76a!important;
        color:#fff!important;
    }
    body.chat-screen .account-bell b{
        inset:-8px -7px auto auto!important;
        min-width:18px!important;
        height:18px!important;
        padding:0 5px!important;
        border:2px solid #073f33!important;
        border-radius:999px!important;
        background:#ef4444!important;
        color:#fff!important;
        font-size:10px!important;
        font-weight:900!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
    }

    body.chat-screen .sidebar{
        background:#f4faf7!important;
        border-inline-start:1px solid rgba(8,122,70,.08)!important;
    }
    body.chat-screen .sidebar-header{
        min-height:92px!important;
        height:92px!important;
        padding:18px 18px 14px!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 44px!important;
        align-items:center!important;
        gap:12px!important;
        border-radius:0 0 18px 18px!important;
        background:linear-gradient(135deg,#063d31,#06493a)!important;
        box-shadow:0 14px 30px rgba(4,43,29,.12)!important;
    }
    body.chat-screen .sidebar-header > div{
        display:grid!important;
        gap:3px!important;
    }
    body.chat-screen .sidebar-header span{
        font-size:10px!important;
        color:#a8efd0!important;
        letter-spacing:0!important;
    }
    body.chat-screen .sidebar-header strong{
        font-size:26px!important;
        line-height:1.05!important;
        color:#ffffff!important;
    }
    body.chat-screen .sidebar-header .icon-btn{
        width:44px!important;
        height:44px!important;
        border-radius:14px!important;
        background:rgba(255,255,255,.10)!important;
        border:1px solid rgba(255,255,255,.16)!important;
        color:#fff!important;
        box-shadow:none!important;
    }
    body.chat-screen .search-box{
        margin:10px 14px 8px!important;
        padding:7px!important;
        min-height:0!important;
        display:grid!important;
        grid-template-columns:42px minmax(0,1fr)!important;
        gap:8px!important;
        border:0!important;
        border-radius:16px!important;
        background:#073f33!important;
        box-shadow:none!important;
    }
    body.chat-screen .search-box input{
        height:42px!important;
        min-height:42px!important;
        padding:0 13px!important;
        border:1px solid rgba(255,255,255,.14)!important;
        border-radius:12px!important;
        background:rgba(255,255,255,.09)!important;
        color:#fff!important;
        font-size:13px!important;
        font-weight:800!important;
    }
    body.chat-screen .search-box input::placeholder{
        color:rgba(255,255,255,.68)!important;
    }
    body.chat-screen .search-box button{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        min-height:42px!important;
        border:1px solid rgba(255,255,255,.14)!important;
        border-radius:12px!important;
        background:rgba(255,255,255,.10)!important;
        color:#dff8e9!important;
    }
    body.chat-screen .conversation-filter{
        margin:0!important;
        padding:9px 14px 11px!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:7px!important;
        border:0!important;
        border-radius:0!important;
        background:#063d31!important;
        box-shadow:0 12px 24px rgba(4,43,29,.08)!important;
    }
    body.chat-screen .conversation-filter button{
        height:38px!important;
        min-height:38px!important;
        padding:0 8px!important;
        border-radius:13px!important;
        border:1px solid rgba(255,255,255,.12)!important;
        background:rgba(255,255,255,.08)!important;
        color:#dff8e9!important;
        font-size:12px!important;
        font-weight:900!important;
    }
    body.chat-screen .conversation-filter button.active{
        background:#ffffff!important;
        color:#087a46!important;
        border-color:#ffffff!important;
    }
    body.chat-screen .conversation-list{
        padding:12px 14px 16px!important;
        gap:10px!important;
        background:#f4faf7!important;
    }
    body.chat-screen .conversation-item{
        min-height:76px!important;
        padding:12px 13px!important;
        border-radius:17px!important;
        border:1px solid rgba(8,122,70,.10)!important;
        background:#ffffff!important;
        box-shadow:0 10px 24px rgba(4,43,29,.045)!important;
    }
    body.chat-screen .conversation-item:hover,
    body.chat-screen .conversation-item.active{
        transform:none!important;
        background:#effbf5!important;
        border-color:rgba(16,185,129,.32)!important;
        box-shadow:0 12px 28px rgba(16,185,129,.10)!important;
    }

    body.chat-screen .conversation-pane{
        border-inline-start:0!important;
        border-inline-end:1px solid rgba(8,122,70,.08)!important;
    }
    body.chat-screen .conversation-header{
        height:72px!important;
        min-height:72px!important;
        padding:12px 22px!important;
        background:#ffffff!important;
        border-bottom:1px solid rgba(8,122,70,.09)!important;
    }
    body.chat-screen .chat-home-state{
        max-width:520px!important;
        padding:28px 32px!important;
        border-radius:20px!important;
        background:rgba(255,255,255,.82)!important;
        border:1px solid rgba(8,122,70,.14)!important;
        box-shadow:0 18px 50px rgba(4,43,29,.08)!important;
    }

    body.chat-screen .bchat-sound-dock{
        inset:auto max(16px,calc((100vw - min(1440px,calc(100vw - 52px))) / 2 + 10px)) 18px auto!important;
        padding:6px!important;
        gap:5px!important;
        border-radius:16px!important;
        background:rgba(6,61,49,.88)!important;
        border:1px solid rgba(255,255,255,.12)!important;
        box-shadow:0 18px 44px rgba(4,43,29,.22)!important;
        backdrop-filter:blur(12px)!important;
    }
    body.chat-screen .bchat-sound-dock button{
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
        border-radius:11px!important;
        background:rgba(255,255,255,.08)!important;
        border:1px solid rgba(255,255,255,.08)!important;
        color:#dff8e9!important;
    }
    body.chat-screen .bchat-sound-dock button:hover{
        background:#12b76a!important;
        color:#ffffff!important;
    }
    body.chat-screen .bchat-sound-dock button::after{
        display:none!important;
        content:none!important;
    }
}

/* Bchat v72: final desktop visual cleanup */
@media (min-width:761px){
    body.chat-screen .chat-layout{
        grid-template-columns:72px minmax(680px,1fr) 358px!important;
        width:min(1438px,calc(100vw - 56px))!important;
        height:min(808px,calc(100dvh - 58px))!important;
        border-radius:24px!important;
    }

    body.chat-screen .app-nav{
        width:72px!important;
        min-width:72px!important;
        padding:14px 8px!important;
        gap:10px!important;
        align-items:center!important;
    }
    body.chat-screen .app-brand{
        order:1!important;
        width:48px!important;
        height:48px!important;
        min-height:48px!important;
        margin:0 0 8px!important;
    }
    body.chat-screen .primary-nav{
        order:2!important;
        gap:8px!important;
        margin:0!important;
    }
    body.chat-screen .app-user{
        order:3!important;
        margin-top:auto!important;
        margin-bottom:2px!important;
        width:48px!important;
        height:48px!important;
        min-width:48px!important;
        min-height:48px!important;
    }
    body.chat-screen .primary-nav button,
    body.chat-screen .primary-nav a{
        width:46px!important;
        height:46px!important;
        min-width:46px!important;
        min-height:46px!important;
        border-radius:14px!important;
        background:rgba(255,255,255,.07)!important;
    }
    body.chat-screen .primary-nav button.active,
    body.chat-screen .primary-nav a.active{
        background:#12b76a!important;
        box-shadow:0 10px 22px rgba(18,183,106,.18)!important;
    }
    body.chat-screen .account-card-actions{
        inset:-4px -4px auto auto!important;
        transform:none!important;
    }
    body.chat-screen .account-bell{
        width:21px!important;
        height:21px!important;
        min-width:21px!important;
        min-height:21px!important;
    }
    body.chat-screen .account-bell b{
        inset:-7px -7px auto auto!important;
        min-width:17px!important;
        height:17px!important;
        padding:0 5px!important;
        border-width:2px!important;
        font-size:9px!important;
    }

    body.chat-screen .conversation-pane{
        background:#fbfffd!important;
    }
    body.chat-screen .conversation-header{
        height:70px!important;
        min-height:70px!important;
        padding:12px 24px!important;
    }
    body.chat-screen .conversation-heading h1{
        font-size:21px!important;
    }
    body.chat-screen .message-list{
        background:
            radial-gradient(circle,rgba(8,122,70,.040) 1px,transparent 1.2px) 0 0/30px 30px,
            linear-gradient(180deg,#fcfffd 0%,#f3fbf7 100%)!important;
        padding:32px 72px 30px!important;
    }
    body.chat-screen.no-conversation .message-list{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }
    body.chat-screen .chat-home-state{
        width:min(620px,72%)!important;
        max-width:620px!important;
        padding:38px 48px 34px!important;
        border-radius:24px!important;
        background:rgba(255,255,255,.90)!important;
        border:1px solid rgba(8,122,70,.13)!important;
        box-shadow:0 24px 68px rgba(4,43,29,.09)!important;
    }
    body.chat-screen .chat-home-state > span{
        width:66px!important;
        height:66px!important;
        border-radius:20px!important;
        background:#dff8e9!important;
        color:#087a46!important;
        margin-bottom:18px!important;
    }
    body.chat-screen .chat-home-state > span i{
        font-size:26px!important;
    }
    body.chat-screen .chat-home-state strong{
        font-size:28px!important;
        line-height:1.25!important;
        color:#10251d!important;
    }
    body.chat-screen .chat-home-state p{
        max-width:440px!important;
        margin:12px auto 18px!important;
        color:#5f7169!important;
        font-size:14px!important;
        line-height:1.9!important;
    }
    body.chat-screen .chat-home-state button{
        min-height:42px!important;
        padding:0 18px!important;
        border-radius:14px!important;
        font-size:13px!important;
        font-weight:900!important;
        background:#ffffff!important;
        border:1px solid rgba(8,122,70,.16)!important;
    }

    body.chat-screen .sidebar-header{
        height:86px!important;
        min-height:86px!important;
        padding:16px 18px 13px!important;
        border-radius:0 0 16px 16px!important;
    }
    body.chat-screen .sidebar-header strong{
        font-size:25px!important;
    }
    body.chat-screen .sidebar-header .icon-btn{
        width:42px!important;
        height:42px!important;
    }
    body.chat-screen .search-box{
        margin:9px 14px 7px!important;
        padding:6px!important;
        border-radius:15px!important;
    }
    body.chat-screen .conversation-filter{
        padding:8px 14px 10px!important;
        gap:6px!important;
    }
    body.chat-screen .conversation-filter button{
        height:36px!important;
        min-height:36px!important;
    }
    body.chat-screen .conversation-list{
        padding:12px 14px 18px!important;
    }

    body.chat-screen .bchat-sound-dock{
        right:max(22px,calc((100vw - min(1438px,calc(100vw - 56px))) / 2 + 18px))!important;
        bottom:max(22px,calc((100dvh - min(808px,calc(100dvh - 58px))) / 2 + 16px))!important;
        padding:5px!important;
        gap:5px!important;
        border-radius:15px!important;
        background:rgba(6,61,49,.84)!important;
        box-shadow:0 16px 38px rgba(4,43,29,.20)!important;
    }
    body.chat-screen .bchat-sound-dock button{
        width:32px!important;
        height:32px!important;
        min-width:32px!important;
        min-height:32px!important;
        border-radius:10px!important;
    }
}

/* Bchat v73: section-owned notification badges, no global bell */
body.chat-screen .account-bell,
body.chat-screen .account-notifications-popout{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
}
body.chat-screen [data-app-view]{
    position:relative!important;
}
body.chat-screen [data-app-view][data-badge]::after{
    content:attr(data-badge)!important;
    position:absolute!important;
    top:-6px!important;
    right:-6px!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 5px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid #063d31!important;
    border-radius:999px!important;
    background:#ef4444!important;
    color:#ffffff!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    box-shadow:0 8px 18px rgba(239,68,68,.28)!important;
    z-index:8!important;
}
@media (min-width:761px){
    body.chat-screen .app-user.account-menu{
        display:grid!important;
        place-items:center!important;
        grid-template-columns:1fr!important;
        padding:0!important;
    }
    body.chat-screen .app-user.account-menu .avatar-dot{
        margin:0!important;
        grid-column:1!important;
        grid-row:1!important;
        place-self:center!important;
    }
    body.chat-screen .account-card-actions{
        display:none!important;
    }
}
@media (max-width:760px){
    body.chat-screen [data-app-view][data-badge]::after{
        top:4px!important;
        right:calc(50% - 20px)!important;
        border-color:#ffffff!important;
    }
}

/* Bchat v74: make the right sidebar header/search/tabs one connected green unit */
@media (min-width:761px){
    body.chat-screen .sidebar{
        background:#f4faf7!important;
    }
    body.chat-screen .sidebar-header{
        height:86px!important;
        min-height:86px!important;
        margin:0!important;
        padding:16px 18px 10px!important;
        border-radius:0!important;
        background:#063d31!important;
        box-shadow:none!important;
    }
    body.chat-screen .sidebar .view-panel[data-view-panel="chats"]{
        background:#f4faf7!important;
    }
    body.chat-screen .sidebar .view-panel[data-view-panel="chats"].active{
        display:flex!important;
        flex-direction:column!important;
    }
    body.chat-screen .sidebar .view-panel[data-view-panel="chats"].active::before{
        content:""!important;
        display:block!important;
        position:absolute!important;
        inset:0 0 auto 0!important;
        height:174px!important;
        background:#063d31!important;
        z-index:0!important;
        pointer-events:none!important;
    }
    body.chat-screen .sidebar .view-panel[data-view-panel="chats"] > *{
        position:relative!important;
        z-index:1!important;
    }
    body.chat-screen .search-box{
        margin:0!important;
        padding:8px 14px 8px!important;
        border-radius:0!important;
        background:#063d31!important;
        box-shadow:none!important;
    }
    body.chat-screen .search-box input{
        height:42px!important;
        min-height:42px!important;
        border-radius:13px!important;
        background:rgba(255,255,255,.10)!important;
        border:1px solid rgba(255,255,255,.16)!important;
        color:#fff!important;
    }
    body.chat-screen .search-box input::placeholder{
        color:rgba(255,255,255,.72)!important;
    }
    body.chat-screen .search-box button{
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        min-height:42px!important;
        border-radius:13px!important;
        background:rgba(255,255,255,.11)!important;
        border:1px solid rgba(255,255,255,.16)!important;
        color:#dff8e9!important;
    }
    body.chat-screen .mini-result{
        margin:0!important;
        background:#063d31!important;
    }
    body.chat-screen .toolbar{
        margin:0!important;
        padding:8px 14px 12px!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:7px!important;
        background:#063d31!important;
        border-radius:0 0 16px 16px!important;
        box-shadow:0 12px 24px rgba(4,43,29,.08)!important;
    }
    body.chat-screen .toolbar .tool-btn{
        height:38px!important;
        min-height:38px!important;
        padding:0 8px!important;
        border-radius:13px!important;
        border:1px solid rgba(255,255,255,.13)!important;
        background:rgba(255,255,255,.08)!important;
        color:#dff8e9!important;
        box-shadow:none!important;
    }
    body.chat-screen .toolbar .tool-btn.active{
        background:#ffffff!important;
        border-color:#ffffff!important;
        color:#087a46!important;
        box-shadow:none!important;
    }
    body.chat-screen .conversation-list{
        padding:14px 14px 18px!important;
        background:#f4faf7!important;
    }
}

/* Bchat v75: BRADIUS-style wide desktop shell and avatar-only account card */
@media (min-width:761px){
    body.chat-screen{
        min-height:100dvh!important;
        padding:12px!important;
        overflow:hidden!important;
        background:
            radial-gradient(circle at 12% 8%,rgba(15,159,95,.16),transparent 30%),
            linear-gradient(135deg,#f5fbf7 0%,#eef8f2 42%,#f8fbf9 100%)!important;
    }
    body.chat-screen .chat-layout{
        width:calc(100vw - 24px)!important;
        height:calc(100dvh - 24px)!important;
        max-width:none!important;
        max-height:none!important;
        grid-template-columns:74px minmax(0,1fr) clamp(380px,24vw,440px)!important;
        border-radius:18px!important;
        overflow:hidden!important;
        background:#f7fbf8!important;
        box-shadow:0 22px 70px rgba(2,44,34,.16)!important;
    }
    body.chat-screen .app-nav{
        width:74px!important;
        min-width:74px!important;
        padding:16px 9px!important;
        gap:10px!important;
        background:linear-gradient(180deg,#022c22 0%,#064e3b 100%)!important;
        border-inline-end:1px solid rgba(255,255,255,.08)!important;
    }
    body.chat-screen .primary-nav{
        gap:9px!important;
    }
    body.chat-screen .app-brand,
    body.chat-screen .primary-nav button,
    body.chat-screen .primary-nav a{
        width:48px!important;
        height:48px!important;
        min-width:48px!important;
        min-height:48px!important;
        border-radius:12px!important;
        background:rgba(255,255,255,.08)!important;
        border:1px solid rgba(255,255,255,.12)!important;
        box-shadow:none!important;
    }
    body.chat-screen .primary-nav button.active,
    body.chat-screen .primary-nav a.active{
        background:#0f9f5f!important;
        color:#ffffff!important;
        box-shadow:0 10px 24px rgba(15,159,95,.26)!important;
    }
    body.chat-screen .app-user.account-menu{
        width:54px!important;
        height:54px!important;
        min-width:54px!important;
        min-height:54px!important;
        display:grid!important;
        place-items:center!important;
        grid-template-columns:1fr!important;
        padding:0!important;
        margin:0 auto 4px!important;
        cursor:pointer!important;
        overflow:visible!important;
        border-radius:16px!important;
        background:rgba(255,255,255,.11)!important;
        border:1px solid rgba(255,255,255,.16)!important;
    }
    body.chat-screen .app-user.account-menu .account-copy,
    body.chat-screen .app-user.account-menu .account-name,
    body.chat-screen .app-user.account-menu small,
    body.chat-screen .account-card-actions,
    body.chat-screen .account-trigger,
    body.chat-screen .account-bell{
        display:none!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }
    body.chat-screen .app-user.account-menu .avatar-dot,
    body.chat-screen .account-popout-avatar{
        display:grid!important;
        place-items:center!important;
        overflow:hidden!important;
        border-radius:50%!important;
        background:#dff8e9!important;
        color:#065f46!important;
        font-weight:1000!important;
        line-height:1!important;
    }
    body.chat-screen .app-user.account-menu .avatar-dot{
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        margin:0!important;
        grid-column:1!important;
        grid-row:1!important;
        place-self:center!important;
        font-size:14px!important;
        border:0!important;
    }
    body.chat-screen .app-user.account-menu .avatar-dot img,
    body.chat-screen .account-popout-avatar img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
        display:block!important;
    }
    body.chat-screen .sidebar{
        background:#f3f8f5!important;
        border-inline-start:1px solid rgba(2,44,34,.08)!important;
    }
    body.chat-screen .sidebar .view-panel[data-view-panel="chats"].active::before{
        height:212px!important;
        background:linear-gradient(180deg,#064e3b 0%,#053f32 100%)!important;
    }
    body.chat-screen .sidebar-header{
        height:108px!important;
        min-height:108px!important;
        padding:20px 20px 14px!important;
        background:linear-gradient(135deg,#064e3b,#022c22)!important;
        border-radius:0!important;
        box-shadow:none!important;
    }
    body.chat-screen .search-box{
        padding:8px 16px!important;
        background:#053f32!important;
    }
    body.chat-screen .toolbar{
        padding:9px 16px 14px!important;
        background:#053f32!important;
        border-radius:0 0 18px 18px!important;
    }
    body.chat-screen .search-box input,
    body.chat-screen .search-box button,
    body.chat-screen .toolbar .tool-btn{
        border-color:rgba(255,255,255,.16)!important;
        background:rgba(255,255,255,.08)!important;
    }
    body.chat-screen .toolbar .tool-btn.active{
        background:#ffffff!important;
        color:#087a46!important;
        border-color:#ffffff!important;
    }
    body.chat-screen .conversation-pane{
        min-width:0!important;
        background:
            linear-gradient(135deg,rgba(15,159,95,.035) 25%,transparent 25%) 0 0/28px 28px,
            linear-gradient(225deg,rgba(15,159,95,.035) 25%,transparent 25%) 0 0/28px 28px,
            #fbfffd!important;
        border-inline-start:0!important;
        border-inline-end:1px solid rgba(2,44,34,.08)!important;
    }
    body.chat-screen .conversation-header{
        height:74px!important;
        min-height:74px!important;
        margin:0!important;
        padding:12px 26px!important;
        border-radius:0!important;
        background:#ffffff!important;
        border-bottom:1px solid rgba(2,44,34,.08)!important;
        box-shadow:none!important;
    }
    body.chat-screen .message-list{
        padding-inline:clamp(28px,4vw,72px)!important;
    }
    body.chat-screen .chat-home-state{
        width:min(640px,76%)!important;
        max-width:640px!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.9)!important;
        border:1px solid rgba(8,122,70,.16)!important;
        box-shadow:0 18px 52px rgba(2,44,34,.08)!important;
    }
    body.chat-screen .bchat-sound-dock{
        right:24px!important;
        bottom:24px!important;
        background:rgba(2,44,34,.88)!important;
    }
}