/* FRONTEND-REVENUE-01 — premium SaaS CTA + lead capture layer */
.lbi-revenue-dock{border-color:rgba(14,165,233,.28)!important;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.94))!important;box-shadow:0 26px 80px rgba(15,23,42,.28),0 0 0 1px rgba(255,255,255,.06) inset!important}
.lbi-revenue-dock:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 14% 30%,rgba(59,130,246,.24),transparent 30%),radial-gradient(circle at 86% 20%,rgba(34,197,94,.18),transparent 26%);pointer-events:none}
.lbi-revenue-dock>*{position:relative;z-index:1}.lbi-conversion-dock__text strong{font-size:16px!important;letter-spacing:-.01em}.lbi-conversion-dock__text span{font-size:13.5px!important;color:rgba(226,232,240,.92)!important}.lbi-conversion-btn--audit{border-color:rgba(251,191,36,.55)!important;background:rgba(251,191,36,.14)!important;color:#fef3c7!important}.lbi-conversion-btn--audit:hover{background:rgba(251,191,36,.22)!important}.lbi-conversion-btn--whatsapp{border-color:rgba(34,197,94,.75)!important;background:linear-gradient(135deg,rgba(34,197,94,.26),rgba(22,163,74,.18))!important}.lbi-revenue-lead-modal .lbi-lead-modal__card{width:min(680px,100%)!important;border-color:rgba(59,130,246,.22)!important}.lbi-revenue-lead-modal .lbi-lead-modal__card:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,#2563eb,#06b6d4,#22c55e)}.lbi-revenue-lead-modal .lbi-lead-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lbi-revenue-lead-modal input,.lbi-revenue-lead-modal select{min-height:48px}.lbi-revenue-lead-modal input[required]{border-color:rgba(34,197,94,.45)!important}.lbi-closing-promises{display:flex;flex-wrap:wrap;gap:8px}.lbi-closing-promises span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(37,99,235,.14);border-radius:999px;background:rgba(37,99,235,.07);padding:7px 10px;color:#1e293b;font-size:12px;font-weight:800}.dark .lbi-closing-promises span{border-color:rgba(125,211,252,.18);background:rgba(14,165,233,.12);color:#dbeafe}.lbi-closing-promises span:before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#22c55e;color:#fff;font-size:11px}.lbi-ai-recommendation{font-weight:700}.lbi-ai-recommendation span{font-weight:900}.lbi-lead-modal-open{overflow:hidden}.lbi-lead-modal-open body{overflow:hidden}@media (min-width:761px){.lbi-revenue-dock .lbi-conversion-dock__actions{flex-wrap:nowrap}.lbi-revenue-dock .lbi-conversion-btn{min-width:max-content}}@media (max-width:760px){.lbi-revenue-dock{width:calc(100% - 18px)!important;gap:10px!important;padding:12px!important}.lbi-revenue-dock .lbi-conversion-dock__actions{grid-template-columns:1fr 1fr!important}.lbi-revenue-dock .lbi-conversion-btn{min-height:44px!important;padding:10px 12px!important}.lbi-revenue-dock .lbi-conversion-btn--whatsapp{grid-column:1/-1}.lbi-revenue-lead-modal{align-items:start!important;overflow:auto!important}.lbi-revenue-lead-modal .lbi-lead-modal__card{margin-top:10px;margin-bottom:10px;padding:22px 15px!important}.lbi-revenue-lead-modal .lbi-lead-modal__grid{grid-template-columns:1fr!important}.lbi-closing-promises{justify-content:center}.lbi-closing-promises span{font-size:11.5px}}
/* FRONTEND-REVENUE-03 — Conversion Intelligence Engine */
.lbi-conversion-intelligence-panel{position:relative;overflow:hidden;border-color:rgba(14,165,233,.18)!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.96))!important}.dark .lbi-conversion-intelligence-panel{background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.9))!important;border-color:rgba(125,211,252,.16)!important}.lbi-conversion-intelligence-panel:before{content:"";position:absolute;inset:auto -70px -90px auto;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(14,165,233,.16),transparent 66%);pointer-events:none}.lbi-conversion-stat{border:1px solid rgba(15,23,42,.08);border-radius:20px;background:rgba(255,255,255,.78);padding:16px}.dark .lbi-conversion-stat{border-color:rgba(148,163,184,.18);background:rgba(15,23,42,.42)}.lbi-conversion-stat strong{display:block;font-size:22px;line-height:1.1;color:#0f172a}.dark .lbi-conversion-stat strong{color:#fff}.lbi-conversion-stat span{display:block;margin-top:6px;font-size:12px;font-weight:800;color:#64748b}.dark .lbi-conversion-stat span{color:#cbd5e1}.lbi-conversion-segments{border:1px solid rgba(14,165,233,.16);border-radius:24px;background:rgba(14,165,233,.06);padding:20px}.dark .lbi-conversion-segments{background:rgba(14,165,233,.1);border-color:rgba(125,211,252,.16)}.lbi-conversion-segments h3{font-size:17px;font-weight:900;color:#0f172a}.dark .lbi-conversion-segments h3{color:#fff}.lbi-conversion-segments span{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:800;color:#334155}.dark .lbi-conversion-segments span{color:#dbeafe}.lbi-conversion-segments i{color:#0284c7}.lbi-conversion-segments blockquote{margin-top:18px;border-radius:18px;background:rgba(255,255,255,.75);padding:16px}.dark .lbi-conversion-segments blockquote{background:rgba(15,23,42,.42)}.lbi-conversion-segments blockquote strong,.lbi-conversion-segments blockquote small{display:block}.lbi-conversion-segments blockquote small{margin-top:6px;color:#64748b}.dark .lbi-conversion-segments blockquote small{color:#cbd5e1}@media(max-width:760px){.lbi-conversion-intelligence-panel{padding:20px!important}.lbi-conversion-stat{padding:14px}.lbi-conversion-segments{padding:16px}}

/* =========================================================
   V131 EMERGENCY MODAL POSITION + CAIRO FONT FIX
   Scope: Revenue lead modal only.
   Reason: modal top was clipped behind fixed main navigation.
   Safe approach: no footer/CTA/fixed dock behavior changes.
   ========================================================= */

@font-face{
    font-family:'Cairo';
    src:url('../../fonts/cairo/Cairo-Regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'Cairo';
    src:url('../../fonts/cairo/Cairo-SemiBold.ttf') format('truetype');
    font-weight:600;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'Cairo';
    src:url('../../fonts/cairo/Cairo-Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

html[dir="rtl"] body,
html[lang="ar"] body,
.lbi-revenue-lead-modal,
.lbi-revenue-lead-modal input,
.lbi-revenue-lead-modal select,
.lbi-revenue-lead-modal button,
.lbi-revenue-lead-modal textarea,
.lbi-conversion-dock,
.lbi-conversion-dock button,
.lbi-conversion-dock a{
    font-family:'Cairo',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

/* The modal itself must respect the fixed header height */
.lbi-lead-modal,
.lbi-revenue-lead-modal{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-top:calc(var(--lbi-header-height, 82px) + 18px)!important;
    padding-right:18px!important;
    padding-left:18px!important;
    padding-bottom:28px!important;
    box-sizing:border-box!important;
}

/* Keep hidden behavior intact */
.lbi-lead-modal[hidden],
.lbi-revenue-lead-modal[hidden]{
    display:none!important;
}

/* Card must fit inside remaining viewport and never start behind navbar */
.lbi-revenue-lead-modal .lbi-lead-modal__card{
    margin-top:0!important;
    margin-bottom:0!important;
    max-height:calc(100dvh - var(--lbi-header-height, 82px) - 46px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    box-sizing:border-box!important;
    scrollbar-width:thin;
}

/* Fallback for browsers that do not support dvh */
@supports not (height:100dvh){
    .lbi-revenue-lead-modal .lbi-lead-modal__card{
        max-height:calc(100vh - var(--lbi-header-height, 82px) - 46px)!important;
    }
}

/* Ensure the title area is always visible and not clipped */
.lbi-revenue-lead-modal .lbi-lead-modal__badge,
.lbi-revenue-lead-modal .lbi-lead-modal__card h3,
.lbi-revenue-lead-modal .lbi-lead-modal__card p{
    position:relative;
    z-index:2;
}

/* Better Arabic readability in modal */
html[dir="rtl"] .lbi-revenue-lead-modal .lbi-lead-modal__card{
    text-align:right;
}
html[dir="rtl"] .lbi-revenue-lead-modal input,
html[dir="rtl"] .lbi-revenue-lead-modal select{
    text-align:right;
}

/* Desktop: keep modal elegant and centered horizontally */
@media (min-width: 761px){
    .lbi-revenue-lead-modal .lbi-lead-modal__card{
        width:min(680px, calc(100vw - 36px))!important;
    }
}

/* Mobile: slightly smaller header offset and comfortable scrolling */
@media (max-width: 760px){
    .lbi-lead-modal,
    .lbi-revenue-lead-modal{
        padding-top:calc(var(--lbi-header-height, 72px) + 12px)!important;
        padding-right:10px!important;
        padding-left:10px!important;
        padding-bottom:18px!important;
    }
    .lbi-revenue-lead-modal .lbi-lead-modal__card{
        width:100%!important;
        max-height:calc(100dvh - var(--lbi-header-height, 72px) - 30px)!important;
        border-radius:22px!important;
    }
}

/* Keep conversion dock untouched except Cairo typography */
.lbi-conversion-dock{
    font-family:'Cairo',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
