/* --- Global theme variables (from provided palette) --- */
:root {
    --font-size: 16px;
    --ui-bg: #ffffff;
    --ui-surface: #ffffff;
    --ui-border: rgba(0,0,0,0.1);
    --ui-text: oklch(0.145 0 0);
    --ui-muted: #717182;
    --ui-primary: #5a68ff; /* gradient start */
    --ui-primary-600: #3b82f6; /* gradient end */
    --ui-success: #16a34a;
    --ui-danger: #d4183d;
    --ui-warning: #f59e0b;
    --ui-radius: 10px;
    --ui-shadow: 0 8px 24px rgba(15,23,42,.06);
}

.dark {
    --ui-bg: oklch(0.145 0 0);
    --ui-surface: oklch(0.145 0 0);
    --ui-border: oklch(0.269 0 0);
    --ui-text: oklch(0.985 0 0);
    --ui-muted: oklch(0.708 0 0);
    --ui-primary: oklch(0.488 0.243 264.376);
    --ui-primary-600: oklch(0.696 0.17 162.48);
}
.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-warning {
    color: #fff !important;
    background-color: #ffc107 !important;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

[data-menu-theme=dark].navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active {
    color: var(--tblr-navbar-active-color) !important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--tblr-navbar-active-color) !important;
}

/* ---------- Messenger Modern UI Enhancements ---------- */
body { background: var(--ui-gradient); background-attachment: fixed; }

#FS_navbar.navbar { backdrop-filter: saturate(180%) blur(10px); background: #ffffff !important; border-bottom: 1px solid var(--ui-border); }

.card.bg-transparent,
.card.h-100,
#message_content_card { background: var(--ui-surface) !important; border: 1px solid var(--ui-border); border-radius: var(--ui-radius); box-shadow: var(--ui-shadow); }

.card-header.bg-light { background: #ffffff !important; border-bottom: 1px solid var(--ui-border); border-top-left-radius: var(--ui-radius); border-top-right-radius: var(--ui-radius); }

/* Sidebar header gradient (Chats + actions) */
#message_sidebar_container .card-header.bg-light {
    background: linear-gradient(135deg, #5a68ff 0%, #3b82f6 100%) !important;
    color: #fff !important;
}
#message_sidebar_container .card-header.bg-light .btn,
#message_sidebar_container .card-header.bg-light .dropdown-toggle,
#message_sidebar_container .card-header.bg-light .text-secondary,
#message_sidebar_container .card-header.bg-light .h4 { color: #fff !important; }

#message_sidebar_container { 
    max-width: 360px;
    border-right: 1px solid var(--ui-border);
    background: #ffffff;
}

/* Sidebar panel card feel */
#message_sidebar_container .card { border: none; box-shadow: 0 12px 30px rgba(2,6,23,.06); border-radius: 16px; }
#message_sidebar_container .card-header { border: none; }
#message_sidebar_container .card-body { padding-top: .5rem; }

#message_sidebar_content { scrollbar-width: thin; background: #ffffff; }

