@media (max-width:991.98px){
.chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:rgba(13,16,22,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.chat-header-left{min-width:0;display:flex;align-items:center;gap:10px;flex:1 1 auto}
.chat-header-tools.desktop-header-tools{display:none!important}
.chat-actions{position:relative;z-index:1202;flex:0 0 auto}
#menuBtn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}
.chat-dropdown{position:fixed;top:72px;right:12px;left:12px;width:auto;max-width:none;display:none;background:#161c25;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 56px rgba(0,0,0,.45);z-index:1300;border-radius:18px}
.chat-dropdown.active{display:block}
.chat-dropdown .dropdown-item,.chat-dropdown button.dropdown-item{min-height:48px;display:flex;align-items:center;gap:10px;border-radius:12px;color:#fff}
.mobile-install-lock{position:fixed;inset:0;z-index:1400;background:rgba(9,11,16,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:24px}
.mobile-install-lock.show{display:flex}
.mobile-install-card{width:min(100%,420px);background:#151b25;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.mobile-install-card img{width:74px;height:74px;border-radius:22px;margin:0 auto 14px;border:1px solid rgba(255,140,0,.22)}
.mobile-install-card h3{font-size:1.15rem;margin:0 0 8px}
.mobile-install-card p{color:#b7c0cf;margin:0 0 16px;line-height:1.45}
.mobile-install-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.mobile-install-actions .action-btn,.mobile-install-actions .primary-btn{min-width:140px;justify-content:center;display:inline-flex;align-items:center}
}
@media (min-width:992px){.install-app-entry.mobile-only{display:none!important}}
.guest-auth-locked{overflow:hidden}
.guest-auth-locked .app-shell{min-height:100dvh}
.guest-auth-locked .chat-panel{flex:0 0 100%;max-width:100%}
.guest-auth-locked .chat-header,
.guest-auth-locked .chat-body,
.guest-auth-locked .reply-box,
.guest-auth-locked .sidebar,
.guest-auth-locked .offcanvas,
.guest-auth-locked .mobile-menu-btn,
.guest-auth-locked .action-btn{pointer-events:none!important;user-select:none!important}
.guest-auth-locked .auth-modal-overlay,
.guest-auth-locked .auth-modal-overlay *{pointer-events:auto!important}
.guest-auth-locked .auth-modal-overlay{z-index:2147483000}

.switch-group{
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-bottom:18px;
        gap:10px;
    }

    .switch-group label:first-child{
        font-size:14px;
        color:#fff;
    }

    /* SWITCH */
    .switch {
        position: relative;
        display: inline-block;
        width: 46px;
        height: 24px;
    }

    .switch input {
        display: none;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0; left: 0; right: 0; bottom: 0;
        background-color: rgba(255,255,255,0.2);
        border-radius: 34px;
        transition: 0.3s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: #fff;
        border-radius: 50%;
        transition: 0.3s;
    }

    /* ACTIVE */
    .switch input:checked + .slider {
        background-color: #ff7a00; /* your orange theme */
    }

    .switch input:checked + .slider:before {
        transform: translateX(22px);
    }

.user-select-list{
        margin-top: 14px;
        max-height: 100vh;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .user-list-item-form{
        margin: 0;
    }

    .user-list-item{
        width: 100%;
        border: none;
        background: var(--bg-main);
        border-radius: 14px;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        cursor: pointer;
        transition: 0.25s ease;
        text-align: left;
    }

    .user-list-item:hover{
        background: rgba(255,255,255,0.06);
        transform: translateY(-1px);
    }

    .user-list-left{
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
    }

    .user-list-avatar{
        width: 46px;
        height: 46px;
        min-width: 46px;
        border-radius: 50%;
        overflow: hidden;
        background: rgba(255,255,255,0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
    }

    .user-list-avatar img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .user-list-info{
        min-width: 0;
    }

    .user-list-name{
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-list-meta{
        color: rgba(255,255,255,0.65);
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 2px;
    }

    .user-list-action{
        color: #ff7a00;
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .empty-user-state{
        text-align: center;
        padding: 30px 15px;
        color: rgba(255,255,255,0.65);
    }

    .empty-user-state i{
        font-size: 28px;
        margin-bottom: 8px;
        display: block;
    }


/* Keep guest auth as a true static modal */
.auth-modal-static{display:flex !important;}
.guest-auth-locked{height:100dvh;overflow:hidden !important;}
.guest-auth-locked body{overflow:hidden !important;}
.guest-auth-locked .auth-modal-static{position:fixed;inset:0;display:flex !important;align-items:center;justify-content:center;}
.guest-auth-locked .auth-modal-static::before{content:"";position:absolute;inset:0;background:rgba(5,8,12,.82);}
.guest-auth-locked .auth-modal-card{position:relative;z-index:1;}
.guest-auth-locked .auth-modal-static{touch-action:none;}
.guest-auth-locked .auth-modal-card{touch-action:auto;}