/* Chat-only overrides, loaded after the theme and each view's styles. */
body.lw-chat-page.lw-chat-layout-ready {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    overflow-x: hidden;
    overflow-y: auto !important;
}
body.lw-chat-layout-ready .main-content { display: block !important; min-height: 0; overflow: visible !important; }
body.lw-chat-layout-ready .main-content > div[x-data="initialMessageData"],
body.lw-chat-layout-ready .main-content > div[x-data="initialMessageData"] > .container-fluid,
body.lw-chat-layout-ready .main-content > div[x-data="initialMessageData"] > .container-fluid > div {
    display: block !important; overflow: visible !important; padding-bottom: 0 !important;
}
body.lw-chat-layout-ready .card.lw-whatsapp-chat-block-container {
    height: var(--lw-chat-available-height, calc(100dvh - 130px)) !important;
    min-height: 0 !important; margin-bottom: 0 !important;
    display: flex !important; flex-direction: column; overflow: hidden;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    z-index: auto !important;
}
body.lw-chat-layout-ready .card.lw-whatsapp-chat-block-container #lwWhatsAppChatWindow {
    display: flex !important; flex-direction: column; flex: 1 1 auto;
    min-height: 0; padding: 12px !important; overflow: hidden;
}
body.lw-chat-layout-ready #lwWhatsAppChatWindow > .row {
    flex: 1 1 auto; flex-wrap: nowrap; min-height: 0; margin: 0 !important;
}
body.lw-chat-layout-ready #lwWhatsAppChatWindow .page.chat-container {
    height: 100% !important; min-width: 0; min-height: 0; margin-bottom: 0 !important;
    padding: 0 8px; display: flex; flex-direction: column;
}
body.lw-chat-layout-ready #lwWhatsAppChatWindow .marvel-device.nexus5,
body.lw-chat-layout-ready #lwWhatsAppChatWindow .screen,
body.lw-chat-layout-ready #lwWhatsAppChatWindow .screen-container,
body.lw-chat-layout-ready #lwWhatsAppChatWindow #lwChatWindowBox,
body.lw-chat-layout-ready #lwChatWindowBox > div[x-show="!isMessagesLoading"],
body.lw-chat-layout-ready #lwChatWindowBox > div[x-show="!isMessagesLoading"] > div {
    display: flex; flex-direction: column; flex: 1 1 auto;
    width: 100% !important; height: 100% !important; min-height: 0 !important;
    padding: 0 !important; margin: 0 !important; overflow: hidden;
}
body.lw-chat-layout-ready #lwChatWindowBox .conversation {
    flex: 1 1 0; display: flex !important; flex-direction: column;
    min-height: 0 !important; height: auto !important; padding: 0 !important; overflow: hidden !important;
}
body.lw-chat-layout-ready #lwChatWindowBox .conversation .conversation-container {
    flex: 1 1 0; min-height: 0 !important; height: auto !important; max-height: none !important;
    overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain;
}
body.lw-chat-layout-ready #lwChatWindowBox .conversation-compose {
    flex: 0 0 auto !important; min-height: 56px; margin: 0 !important;
    padding: 6px 8px max(6px, env(safe-area-inset-bottom)) !important; gap: 6px;
}
body.lw-chat-layout-ready #lwChatWindowBox .conversation-compose .emojionearea,
body.lw-chat-layout-ready #lwChatWindowBox .conversation-compose .input-msg {
    flex: 1 1 0; min-width: 0; width: auto !important;
}
body.lw-chat-layout-ready #lwChatWindowBox .emojionearea-editor { max-height: 100px; min-height: 38px; overflow-y: auto; }
body.lw-chat-layout-ready #lwChatWindowBox .user-bar {
    display: flex !important; align-items: center; flex: 0 0 auto; flex-wrap: nowrap;
    gap: 8px; min-height: 64px; height: auto !important; padding: 10px !important;
    background: #075e54 !important; color: #fff !important;
}
body.lw-chat-layout-ready #lwChatWindowBox .user-bar .name {
    flex: 1 1 0; min-width: 0; max-width: none !important; width: auto !important;
    white-space: normal; overflow-wrap: anywhere; font-size: 15px; line-height: 1.3;
}
body.lw-chat-layout-ready #lwChatWindowBox .user-bar .name a,
body.lw-chat-layout-ready #lwChatWindowBox .user-bar .status.text-success { color: #e0fff4 !important; }
body.lw-chat-layout-ready #lwChatWindowBox .user-bar .status.text-yellow { color: #fff2b3 !important; }
body.lw-chat-layout-ready #lwChatWindowBox .user-bar .status { white-space: normal; line-height: 1.4; font-size: 12px !important; }
body.lw-chat-layout-ready #lwChatWindowBox .user-bar .actions { flex: 0 0 auto; float: none; margin: 0; }
body.lw-chat-layout-ready #lwChatWindowBox .user-bar button,
body.lw-chat-layout-ready #lwChatWindowBox .user-bar .lw-whatsapp-bar-icon-btn,
body.lw-chat-layout-ready #lwChatWindowBox .user-bar .back {
    min-height: 36px; min-width: 32px; border: 0; background: transparent; color: #fff;
    align-items: center; justify-content: center; padding: 4px; cursor: pointer;
}
body.lw-chat-layout-ready #lwChatWindowBox .message { overflow-wrap: anywhere; }
body.lw-chat-layout-ready #lwChatWindowBox .message img,
body.lw-chat-layout-ready #lwChatWindowBox .message video { max-width: 100%; height: auto; }
body.lw-chat-layout-ready #lwChatWindowBox .metadata { white-space: normal; }
body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-list-block,
body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-crm-block { margin-bottom: 0 !important; min-height: 0; overflow-y: auto; }
body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-list { max-height: none !important; }