.messages-list li,
.drop-content .list-group-item { background: #ffffff; border: none; color: var(--ui-text); }

.messages-list .active,
.messages-list li:hover { background: #f3f6ff !important; border-radius: var(--ui-radius); border: 1px solid #e0e7ff; }

/* Active thread tile gradient like screenshot */
#message_sidebar_container .messages-list .active {
    background: linear-gradient(135deg, #5a68ff 0%, #3b82f6 100%) !important;
    color: #fff !important;
}
#message_sidebar_container .messages-list .active * { color: #fff !important; }

#thread_search_input {
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    color: var(--ui-text);
    border-radius: 10px;
}

#thread_search_input::placeholder { color: #9ca3af; }

#message_container { background: #fbfcfe !important; }
#message_content_card { background: #ffffff !important; }

/* Conversation header refinement */
#message_content_card .card-header { background: #fff !important; border: none; box-shadow: 0 8px 22px rgba(2,6,23,.04); }
#message_content_card .card-header .title, #message_content_card .card-header .h5 { font-weight: 600; font-size: 16px; color: var(--ui-text); }

.drag_drop_overlay { background: rgba(15,23,42,.05); border: 2px dashed rgba(59,130,246,.25); }

/* Avatars */
.my-global-avatar,
.rounded-circle {
    box-shadow: 0 4px 12px rgba(0,0,0,.35);
}

/* Buttons */
.btn-light {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: var(--ui-text) !important;
}

.btn-light:hover { background: rgba(255,255,255,.14) !important; }

.badge-notify {
    background: var(--ui-danger) !important;
    box-shadow: 0 0 0 3px rgba(239,68,68,.25);
}

/* Chat bubbles: incoming light, outgoing dark like screenshot */
.message-bubble.incoming, .message-item.incoming { background: #ffffff; border: 1px solid var(--ui-border); color: var(--ui-text); border-radius: 18px; box-shadow: 0 8px 20px rgba(15,23,42,.06); }
.message-bubble.outgoing, .message-item.outgoing { background: linear-gradient(135deg, #5a68ff 0%, #3b82f6 100%); border: 1px solid #3b82f6; color: #ffffff; border-radius: 18px; box-shadow: 0 10px 22px rgba(59,130,246,.3); }
/* Fallback tone */
.message-bubble, .message-item { border-radius: 18px; }
/* spacing between bubbles */
.message-bubble, .message-item { margin-top: 6px; margin-bottom: 6px; }
/* Bubble width and spacing like screenshot */
.message-bubble, .message-item { max-width: 60ch; }
.message-bubble .meta, .message-item .meta { font-size: 12px; }

/* Composer pill and send button */
#message_container .message-composer, #message_container .composer, #message_container form .input-group {
    background: #fff; border: 1px solid var(--ui-border); border-radius: 999px; box-shadow: var(--ui-shadow);
}
#message_container .btn-primary, #message_container .icon-btn.primary {
    background: linear-gradient(135deg, #5a68ff 0%, #3b82f6 100%) !important;
    border: none !important;
}

/* Utilities */
.glass {
    background: rgba(255,255,255,.06);
    border: 1px solid var(--ui-border);
    backdrop-filter: blur(10px);
}

.text-muted { color: var(--ui-muted) !important; }

/* Scrollbars */
*::-webkit-scrollbar{ width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb{ background: rgba(148,163,184,.35); border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-track{ background: transparent; }

/* Iconography helpers */
.ti { vertical-align: -2px; }
.icon-btn{ display:inline-flex; align-items:center; gap:.5rem; padding:.5rem .75rem; border-radius:10px; background: rgba(255,255,255,.06); border:1px solid var(--ui-border); color: var(--ui-text); }
.icon-btn:hover{ background: rgba(255,255,255,.1); text-decoration:none; color: #fff; }

/* Header action area (if present) */
#message_content_card .card-header-actions{ display:flex; gap:.5rem; align-items:center; }

/* Responsive tweaks */
@media (max-width: 992px) { #message_sidebar_container { max-width: 100%; } }

/* Sidebar list look to match screenshot */
#message_sidebar_container .messages-list li { padding: .9rem .75rem; border-radius: 14px; border: 1px solid transparent; }
#message_sidebar_container .messages-list li:hover { background: #fff; border-color: var(--ui-border); }
#message_sidebar_container .messages-list .active { background: #fff !important; border-color: var(--ui-border); }

/* Search box like screenshot */
#threads_search_bar .input-group-text { background: #fff; border: 1px solid var(--ui-border); border-right: 0; color: var(--ui-muted); }
#thread_search_input { background: #fff; border: 1px solid var(--ui-border); border-left: 0; }
/* --- Force light within messenger wrapper (override package dark classes) --- */
wrapper .bg-dark { background: #ffffff !important; }
wrapper .navbar-dark .navbar-brand,
wrapper .navbar-dark .navbar-nav .nav-link,
wrapper .navbar-dark .navbar-toggler { color: #111827 !important; }
wrapper .navbar-dark .navbar-toggler-icon { filter: invert(1) grayscale(1); }
wrapper .text-light, wrapper .text-white { color: #111827 !important; }

/* STRONG overrides for left column to remove any dark backgrounds from package */
#messenger_container { background: #ffffff !important; }
.inbox.main-inbox { background: #ffffff !important; }
#message_sidebar_container .card, 
#message_sidebar_container .card-header, 
#message_sidebar_container .card-body { background: #ffffff !important; color: #111827 !important; }
#message_sidebar_container .dropdown-menu { background: #ffffff !important; }
#message_sidebar_container .dropdown-item { color: #111827 !important; }
#message_sidebar_container .dropdown-item:hover { background: #f3f4f6 !important; }

/* Timestamp + preview colors */
#message_sidebar_container .messages-list .time,
#message_sidebar_container .messages-list .text-muted { color: #e6ecff !important; opacity: .9; }
#message_sidebar_container .messages-list .preview { color: rgba(255,255,255,.95); }

/* Unread count badge like red dot */
.badge-notify { min-width: 18px; height: 18px; line-height: 18px; font-size: 11px; border-radius: 999px; }

/* ===== Size, spacing and icon refinements to match target design ===== */
/* Sidebar header sizing */
#message_sidebar_container .card-header { min-height: 64px; border-top-left-radius: var(--ui-radius); border-top-right-radius: var(--ui-radius); }

/* ===== ROBUST TILE LAYOUT (no DOM assumptions) ===== */
#message_sidebar_container .messages-list { direction: ltr !important; }

#message_sidebar_container .messages-list li {
    position: relative !important;
    min-height: 72px !important;
    /* display: flex !important; */
    align-items: center !important;
    gap: 12px !important;
    padding: .9rem .75rem !important;
    padding-right: 84px !important; /* reserve space for time */
}

/* Avatar */
#message_sidebar_container .messages-list li .rounded-circle,
#message_sidebar_container .messages-list li .my-global-avatar {
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
}

/* Name/title */
#message_sidebar_container .messages-list li .font-weight-bold,
#message_sidebar_container .messages-list li .title,
#message_sidebar_container .messages-list li h6,
#message_sidebar_container .messages-list li .h6 {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    margin: 0 !important;
    color: #111827 !important; /* ensure visible */
}

/* Preview */
#message_sidebar_container .messages-list li .preview,
#message_sidebar_container .messages-list li p {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    margin: 0 !important;
    color: var(--ui-muted) !important;
}

/* Time pinned to far right */
#message_sidebar_container .messages-list li .time,
#message_sidebar_container .messages-list li small.text-muted {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 12px !important;
    color: var(--ui-muted) !important;
    white-space: nowrap !important;
    margin: 0 !important;
    float: none !important;
    z-index: 1 !important;
}

/* Neutralize floats that break layout */
#message_sidebar_container .messages-list li .pull-right { float: none !important; }

/* ===== Active tile: blue gradient like reference ===== */
#message_sidebar_container .messages-list li.active,
#message_sidebar_container .messages-list li.is-active,
#message_sidebar_container .messages-list li.selected,
#message_sidebar_container .messages-list li.current,
#message_sidebar_container .messages-list li.list-group-item.active,
#message_sidebar_container .messages-list li.active-thread,
#message_sidebar_container .messages-list li.thread-active,
#message_sidebar_container .messages-list li[aria-selected="true"],
#message_sidebar_container .messages-list li[aria-current="true"],
#message_sidebar_container .messages-list li[data-active="true"],
#message_sidebar_container .messages-list li[data-selected="true"],
#messages_ul li.active,
#messages_ul li.active-thread,
#messages_ul li.thread-active,
#messages_ul li[aria-selected="true"] {
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%) !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(59, 130, 246, .25) !important;
}

/* Ensure texts turn white inside active tile */
#message_sidebar_container .messages-list li.active .font-weight-bold,
#message_sidebar_container .messages-list li.active .title,
#message_sidebar_container .messages-list li.active h6,
#message_sidebar_container .messages-list li.active .h6,
#message_sidebar_container .messages-list li.active .preview,
#message_sidebar_container .messages-list li.active .time,
#message_sidebar_container .messages-list li.active small.text-muted,
#message_sidebar_container .messages-list li[aria-selected="true"] .font-weight-bold,
#message_sidebar_container .messages-list li[aria-selected="true"] .title,
#message_sidebar_container .messages-list li[aria-selected="true"] .preview,
#messages_ul li.active *,
#messages_ul li[aria-selected="true"] * {
    color: #ffffff !important;
}

/* ===== If active item uses .shadow-sm class ===== */
#message_sidebar_container .messages-list li.shadow-sm {
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%) !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 28px rgba(59, 130, 246, .28) !important;
}
#message_sidebar_container .messages-list li.shadow-sm .font-weight-bold,
#message_sidebar_container .messages-list li.shadow-sm .title,
#message_sidebar_container .messages-list li.shadow-sm h6,
#message_sidebar_container .messages-list li.shadow-sm .h6,
#message_sidebar_container .messages-list li.shadow-sm .preview,
#message_sidebar_container .messages-list li.shadow-sm .time,
#message_sidebar_container .messages-list li.shadow-sm small.text-muted {
    color: #ffffff !important;
}

