/* v4.4.1 — keep theme icon visible + notification icon + compact chat boxes */

.felah-head-left{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

.felah-notification-btn{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.felah-notification-badge{
    position:absolute;
    top:-5px;
    inset-inline-start:-5px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    background:#e84c4c;
    color:#fff;
    font-size:11px;
    font-weight:900;
    display:none;
    align-items:center;
    justify-content:center;
    line-height:18px;
}

/* لا نخفي الشمس/القمر */
.felah-real-icon{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
}

/* في الهاتف/التابلت: فلاح في جهة، الاشعارات + الشمس/القمر في الجهة المقابلة */
@media(max-width:1024px){
    .felah-real-topbar .felah-real-user{
        display:none !important;
    }

    .felah-head-main{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:10px !important;
        width:100% !important;
        direction:rtl !important;
    }

    .felah-head-right{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        margin:0 !important;
    }

    .felah-head-left{
        margin-inline-start:auto !important;
    }

    .felah-real-brand{
        min-width:132px !important;
        height:48px !important;
        min-height:48px !important;
        border-radius:18px !important;
        font-size:13.5px !important;
    }

    .felah-real-icon,
    .felah-notification-btn{
        width:48px !important;
        min-width:48px !important;
        height:48px !important;
        min-height:48px !important;
        border-radius:16px !important;
        font-size:17px !important;
    }
}

/* تحسين قائمة/غرف الدردشة الداخلية بشكل عام */
.chat-rooms,
.rooms-list,
.chat-room-list,
.internal-chat-list,
.room-list,
.chat-sidebar,
.chat-panel,
.chat-box,
.chat-container{
    background:var(--card,#082818) !important;
    border:1px solid var(--border,rgba(232,248,235,.14)) !important;
    border-radius:22px !important;
    padding:14px !important;
    overflow:hidden !important;
}

.chat-rooms a,
.rooms-list a,
.chat-room-list a,
.internal-chat-list a,
.room-list a,
.chat-room,
.room-card{
    min-height:46px !important;
    padding:10px 12px !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.035) !important;
    border:1px solid var(--border,rgba(232,248,235,.14)) !important;
    margin-bottom:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    color:var(--text,#edf7ef) !important;
    font-size:14px !important;
}

.chat-rooms a:hover,
.rooms-list a:hover,
.chat-room-list a:hover,
.internal-chat-list a:hover,
.room-list a:hover,
.chat-room:hover,
.room-card:hover{
    background:rgba(255,255,255,.07) !important;
}

/* تقليل كثافة قائمة الدردشة في الهاتف */
@media(max-width:760px){
    .chat-rooms,
    .rooms-list,
    .chat-room-list,
    .internal-chat-list,
    .room-list,
    .chat-sidebar,
    .chat-panel{
        padding:10px !important;
        border-radius:18px !important;
        max-height:310px !important;
        overflow:auto !important;
    }

    .chat-rooms a,
    .rooms-list a,
    .chat-room-list a,
    .internal-chat-list a,
    .room-list a,
    .chat-room,
    .room-card{
        min-height:42px !important;
        padding:8px 10px !important;
        border-radius:13px !important;
        font-size:13px !important;
        margin-bottom:6px !important;
    }
}

/* الوضع الفاتح */
html[data-theme="light"] .chat-rooms,
html[data-theme="light"] .rooms-list,
html[data-theme="light"] .chat-room-list,
html[data-theme="light"] .internal-chat-list,
html[data-theme="light"] .room-list,
html[data-theme="light"] .chat-sidebar,
html[data-theme="light"] .chat-panel,
html[data-theme="light"] .chat-box,
html[data-theme="light"] .chat-container{
    background:#ffffff !important;
    color:#173d28 !important;
    border-color:rgba(23,61,40,.14) !important;
}

html[data-theme="light"] .chat-rooms a,
html[data-theme="light"] .rooms-list a,
html[data-theme="light"] .chat-room-list a,
html[data-theme="light"] .internal-chat-list a,
html[data-theme="light"] .room-list a,
html[data-theme="light"] .chat-room,
html[data-theme="light"] .room-card{
    background:#fffdf8 !important;
    color:#173d28 !important;
    border-color:rgba(23,61,40,.14) !important;
}