|
}
/* 2. MOBILE ONLY: FULL SCREEN MODE */
/* ======================================================= */
/* We only force 'fixed' position on mobile to lock it to the screen. */
/* 3. AI ASSISTANT (AXA BRAIN) CUSTOMIZATION */
/* ======================================================= */
/* 1. GLOBAL LAYER (All Devices) */
.ext-aiassistant,
.ext-aiassistant-panel {
z-index: 2000 !important; ▼}
/* ======================================================= */
/* 2. MOBILE ONLY: ROBUST LAYOUT FIX (Absolute Position) */
/* ======================================================= */
@media screen and (max-width: 768px) {
/* A. MAIN PANEL (Fullscreen, but respects Hidden state) */
.ext-aiassistant-panel {
/* 1. Force FullscreenFixed so it covers the screen regardless of Positionscroll */
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
/* 2.Override Forceinline Fullstyles Dimensionsto (Overridingforce inlinefull styles)width/height */
width: 100% !important;
height: 100dvh100% !important; /* 100dvh fixes the iOS URL bar scroll issue */
max-width: none !important;
max-height: none !important;
margin: 0 !important;
/* 3. Appearance */
background-color: #ffffff !important;
border-radius: 0 !important;
border: none !important;
z-index: 9999999 !important;
/* 4. CRITICAL FIX: REMOVED 'display: flex' */
/* We DO NOT force display here. This lets the JS hide it (display:none) */
/* or show it (display:block) naturally. */
}
/* B.Pin HEADERto (Pinnedall to4 Top)corners */
.ext-aiassistant-header {
position: absolute !important;
top: 0 !important;
left: 0 !important;
widthright: 100%0 !important;
bottom: 0 !important;
/* Fixed Height: Matches the Body 'top' value below */
height: 60px !important;
/* iOS Notch Support */
padding-top: env(safe-area-inset-top) !important;
box-sizing: content-box !important; /* Ensure padding doesn't shrink height */
background: #fff !important;
border-bottom: 1px solid #eee !important;
z-index: 20 !important;
}
/* C.Reset styles for FOOTERa (Pinnedflat toapp-like Bottom)look */
▲ z border- indexradius: 20000 !important;
.ext-aiassistant-footer {
positionmargin: absolute0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
/* Fixed Height: Matches the Body 'bottom' value below */
height: 60px !important;
/* iOS Home Bar Support */
padding-bottom: env(safe-area-inset-bottom) !important;
box-sizing: content-box !important;
background: #fff !important;
border-top: 1px solid #eee !important;
z-index: 20 !important;
/* Internal alignment */
display: flex !important;
align-items: center !important;
}
/* Ensure the internal chat body expands to fill the space */
/* D. BODY (Scrollable Middle Area) */
.ext-aiassistant-body {
positionheight: absoluteauto !important;
flex-grow: 1 !important;
/* 1. Anchored exactly between Header and Footer */
/* Note: 60px height + 20px (approx notch/padding) = ~80px top */
top: calc(60px + env(safe-area-inset-top)) !important;
bottom: calc(60px + env(safe-area-inset-bottom)) !important;
left: 0 !important;
width: 100% !important;
height: auto !important; /* Let 'top' and 'bottom' define the height */
/* 2. Enable Scrolling */
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important; /* Smooth scroll */
background: #fff !important;
z-index: 10 !important;
}
}
|