/* Keep unread badge colors intact on active */
#message_sidebar_container .messages-list li.active .badge,
#message_sidebar_container .messages-list li.active .badge-pill {
    filter: none !important;
}
#message_sidebar_container .messages-list li .title, 
#message_sidebar_container .messages-list li .h6, 
#message_sidebar_container .messages-list li .h5 { font-weight: 600; font-size: 14px; }
#message_sidebar_container .messages-list li .preview { font-size: 13px; }
#message_sidebar_container .messages-list li .time { font-size: 12px; }

/* Header action icons and nav icons */
#message_content_card .card-header .icon-btn i,
#FS_navbar .nav-link i,
#FS_navbar .navbar-toggler-icon,
.ti, .fas { font-size: 18px; }

/* Composer height and controls */
#message_container .message-composer, #message_container .composer, #message_container form .input-group { min-height: 56px; padding: 6px 12px; }
#message_container input[type="text"],
#message_container input[type="search"],
#message_container textarea { font-size: 15px; }
#message_container ::placeholder { color: #9aa4b2; opacity: 1; }

/* Send button as circular pill */
#message_container .btn-send, 
#message_container .btn-primary.send, 
#message_container .send-button { width: 44px; height: 44px; border-radius: 999px !important; display: inline-flex; align-items: center; justify-content: center; padding: 0; background: linear-gradient(135deg, #5a68ff 0%, #3b82f6 100%) !important; border: none; }
#message_container .btn-send i, 
#message_container .send-button i { font-size: 18px; color: #fff; }

