.menu_desktop_container #chatModal .modal-content,
.menu_desktop_container #chatModal .modal-header,
.menu_desktop_container #chatModal .modal-body,
.menu_desktop_container #chatModal .modal-footer,
.menu_desktop_container #chatModal .message,
.menu_desktop_container #chatModal .message-content,
.menu_desktop_container #chatModal .message-content-text,
.menu_desktop_container #chatModal .message-content-img,
.menu_desktop_container #chatModal .footer-content,
.menu_desktop_container #chatModal .input-group,
.menu_desktop_container #chatModal #messageInput,
.menu_desktop_container #chatModal #sendMessageBtn {
    all: revert !important;
}
.menu_desktop_container #chatModal .modal-dialog {
    height: 85vh !important;
}
/* ==================== Container & Layout ==================== */
.menu_desktop_container{display:flex;flex-direction:column;height:100vh;overflow:hidden;gap:10px}
.menu_desktop_header{display:flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;padding:10px}
.menu_desktop_body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:5px;border-bottom: 1px solid #ccc}
.tab-content{flex:1;overflow:hidden}
.tab-pane{display:none;flex-direction:column;height:100%;opacity:0;transition:opacity 0.3s ease-in-out}
.tab-pane.show{display:flex;opacity:1}
/* ==================== Theme Selector ==================== */
.menu_desktop_theme_selector{display:flex;gap:10px}
.theme_logo{width:40px;height:40px;cursor:pointer;padding:5px;transition:transform 0.2s,opacity 0.2s;background:none}
.theme_logo:hover{transform:scale(1.1)}
.theme_logo.active{opacity:1;border:1px solid #fd7e14;border-radius:5px;background:#fff!important}
.theme_logo:not(.active){opacity:0.6}
/* ==================== Search & Friends List ==================== */
.menu_desktop_search{width:100%;flex:0 0 auto;padding:10px}
.menu_desktop_search input{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:14px}
.menu_desktop_friends_wrapper{position:relative;display:flex;align-items:center;width:100%;flex:0 0 auto;padding:10px}
.menu_desktop_friends_container{display:flex;overflow-x:auto;gap:5px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.menu_desktop_friends_container::-webkit-scrollbar{display:none}
.menu_desktop_friend_item{display:flex;flex-direction:column;align-items:center;gap:1px;width:50px;text-align:center}
.menu_desktop_friend_img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.menu_desktop_friend_item span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50px;color: #000;}
.menu_desktop_arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.3);color:white;border:none;border-radius:50%;cursor:pointer;z-index:10}
.menu_desktop_arrow.left{left:0}
.menu_desktop_arrow.right{right:0}
@media (min-width:768px){.menu_desktop_arrow{display:block}}
/* ==================== Messages ==================== */
.menu_desktop_messages_container{display:flex;flex-direction:column;gap:10px;width:100%;overflow-y:auto;flex:1}
.menu_desktop_message_item{display:flex;align-items:center;gap:5px;border-bottom:1px solid #eee;cursor:pointer;transition:background 0.2s;max-width:100%;overflow:hidden}
.menu_desktop_message_item:hover{background:#f5f5f5}
.menu_desktop_message_item[data-notification-type="mining_product"] .menu_desktop_message_name::before{content:'🛒 '}
.menu_desktop_message_avatar{flex:0 0 50px;height:50px}
.menu_desktop_message_avatar img{width:100%;height:100%}
.menu_desktop_message_content{flex:1;display:flex;flex-direction:column;gap:5px;overflow:hidden}
.menu_desktop_message_name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}
.menu_desktop_message_text{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu_desktop_message_item.unread,.menu_desktop_message_item.unread *{font-weight:700!important}
.menu_desktop_empty_text{font-size:12px;color:#666;text-align:center;width:100%}
/* ==================== Tabs ==================== */
.menu_desktop_tabs{padding: 5px 0;}
.nav-tabs{border-bottom: 0;}
.nav-item{flex:1;text-align:center}
.nav-tabs .nav-link{padding:0;border:none;color:#6c757d;display:flex;flex-direction:column;gap:5px}
.nav-tabs .nav-link span{font-size:12px}
.nav-tabs .nav-link.active{color:#fd7e14;background:none}
.nav-tabs .nav-link i,.theme-yahoo .nav-link.active i, .nav-tabs .nav-link i, .theme-yahoo .nav-link.active span{color:inherit}
/* ==================== Modal Chat ==================== */
.modal-title{color:#000}
.modal-dialog{position:fixed;bottom:0;right:0;height:85vh;margin:0;width:500px;max-width:100%;overflow-x:hidden;opacity:0;animation:fadeIn 0.5s ease-out forwards}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal-content{height:100%;display:flex;flex-direction:column;border:none;border-radius:10px 10px 0 0}
.modal-header,.modal-footer{z-index:1}
.modal-body{flex:1;overflow-y:auto;scrollbar-width:none;padding:0}
#chatBody{overflow-y:auto;padding:0}
.message{display:flex;margin:0;max-width:70%}
.message.received{margin-right:auto;text-align:left;margin-top:10px}
.message.sent{margin-left:auto;margin-top:10px;flex-direction:row-reverse;text-align:right}
.message-avatar{width:30px;height:30px;border-radius:50%;margin:0 5px}
.message.sent .message-content .message-content-img{display:flex;align-items:center;gap:5px;flex-direction:row-reverse}
.message.received .message-content .message-content-img{display:flex;align-items:center;gap:5px}
.message-time{font-size:0.8em;color:#999}
.message.received .message-time{text-align:left}
.message.sent .message-time{text-align:right}
.footer-content{width:100%;display:flex;flex-direction:column;gap:10px}
/* ==================== Animations ==================== */
@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}
.shake{animation:shake 0.5s ease-in-out}
@keyframes stamp{0%{transform:scale(1.5);opacity:0}10%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}
.kiss-effect-yahoo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0;animation:stamp 5s ease-in-out forwards}
/* ==================== Themes - General ==================== */
.theme-wow,.theme-zalo{background:#fff;font-family:'Roboto',sans-serif}
.theme-yahoo{background:#73236c;font-family:sans-serif}
.theme-facebook{background:#fff;font-family:'Helvetica Neue',sans-serif}
.theme-yahoo .theme_logo,.theme-wow .theme_logo,.theme-facebook .theme_logo,.theme-zalo .theme_logo{background:none;padding:5px}
/* Header per theme */
.theme-wow .menu_desktop_header{background:#fd7e14}
.theme-yahoo .menu_desktop_header{background:#73236c}
.theme-facebook .menu_desktop_header{background:#1877F2}
.theme-zalo .menu_desktop_header{background:linear-gradient(90deg,#0A68FE,#007bff80)}
/* Tabs per theme */
.theme-wow .menu_desktop_tabs,.theme-facebook .menu_desktop_tabs,.theme-zalo .menu_desktop_tabs{background:#fff}
.theme-yahoo .menu_desktop_tabs{background:#73236c;border-top:none}
.theme-yahoo .menu_desktop_tabs i,.theme-yahoo .menu_desktop_tabs span{color:#fff}
.theme-facebook .nav-link.active i,.theme-zalo .nav-link.active i,.theme-facebook .nav-link.active span,.theme-zalo .nav-link.active span{color:#1877F2}
/* Yahoo specific */
.theme-yahoo .menu_desktop_messages_container{background:#fff;gap:0;margin:10px;width:auto}
.theme-yahoo .menu_desktop_message_item{padding:5px}
.theme-yahoo .menu_desktop_friend_item span{color:#fff}
.theme-yahoo .menu_desktop_message_avatar img,.theme-yahoo .menu_desktop_friend_item img{border-radius:0;background:#fff}
.theme-yahoo .menu_desktop_user_info,.theme-yahoo .menu_desktop_username,.theme-yahoo .menu_desktop_footer,.theme-yahoo .menu_desktop_name{color:#fff!important}
.theme-yahoo a{background:#fff;border-radius:5px}
.theme-yahoo .menu_desktop_footer a{color:var(--white);background:none}
/* ==================== Chat Modal Themes ==================== */
#chatModal{background:rgba(0,0,0,0.5)}
#chatModal .modal-content{border-radius:10px 10px 0 0}
#chatModal.theme-wow .modal-content{background:#fff}
#chatModal.theme-wow #sendMessageBtn{background:#fd7e14;border-color:#fd7e14}
/* ==================== YAHOO ==================== */
#chatModal.theme-yahoo .modal-content{border-radius:0;background:#fff}
#chatModal.theme-yahoo .modal-title{display:flex;justify-content:space-between;align-items:center;width:100%}
#chatModal.theme-yahoo .modal-header{background:#73236c!important;border-radius:0;padding:0}
#chatModal.theme-yahoo .modal-header img{border-radius:0!important}
.user-avatar,.friend-avatar{width:80px;height:80px;background:#fff;object-fit: cover;}
.webcam,.micro{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px}
.webcam img,.micro img{width:40px;height:40px;filter:opacity(0.5)}
.webcam span,.micro span{font-size:12px;color:#fff}
#chatModal.theme-yahoo #chatBody{padding:10px}
#chatModal.theme-yahoo .modal-footer{background:#73236c!important;border-radius:0;justify-content:flex-start!important}
#chatModal.theme-yahoo .input-group{padding:10px;background:#fff}
#chatModal.theme-yahoo #messageInput{border-radius:0!important;padding:0;border:none}
#chatModal.theme-yahoo #sendMessageBtn{border-radius:0!important;padding:5px 15px;border:none;background:#73236c!important}
#chatModal.theme-yahoo .message-content{background:none;color:#000}
#chatModal.theme-yahoo .message.received .message-username{color:#dc3545}
#chatModal.theme-yahoo .message.sent .message-username{color:#3f51b5}
#chatModal.theme-yahoo .message.sent{margin-left:0;flex-direction:row}
#chatModal.theme-yahoo .message.sent,#chatModal.theme-yahoo .message.received{gap:10px}
#chatModal.theme-yahoo .message-time{display:none}
#chatModal.theme-yahoo .message.sent .message-content .message-content-img{flex-direction:row}
#chatModal.theme-zalo .modal-content,#chatModal.theme-facebook .modal-content{background:#fff}
#chatModal.theme-zalo .modal-body,#chatModal.theme-wow .modal-body{background:#ebecf0}
#chatModal.theme-zalo .message.sent .message-content .message-content-text,#chatModal.theme-wow .message.sent .message-content .message-content-text{background:#e5f1ff;color:#000;padding:10px;border-radius:8px;word-wrap:break-word;box-shadow:rgba(0,0,0,0.15) 1.95px 1.95px 2.6px}
#chatModal.theme-zalo .message.received .message-content .message-content-text,#chatModal.theme-wow .message.received .message-content .message-content-text{background:#fff;padding:10px;border-radius:8px;word-wrap:break-word;box-shadow:rgba(0,0,0,0.15) 1.95px 1.95px 2.6px;color: #000}
#chatModal.theme-zalo .modal-header{background:#0A68FE;color:#fff}
#chatModal.theme-facebook .message.sent .message-content .message-content-text{background:#0829cc;color:#fff;padding:10px}
#chatModal.theme-facebook .message.received .message-content .message-content-text{background:#f5f4fa;padding:10px;border-radius:8px;word-wrap:break-word;box-shadow:rgba(0,0,0,0.15) 1.95px 1.95px 2.6px}
#chatModal.theme-facebook #sendMessageBtn{background:#030bb6;border-color:#030bb6}
#chatModal.theme-wow .footer-content,#chatModal.theme-facebook .footer-content,#chatModal.theme-zalo .footer-content{flex-direction:row}
#chatModal.theme-wow .message.sent .message-avatar,#chatModal.theme-facebook .message.sent .message-avatar,#chatModal.theme-zalo .message.sent .message-avatar{display:none}
#chatModal.theme-wow .message.sent,#chatModal.theme-facebook .message.sent,#chatModal.theme-zalo .message.sent{margin-right:10px}
#chatModal.theme-wow .message.received .message-avatar-placeholder,#chatModal.theme-facebook .message.received .message-avatar-placeholder,#chatModal.theme-zalo .message.received .message-avatar-placeholder{width:30px;margin:0 5px}
.timestamp-divider{text-align:center;font-size:0.8em;color:#000;margin:10px 0;padding:5px;background-color:#00000015}

/* ==================== Settings Tab ==================== */
#settings{display:flex;gap:10px}
.menu_desktop_user_info{display:flex;flex-direction:row;gap:10px}
.menu_desktop_avatar{position:relative}
.menu_desktop_avatar img{width:60px;aspect-ratio:1/1;object-fit:cover;border:1px solid #ccc;padding:5px;border-radius:5px;background:var(--swal2-backdrop)}
.menu_desktop_avatar_edit{position:absolute;bottom:0;right:0;padding:2px;font-size:10px;filter:drop-shadow(0 0 5px var(--orange));background:none!important}
.menu_desktop_name{display:flex;flex-direction:column;width:100%;color: #000;}
.menu_desktop_username{font-size:12px;color:#6c757d}
.menu_desktop_items{display:flex;gap:12px;font-size:12px}
.menu_desktop_coins_logged_in{color:#fd7e14;font-weight:600}
.menu_desktop_menu{display:flex;flex-direction:column;justify-content:space-between;height:100%}
.menu_desktop_menu_buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.menu_desktop_button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border:1px solid #ccc;border-radius:5px;color:#000!important;text-decoration:none;transition:all 0.2s;cursor:pointer}
.menu_desktop_button span{font-size:12px}
.menu_desktop_button:hover{color:#fd7e14;border-color:#fd7e14}
/* ==================== Footer & Language ==================== */
.menu_desktop_language_container{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px}
.menu_desktop_language_toggle_container{position:relative}
.menu_desktop_language_toggle{display:flex;align-items:center;padding:5px;border:1px solid #ccc;border-radius:5px;cursor:pointer;background:#f8f9fa}
.menu_desktop_language_toggle img{width:20px;height:20px}
.menu_desktop_language_dropdown{display:none;position:absolute;bottom:100%;left:0;background:#fff;border:1px solid #ccc;border-radius:5px;padding:8px;box-shadow:0 4px 10px rgba(0,0,0,0.1);z-index:100;min-width:160px}
.menu_desktop_language_dropdown a{display:block;padding:6px 0;color:#000;text-decoration:none}
.menu_desktop_language_dropdown a:hover{color:#fd7e14}
.menu_desktop_language_dropdown img{width:24px;height:24px;vertical-align:middle}
.menu_desktop_setup,.menu_desktop_logout{padding:6px 12px;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:13px;background:#f8f9fa;text-align:center;color:#000}
.menu_desktop_setup:hover,.menu_desktop_logout:hover,.menu_desktop_language_toggle:hover{color:#fd7e14;border-color:#fd7e14}
.menu_desktop_footer{text-align:center;font-size:12px;color:#666}
.menu_desktop_footer img{width:50px;height:50px}
.menu_desktop_footer a{color:#666}
.badge-danger{display:none;position:absolute;top:-40px;left:50%;transform:translateX(-50%);text-align:center;z-index:1;background:red;padding:10px;gap:10px;font-size:16px}
.badge-danger::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid red}
.alert-comment,.alert-mining{display:flex;align-items:center;gap:5px}
/* Force theme cho chat modal */
#chatModal.theme-wow .modal-content { background:#fff !important; }
#chatModal.theme-yahoo .modal-content { background:#fff !important; border-radius:0 !important; border: 0 !important}
#chatModal.theme-yahoo .modal-header { background:#73236c !important; }
#chatModal.theme-yahoo .modal-footer { background:#73236c !important; }
#chatModal .modal-dialog {
    height: 85vh !important;
}
/* Các rule theme khác tương tự */