/* MASTER BRIDGE — SYSTEM 3.1.16 — WHATSAPP CRM NAVIGATION
   WhatsApp-only navigation styling.
   Does not alter the existing CRM design system.
*/

#masterBridgeWhatsAppCRMNavFix{
    width:100%;
    box-sizing:border-box;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-nav-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:14px;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-nav-title{
    margin:0;
    font-size:30px;
    line-height:1.2;
    font-weight:800;
    color:#0F172A;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-nav-subtitle{
    margin:5px 0 0;
    color:#64748B;
    font-size:15px;
    line-height:1.5;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-status-pill{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:36px;
    padding:0 14px;
    border:1px solid #BFDBFE;
    border-radius:999px;
    background:#FFFFFF;
    color:#475569;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    box-sizing:border-box;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-status-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#2563EB;
    display:inline-block;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-status-pill.is-connected{
    color:#166534;
    border-color:#BBF7D0;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-status-pill.is-connected .mb-wa-status-dot{
    background:#16A34A;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-tabs{
    display:flex;
    align-items:center;
    gap:0;
    border-bottom:1px solid #D6E0EA;
    margin-bottom:18px;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-tab{
    appearance:none;
    border:0;
    border-bottom:2px solid transparent;
    background:transparent;
    color:#475569;
    padding:0 14px 12px;
    margin:0;
    font:inherit;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-tab:hover{
    color:#1D4ED8;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-tab.is-active{
    color:#1D4ED8;
    border-bottom-color:#2563EB;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-panel{
    width:100%;
    min-width:0;
    box-sizing:border-box;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-frame{
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    border:0;
    margin:0;
    padding:0;
    background:#EEF3F8;
    border-radius:12px;
    overflow:hidden;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-frame.is-mapping{
    height:auto !important;
    min-height:0 !important;
}

@media (max-width:800px){
    #masterBridgeWhatsAppCRMNavFix .mb-wa-nav-head{
        flex-direction:column;
    }
    #masterBridgeWhatsAppCRMNavFix .mb-wa-status-pill{
        align-self:flex-start;
    }
    #masterBridgeWhatsAppCRMNavFix .mb-wa-frame,
    #masterBridgeWhatsAppCRMNavFix .mb-wa-frame.is-mapping{
        height:auto !important;
        min-height:0 !important;
    }
}


/* ============================================================
   SYSTEM 3.1.4 — SINGLE MAIN-PAGE SCROLL + FULLER CONTENT WIDTH
   WhatsApp CRM only. Existing Inbox / Mapping systems untouched.
   ============================================================ */
#masterBridgeWhatsAppCRMNavFix{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-panel{
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-frame{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    display:block !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:transparent !important;
    border-radius:12px;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-frame.is-mapping{
    height:auto !important;
    min-height:0 !important;
}


/* SYSTEM 3.1.6 — iframe content must determine page height.
   No fixed/extra blank height and no nested page scrolling. */
#masterBridgeWhatsAppCRMNavFix,
#masterBridgeWhatsAppCRMNavFix .mb-wa-panel,
#masterBridgeWhatsAppCRMNavFix .mb-wa-frame{
    max-height:none !important;
}


/* ============================================================
   SYSTEM 3.1.9 — INBOX FULL CONTENT / SINGLE OUTER SCROLL
   The CRM shell must grow with the WhatsApp child page. The child
   iframe must never create a short clipped viewport.
   ============================================================ */
#masterBridgeWhatsAppCRMNavFix .mb-wa-panel,
#masterBridgeWhatsAppCRMNavFix .mb-wa-frame{
    overflow:visible !important;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-frame{
    width:100% !important;
    min-width:0 !important;
    min-height:240px !important;
    max-height:none !important;
    background:transparent !important;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-panel:after{
    content:"";
    display:block;
    clear:both;
}


/* ============================================================
   SYSTEM 3.1.15 — TAB-SPECIFIC HEIGHT
   Only Inbox uses the compact 250px workspace. Connect and Contact
   Mapping must expand to their actual content height.
   ============================================================ */
#masterBridgeWhatsAppCRMNavFix .mb-wa-panel{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-frame{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
}

#masterBridgeWhatsAppCRMNavFix .mb-wa-frame.is-inbox{
    height:640px !important;
    min-height:640px !important;
    max-height:640px !important;
}

/* SYSTEM 3.1.15 — INBOX FULL WORKSPACE + HIDDEN INTERNAL SCROLLBAR
   Keep the Inbox workspace at the requested starting-page height (640px).
   The child page may still scroll when messages exceed the workspace,
   but its scrollbar must never be visible. */
#masterBridgeWhatsAppCRMNavFix .mb-wa-frame.is-inbox{
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
}
#masterBridgeWhatsAppCRMNavFix .mb-wa-frame.is-inbox::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
}


/* SYSTEM 3.1.15 — CHAT-ONLY SCROLL
   Inbox shell, conversation header and CRM contact remain fixed.
   Only the center WhatsApp message stream scrolls; scrollbar stays hidden. */
#masterBridgeWhatsAppCRMNavFix .mb-wa-frame.is-inbox{
    overflow:hidden !important;
}
#masterBridgeWhatsAppCRMNavFix .mb-wa-frame.is-inbox::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
}