/* Message bubble padding and radius */
.message-bubble.incoming, .message-item.incoming, .message-bubble.outgoing, .message-item.outgoing { padding: 10px 14px; }
.message-bubble.incoming, .message-item.incoming { border-radius: 16px 16px 16px 6px; }
.message-bubble.outgoing, .message-item.outgoing { border-radius: 16px 16px 6px 16px; }

/* Chat region padding like screenshot */
#message_container .col-12, #message_container .card-body { padding-left: 24px; padding-right: 24px; }

/* Global font sizing harmony */
body, .card, .dropdown-menu { font-size: 14px; }
.badge { font-weight: 600; }

/* Search field pill & shadow as in screenshot */
#threads_search_bar .input-group { border-radius: 999px; overflow: hidden; box-shadow: 0 8px 20px rgba(59,130,246,.12); }

/* New chat button pill with gradient */
.btn-new-chat, #new_chat_btn, a[href*="new"] .btn { border-radius: 999px !important; background: linear-gradient(135deg, #5a68ff 0%, #3b82f6 100%) !important; color: #fff !important; border: none !important; box-shadow: 0 10px 22px rgba(59,130,246,.25); }

/* Conversation header compact */
#message_content_card .card-header { min-height: 64px; }

/* Chat area subtle gradient background */
#app, #FS_main_section { background: linear-gradient(180deg, #fbfcfe 0%, #ffffff 50%, #fbfcfe 100%); }

/* ================= Iconography & micro details ================= */
/* Base icon sizing and color to match target UI */
wrapper .fa, wrapper .fas, wrapper .far, wrapper .fab, wrapper .fal,
wrapper .ti { font-size: 18px; color: var(--ui-muted); }

/* Header icons size */
#FS_main_section .navbar i, #message_content_card .card-header i { font-size: 18px; }

/* Active/primary icons */
.icon-primary, .text-primary, .ti.ti-active { color: var(--ui-primary) !important; }

/* Sidebar header action icons white on gradient */
#message_sidebar_container .card-header i { color: #fff !important; }

/* Composer action icons row */
#message_container .composer-actions i,
#message_container .message-composer i { color: var(--ui-muted); font-size: 18px; }
#message_container .composer-actions i:hover { color: var(--ui-primary); }

/* Composer sticky pill at bottom */
#message_container .message-composer, #message_container .composer, #message_container form .input-group {
    position: sticky; bottom: 10px; left: 0; right: 0;
    background: #fff; border: 1px solid var(--ui-border); border-radius: 999px; box-shadow: 0 10px 24px rgba(2,6,23,.06);
}
#message_container .message-composer .btn,
#message_container .composer .btn { border-radius: 999px !important; }