/* Social inbox: avoid 25% columns collapsing to ~100px beside the site sidebar. */
.lw-social-chat-page .lw-social-chat-card > .card-header h3 { color: #fff !important; }
.lw-social-chat-page .lw-social-chat-card > .card-header .col-8 { flex: 1 1 auto; max-width: 100%; }
.lw-social-chat-page .lw-social-chat-card > .card-header .col-4 { flex: 0 1 auto; width: auto; }
.lw-social-chat-page .lw-social-chat-card > .card-header .col-4:empty { display: none; }
.lw-social-chat-page .lw-social-chat-card { margin-bottom: 12px; }
.lw-social-chat-page .lw-social-chat-card > .card-body { padding: 16px !important; }
.lw-social-chat-page .lw-social-chat-card .lw-whatsapp-chat-window > .row { display: flex; margin: 0; gap: 16px; }
.lw-social-chat-page .lw-social-chat-card .lw-contact-list-block { flex: 0 0 280px; max-width: 280px; padding: 0; margin-bottom: 0 !important; }
.lw-social-chat-page .lw-social-chat-card .lw-contact-list-block + div { flex: 1 1 0; min-width: 0; max-width: none; padding: 0; }
.lw-social-chat-page .lw-social-chat-card h1 { font-size: 22px; }
.lw-social-chat-page .lw-social-chat-card .input-group { flex-wrap: nowrap; }
.lw-social-chat-page .lw-social-chat-card .input-group input { min-width: 0; }
.lw-social-chat-page .lw-social-chat-card #searchInput { flex: 1 1 0 !important; width: 0 !important; min-width: 0; }
.lw-social-chat-page .lw-social-chat-card .input-group-text { flex: 0 0 40px; width: 40px; justify-content: center; }
.lw-social-chat-page .lw-social-chat-card .btn-group { display: flex !important; gap: 6px; }
.lw-social-chat-page .lw-social-chat-card .btn-group label { flex: 1; margin: 0 !important; padding: 10px 6px; white-space: nowrap; }
.lw-social-chat-page .lw-social-chat-card .btn-check { position: absolute; opacity: 0; width: 1px; height: 1px; }
.lw-social-chat-page .lw-social-chat-card .btn-check:checked + label { background: #ede9fe !important; color: #4b22c8 !important; box-shadow: inset 0 0 0 2px #6c3cf0; }
.lw-social-chat-page .lw-social-chat-card .btn-check:focus-visible + label { outline: 3px solid #a78bfa; outline-offset: 2px; }
.lw-social-chat-page .lw-social-chat-card .message-content { white-space: pre-wrap; overflow-wrap: anywhere; }
.lw-social-chat-page .lw-social-chat-card .flex-grow-1,
.lw-social-chat-page .lw-social-chat-card .caption-block { min-width: 0; overflow-wrap: anywhere; }
.lw-social-chat-page .lw-social-chat-card .avatar { flex-shrink: 0; margin-right: 8px; }
.lw-social-chat-page .lw-social-chat-card #chat-header-username,
.lw-social-chat-page .lw-social-chat-card #comments-header-caption { overflow-wrap: anywhere; }
.lw-social-chat-page .lw-social-chat-card #chat-messages,
.lw-social-chat-page .lw-social-chat-card #comments-messages { height: min(52dvh, 520px) !important; min-height: 160px; overscroll-behavior: contain; }
.lw-social-chat-page .lw-social-chat-card button { min-height: 40px; }
.lw-social-chat-page .lw-social-chat-card #message-form { display: flex; gap: 8px; }
.lw-social-chat-page .lw-social-chat-card #message-input { flex: 1; min-width: 0; }
.lw-social-chat-page .lw-social-chat-card #empty-state,
.lw-social-chat-page .lw-social-chat-card #comments-empty-state { padding: 24px 16px !important; }
@media (max-width: 1199.98px) {
    body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-list-block,
    body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-crm-block {
        position: fixed !important; inset: 0 !important; width: 100vw !important;
        max-width: 100% !important; height: 100dvh !important; z-index: 1060;
        background: #fff; padding: 16px !important; overflow-y: auto !important;
    }
    .lw-social-chat-page .lw-social-chat-card .lw-contact-list-block,
    .lw-social-chat-page .lw-social-chat-card .lw-contact-list-block + div { flex: 0 0 100%; max-width: 100%; }
    .lw-social-chat-page .lw-social-chat-card .lw-contact-list { max-height: 220px !important; }
    .lw-social-chat-page .lw-social-chat-card .lw-contact-list-block > .d-flex { margin-bottom: 8px !important; }
}
@media (max-width: 767.98px) {
    body.lw-chat-layout-ready .main-content { padding-top: 0 !important; margin-top: 0 !important; }
    body.lw-chat-layout-ready #navbar-main { top: auto !important; margin-top: 0 !important; min-height: 48px; height: auto; }
    body.lw-chat-layout-ready .lw-mobile-toolbar { position: relative; flex-shrink: 0; }
    body.lw-chat-layout-ready .main-content > div[x-data="initialMessageData"] > .container-fluid { padding: 0 !important; }
    body.lw-chat-layout-ready .card.lw-whatsapp-chat-block-container #lwWhatsAppChatWindow { padding: 0 !important; }
    body.lw-chat-layout-ready #lwWhatsAppChatWindow .page.chat-container { padding: 0 !important; }
    body.lw-chat-layout-ready #lwChatWindowBox .user-bar .avatar { display: none !important; }
    body.lw-chat-layout-ready #lwChatWindowBox .user-bar .name { font-size: 14px !important; }
    body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-list-block,
    body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-crm-block { height: 100dvh !important; padding-top: max(12px, env(safe-area-inset-top)) !important; }
    .lw-social-chat-page .main-content > .container-fluid { padding: 8px; }
    .lw-social-chat-page .lw-social-chat-card > .card-header { padding: 14px; }
    .lw-social-chat-page .lw-social-chat-card > .card-body { padding: 12px !important; }
    .lw-social-chat-page .lw-social-chat-card .message { max-width: 92%; }
}

/* WhatsApp control surfaces: keep existing handlers, permissions and modal targets. */
body.lw-chat-layout-ready .card.lw-whatsapp-chat-block-container,
body.lw-chat-layout-ready .card.lw-whatsapp-chat-block-container #lwWhatsAppChatWindow,
body.lw-chat-layout-ready #lwWhatsAppChatWindow .marvel-device.nexus5,
body.lw-chat-layout-ready #lwWhatsAppChatWindow .screen,
body.lw-chat-layout-ready #lwWhatsAppChatWindow .screen-container,
body.lw-chat-layout-ready #lwWhatsAppChatWindow #lwChatWindowBox,
body.lw-chat-layout-ready #lwChatWindowBox > div[x-show="!isMessagesLoading"],
body.lw-chat-layout-ready #lwChatWindowBox > div[x-show="!isMessagesLoading"] > div,
body.lw-chat-layout-ready #lwChatWindowBox .conversation,
body.lw-chat-layout-ready #lwChatWindowBox .conversation-compose {overflow:visible!important;}
body.lw-chat-layout-ready #lwChatWindowBox .user-bar {border-radius:14px 14px 0 0;box-shadow:0 4px 16px #102c2414;position:relative;z-index:3;}
body.lw-chat-layout-ready #lwChatWindowBox .conversation-compose {position:relative;z-index:4;background:#f5f8fa;border-top:1px solid #dde6eb;border-radius:0 0 14px 14px;}
body.lw-chat-layout-ready #lwChatWindowBox .photo {flex:0 0 auto;display:flex!important;align-items:center;}
body.lw-chat-layout-ready #lwChatWindowBox .photo > a {display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:white;border:1px solid #d5e0e6;color:#075e54;}
body.lw-chat-layout-ready #lwChatWindowBox .dropdown-menu {border:1px solid #dce5eb;border-radius:12px;padding:6px;box-shadow:0 12px 32px #172e3a29;max-width:calc(100vw - 32px);min-width:230px;z-index:1050;}
body.lw-chat-layout-ready #lwChatWindowBox .dropdown-item {padding:11px 12px;min-height:42px;border-radius:7px;white-space:normal;color:#263d4b;}
body.lw-chat-layout-ready #lwChatWindowBox .dropdown-item:hover {background:#edf6f3;}
body.lw-chat-layout-ready #lwChatWindowBox .emojionearea-picker {max-width:calc(100vw - 32px);z-index:1050;}
body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-crm-block fieldset {border:1px solid #dce5eb;border-radius:12px;background:#fff;margin-bottom:16px;padding:14px!important;min-width:0;}
body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-crm-block legend {font-size:14px;font-weight:700;color:#263d4b;width:auto;padding:0 6px;}
body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-crm-block dd {color:#364e5c;overflow-wrap:anywhere;}
body.lw-chat-layout-ready #lwWhatsAppChatWindow .lw-contact-crm-block .btn {white-space:normal;min-height:40px;}
body.lw-chat-layout-ready #lwAssignSystemUserForm .form-group {margin-top:0!important;}
body.lw-chat-layout-ready #lwAssignSystemUserForm .selectize-input {min-height:42px;border-radius:8px;border-color:#cbd8e0;}
body.lw-chat-layout-ready #lwWhatsAppChatWindow button:focus-visible,
body.lw-chat-layout-ready #lwWhatsAppChatWindow a:focus-visible {outline:3px solid #539cf1;outline-offset:3px;}
@media(max-width:575.98px){body.lw-chat-layout-ready #lwChatWindowBox .user-bar {gap:4px;}body.lw-chat-layout-ready #lwChatWindowBox .user-bar .actions {display:flex;align-items:center;gap:2px;}body.lw-chat-layout-ready #lwChatWindowBox .user-bar .actions .mr-3 {margin-right:4px!important;}}

/* Contact editing modals must appear above the mobile contact panels (1060). */
body.lw-chat-layout-ready .modal {z-index:1080!important;}
body.lw-chat-layout-ready .modal-backdrop {z-index:1070!important;}