/* Avatar online indicator (green dot) */
.avatar-online { position: relative; }
.avatar-online::after { content: ""; position: absolute; right: -2px; bottom: -2px; width: 10px; height: 10px; background: #22c55e; border: 2px solid #fff; border-radius: 999px; }

/* Title / subtitle tones in tiles */
#message_sidebar_container .messages-list li .title,
#message_sidebar_container .messages-list li .h6,
#message_sidebar_container .messages-list li .h5 { color: var(--ui-text); }
#message_sidebar_container .messages-list li .preview,
#message_sidebar_container .messages-list li .subtitle { color: var(--ui-muted); }

/* Unread badge precise position */
#message_sidebar_container .messages-list li .badge-notify { margin-left: auto; }

/* Layout gap between sidebar and content like screenshot */
#messenger_container { gap: 16px; }

/* Ensure bold titles are visible (some templates use .font-weight-bold) */
#message_content_card .card-header .font-weight-bold,
#message_sidebar_container .font-weight-bold { color: var(--ui-text) !important; }

/* Hide voice message icon */
#record_audio_message_btn {
    display: none !important;
}
#message_sidebar_container .messages-list .active .font-weight-bold { color: #fff !important; }


.fa-2x {
    font-size: 0.9em;
}

/* ================= MOBILE RESPONSIVE DESIGN ================= */
/* Mobile toggle view between sidebar and chat */
@media (max-width: 768px) {
    /* Hide both containers by default on mobile */
    #message_sidebar_container,
    #message_content_container {
        display: none !important;
    }
    
    /* Show sidebar when mobile-sidebar class is active */
    body.mobile-sidebar #message_sidebar_container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Show chat when mobile-chat class is active */
    body.mobile-chat #message_content_container {
        display: block !important;
        width: 100% !important;
    }
    
    /* Mobile back button in chat header */
    #message_content_card .card-header {
        position: relative;
        padding-left: 50px !important;
    }
    
    /* Mobile back button styling */
    .mobile-back-btn {
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        font-weight: bold;
        color: var(--ui-text);
        cursor: pointer;
        z-index: 10;
        background: none;
        border: none;
        padding: 8px;
        border-radius: 50%;
        transition: background-color 0.2s;
        display: none; /* Hidden by default */
    }
    
    .mobile-back-btn:hover {
        background-color: rgba(0,0,0,0.1);
    }
    
    /* Show back button only in mobile chat view */
    body.mobile-chat .mobile-back-btn {
        display: block !important;
    }
    
    /* Mobile header with back button and title */
    #message_content_card .card-header .mobile-header {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    
    #message_content_card .card-header .mobile-avatar {
        width: 36px;
        height: 36px;
        border-radius: 50%;
    }
    
    #message_content_card .card-header .mobile-title {
        font-size: 16px;
        font-weight: 600;
        color: var(--ui-text);
    }
    
    #message_content_card .card-header .mobile-status {
        font-size: 12px;
        color: var(--ui-muted);
    }
}

/* Mobile-specific sizing optimizations */
@media (max-width: 768px) {
    /* Smaller avatars on mobile */
    .my-global-avatar,
    .rounded-circle {
        width: 36px !important;
        height: 36px !important;
    }
    
    /* Smaller conversation tiles */
    #message_sidebar_container .messages-list li {
        min-height: 60px !important;
        padding: 12px 16px !important;
        padding-right: 70px !important;
    }
    
    /* Smaller text on mobile */
    #message_sidebar_container .messages-list li .title,
    #message_sidebar_container .messages-list li .h6,
    #message_sidebar_container .messages-list li .h5 {
        font-size: 14px !important;
    }
    
    #message_sidebar_container .messages-list li .preview {
        font-size: 12px !important;
    }
    
    #message_sidebar_container .messages-list li .time {
        font-size: 11px !important;
    }
    
    /* Smaller header on mobile */
    #message_sidebar_container .card-header {
        min-height: 56px !important;
        padding: 12px 16px !important;
    }
    
    /* Smaller search bar */
    #threads_search_bar .input-group {
        margin-bottom: 8px !important;
    }
    
    #thread_search_input {
        font-size: 14px !important;
        padding: 8px 12px !important;
    }
    
    /* Smaller buttons */
    .btn {
        font-size: 14px !important;
        padding: 8px 16px !important;
    }
    
    .btn-sm {
        font-size: 12px !important;
        padding: 6px 12px !important;
    }
    
    /* Smaller message bubbles */
    .message-bubble,
    .message-item {
        max-width: 85% !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
    }
    
    /* Smaller composer */
    #message_container .message-composer,
    #message_container .composer,
    #message_container form .input-group {
        min-height: 48px !important;
        padding: 6px 12px !important;
    }
    
    #message_container input[type="text"],
    #message_container input[type="search"],
    #message_container textarea {
        font-size: 14px !important;
    }
    
    /* Smaller send button */
    #message_container .btn-send,
    #message_container .btn-primary.send,
    #message_container .send-button {
        width: 36px !important;
        height: 36px !important;
    }
    
    #message_container .btn-send i,
    #message_container .send-button i {
        font-size: 16px !important;
    }
    
    /* Reduced padding throughout */
    .card-body {
        padding: 12px !important;
    }
    
    #message_container .col-12,
    #message_container .card-body {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Smaller icons */
    .fa, .fas, .far, .fab, .fal, .ti {
        font-size: 16px !important;
    }
    
    /* Smaller badges */
    .badge {
        font-size: 10px !important;
        padding: 4px 8px !important;
    }
    
    .badge-notify {
        min-width: 16px !important;
        height: 16px !important;
        line-height: 16px !important;
        font-size: 10px !important;
    }
}

/* Extra small screens (phones in portrait) */
@media (max-width: 480px) {
    /* Even smaller elements */
    .my-global-avatar,
    .rounded-circle {
        width: 32px !important;
        height: 32px !important;
    }
    
    #message_sidebar_container .messages-list li {
        min-height: 56px !important;
        padding: 10px 12px !important;
        padding-right: 60px !important;
    }
    
    #message_sidebar_container .messages-list li .title {
        font-size: 13px !important;
    }
    
    #message_sidebar_container .messages-list li .preview {
        font-size: 11px !important;
    }
    
    #message_sidebar_container .messages-list li .time {
        font-size: 10px !important;
    }
    
    /* Ultra-compact header */
    #message_sidebar_container .card-header {
        min-height: 48px !important;
        padding: 8px 12px !important;
    }
    
    /* Ultra-compact search */
    #thread_search_input {
        font-size: 13px !important;
        padding: 6px 10px !important;
    }
    
    /* Ultra-compact buttons */
    .btn {
        font-size: 13px !important;
        padding: 6px 12px !important;
    }
    
    /* Ultra-compact message bubbles */
    .message-bubble,
    .message-item {
        max-width: 90% !important;
        padding: 6px 10px !important;
        font-size: 13px !important;
    }
    
    /* Ultra-compact composer */
    #message_container .message-composer,
    #message_container .composer,
    #message_container form .input-group {
        min-height: 44px !important;
        padding: 4px 10px !important;
    }
    
    /* Ultra-compact send button */
    #message_container .btn-send,
    #message_container .btn-primary.send,
    #message_container .send-button {
        width: 32px !important;
        height: 32px !important;
    }
    
    /* Minimal padding */
    .card-body {
        padding: 8px !important;
    }
    
    #message_container .col-12,
    #message_container .card-body {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    /* Minimal icons */
    .fa, .fas, .far, .fab, .fal, .ti {
        font-size: 14px !important;
    }
}

/* ================= Hide Messenger UI Elements ================= */
/* Hide Logs menu item (identified by database icon and threadLogs action) */
.dropdown-item[onclick*="threadLogs"] {
    display: none !important;
}

/* Hide Add Friend menu items (identified by profile_network_options class) */
.profile_network_options {
    display: none !important;
}

/* Hide last divider in settings dropdown menu */
.dropdown-menu.dropdown-menu-right .dropdown-divider:last-of-type {
    display: none !important;
}

/* Hide knock icon and related elements */
[onclick*="knock"],
[onclick*="Knock"],
[data-action*="knock"],
[data-action*="Knock"],
.knock-btn,
.knock-button,
#knock_btn,
#knock-button,
[title*="knock"],
[title*="Knock"],
[aria-label*="knock"],
[aria-label*="Knock"] {
    display: none !important;
}

/* Hide knock icon by common icon classes */
.fa-hand-rock,
.fa-fist-raised,
.fa-hand-paper,
.fa-hand-scissors,
.fa-handshake,
.fa-hand-holding,
.fa-hand-point-up,
.fa-hand-point-right,
.fa-hand-point-left,
.fa-hand-point-down,
.fa-hand-middle-finger,
.fa-thumbs-up,
.fa-thumbs-down,
.fa-hand-peace,
.fa-hand-rock-o,
.fa-fist-raised-o,
.fa-hand-paper-o,
.fa-hand-scissors-o,
.fa-handshake-o,
.fa-hand-holding-o,
.fa-hand-point-up-o,
.fa-hand-point-right-o,
.fa-hand-point-left-o,
.fa-hand-point-down-o,
.fa-hand-middle-finger-o,
.fa-thumbs-up-o,
.fa-thumbs-down-o,
.fa-hand-peace-o {
    display: none !important;
}