.e2ails-ayans-overlay{position:fixed;inset:0;z-index:999999;background:rgba(5,25,18,.38);display:grid;place-items:center;padding:18px}.e2ails-ayans-card{position:relative;width:min(520px,94vw);border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25);overflow:hidden;animation:e2aCoachIn .35s ease both}.e2ails-ayans-card.is-leaving{animation:e2aCoachOut .28s ease both}.e2ails-ayans-head{display:flex;gap:15px;align-items:center;padding:20px 22px;background:linear-gradient(135deg,#06432d,#0b6b45);color:#fff}.e2ails-ayans-avatar{width:76px;height:76px;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.8);background:#fff}.e2ails-ayans-avatar-fallback{display:grid;place-items:center;font-size:34px}.e2ails-ayans-head h3{margin:0 0 3px;color:#fff;font-size:22px}.e2ails-ayans-head small{color:#e6f5ed}.e2ails-ayans-x{position:absolute;right:13px;top:10px;border:0!important;background:transparent!important;color:#fff!important;font-size:28px;line-height:1;cursor:pointer;padding:5px}.e2ails-ayans-body{padding:22px}.e2ails-ayans-body p{font-size:16px;line-height:1.65;margin:0 0 17px}.e2ails-ayans-options{display:grid;gap:9px}.e2ails-ayans-option{width:100%;padding:12px 14px;border:0;border-radius:11px;background:#0b6b45;color:#fff!important;font-weight:800;text-align:left;cursor:pointer}.e2ails-ayans-option:hover{filter:brightness(.92)}.e2ails-ayans-note{margin-top:12px;font-size:12px;color:#667085}@keyframes e2aCoachIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes e2aCoachOut{to{opacity:0;transform:translateY(12px) scale(.98)}}
.e2ails-ayans-avatar{object-position:center 18%;}

/* v4.2.0 Mr. Ayans mobile readability */
.e2ails-ayans-modal .e2ails-ayans-body,.e2ails-ayans-modal .e2ails-ayans-content,.e2ails-ayans-panel .e2ails-ayans-body,.e2ails-ayans-panel .e2ails-ayans-content{color:#33473d!important}.e2ails-ayans-modal .e2ails-ayans-body p,.e2ails-ayans-modal .e2ails-ayans-content p,.e2ails-ayans-panel .e2ails-ayans-body p,.e2ails-ayans-panel .e2ails-ayans-content p{color:#33473d!important;opacity:1!important;text-shadow:none!important;-webkit-text-fill-color:#33473d!important}@media(max-width:768px){.e2ails-ayans-modal .e2ails-ayans-body,.e2ails-ayans-modal .e2ails-ayans-content,.e2ails-ayans-panel .e2ails-ayans-body,.e2ails-ayans-panel .e2ails-ayans-content{background:#fff!important;color:#33473d!important}.e2ails-ayans-modal .e2ails-ayans-body p,.e2ails-ayans-modal .e2ails-ayans-content p,.e2ails-ayans-panel .e2ails-ayans-body p,.e2ails-ayans-panel .e2ails-ayans-content p{color:#33473d!important;opacity:1!important;-webkit-text-fill-color:#33473d!important}}


/* ==========================================================
   v4.2.1 EXACT MR. AYANS MOBILE READABILITY FIX
   The live popup uses .e2ails-ayans-card, not modal/panel.
   ========================================================== */

.e2ails-ayans-card {
    background: #ffffff !important;
}

.e2ails-ayans-card .e2ails-ayans-body {
    background: #ffffff !important;
    color: #33473d !important;
}

.e2ails-ayans-card .e2ails-ayans-body > p {
    color: #33473d !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #33473d !important;
    text-shadow: none !important;
}

.e2ails-ayans-card .e2ails-ayans-note {
    color: #5f6f67 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #5f6f67 !important;
}

.e2ails-ayans-card .e2ails-ayans-option {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 768px) {
    .e2ails-ayans-card .e2ails-ayans-body {
        background: #ffffff !important;
        color: #263b31 !important;
    }

    .e2ails-ayans-card .e2ails-ayans-body > p {
        color: #263b31 !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
        font-weight: 500 !important;
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-text-fill-color: #263b31 !important;
        filter: none !important;
        mix-blend-mode: normal !important;
    }

    .e2ails-ayans-card .e2ails-ayans-note {
        color: #5d6b64 !important;
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-text-fill-color: #5d6b64 !important;
    }

    .e2ails-ayans-card .e2ails-ayans-option,
    .e2ails-ayans-card .e2ails-ayans-option * {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
}

/* v4.2.2 fallback - JS now applies the critical mobile text colour directly */
.e2ails-ayans-card .e2ails-ayans-body > p{color:#263b31!important;-webkit-text-fill-color:#263b31!important;opacity:1!important}


/* ==========================================================
   v4.2.5 FINAL MR. AYANS MOBILE MESSAGE CONTRAST
   Exact live component selectors plus mobile browser fallbacks.
   ========================================================== */
.e2ails-ayans-card .e2ails-ayans-body {
    background:#ffffff !important;
    color:#263b31 !important;
}
.e2ails-ayans-card .e2ails-ayans-body p:first-of-type {
    display:block !important;
    color:#263b31 !important;
    -webkit-text-fill-color:#263b31 !important;
    opacity:1 !important;
    visibility:visible !important;
    font-size:16px !important;
    line-height:1.65 !important;
    font-weight:500 !important;
    text-shadow:none !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}
.e2ails-ayans-card .e2ails-ayans-note {
    color:#5d6b64 !important;
    -webkit-text-fill-color:#5d6b64 !important;
    opacity:1 !important;
    visibility:visible !important;
}
.e2ails-ayans-card .e2ails-ayans-option,
.e2ails-ayans-card .e2ails-ayans-option * {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}
@media (max-width:768px) {
    .e2ails-ayans-overlay .e2ails-ayans-card .e2ails-ayans-body,
    .e2ails-ayans-card .e2ails-ayans-body {
        background:#ffffff !important;
        color:#263b31 !important;
    }
    .e2ails-ayans-overlay .e2ails-ayans-card .e2ails-ayans-body p:first-of-type,
    .e2ails-ayans-card .e2ails-ayans-body p:first-of-type {
        color:#263b31 !important;
        -webkit-text-fill-color:#263b31 !important;
        opacity:1 !important;
        visibility:visible !important;
        font-size:16px !important;
        line-height:1.65 !important;
        font-weight:500 !important;
    }
}


/* ==========================================================
   v4.2.6 MR. AYANS DEDICATED MESSAGE BOX
   Avoids all Eduma/theme paragraph styling completely.
   ========================================================== */
.e2ails-ayans-card .e2ails-ayans-message {
    display:block !important;
    background:#eef7f1 !important;
    color:#102f22 !important;
    -webkit-text-fill-color:#102f22 !important;
    opacity:1 !important;
    visibility:visible !important;
    font-size:17px !important;
    line-height:1.65 !important;
    font-weight:600 !important;
    padding:15px 16px !important;
    margin:0 0 17px !important;
    border:1px solid #c9dfd1 !important;
    border-left:5px solid #0b6b45 !important;
    border-radius:10px !important;
    text-shadow:none !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}
@media(max-width:768px){
    body .e2ails-ayans-overlay .e2ails-ayans-card .e2ails-ayans-body .e2ails-ayans-message{
        display:block !important;
        background:#eef7f1 !important;
        color:#102f22 !important;
        -webkit-text-fill-color:#102f22 !important;
        opacity:1 !important;
        visibility:visible !important;
        font-size:17px !important;
        line-height:1.65 !important;
        font-weight:600 !important;
    }
}


/* ==========================================================
   v4.5.1 MR. AYANS MOBILE MESSAGE — HARD FALLBACK
   The mobile browser renders a second copy from data-message,
   so theme/Eduma text inheritance cannot make it disappear.
   ========================================================== */
.e2ails-ayans-card .e2ails-ayans-message{
    background:#fff7d9!important;
    color:#163428!important;
    -webkit-text-fill-color:#163428!important;
    border:2px solid #f0cf67!important;
    border-left:6px solid #0b6b45!important;
    font-weight:700!important;
    color-scheme:light!important;
    forced-color-adjust:none!important;
    isolation:isolate!important;
}
@media(max-width:768px){
    body .e2ails-ayans-overlay .e2ails-ayans-card .e2ails-ayans-body .e2ails-ayans-message{
        display:block!important;
        background:#fff7d9!important;
        color:#163428!important;
        -webkit-text-fill-color:#163428!important;
        opacity:1!important;
        visibility:visible!important;
        font-size:0!important;
        line-height:1!important;
        min-height:56px!important;
        border:2px solid #f0cf67!important;
        border-left:6px solid #0b6b45!important;
        padding:15px 16px!important;
        color-scheme:light!important;
        forced-color-adjust:none!important;
        isolation:isolate!important;
    }
    body .e2ails-ayans-overlay .e2ails-ayans-card .e2ails-ayans-body .e2ails-ayans-message::after{
        content:attr(data-message)!important;
        display:block!important;
        position:relative!important;
        z-index:9999999!important;
        color:#163428!important;
        -webkit-text-fill-color:#163428!important;
        opacity:1!important;
        visibility:visible!important;
        font-size:17px!important;
        line-height:1.65!important;
        font-weight:700!important;
        letter-spacing:0!important;
        text-shadow:none!important;
        filter:none!important;
        mix-blend-mode:normal!important;
        color-scheme:light!important;
        forced-color-adjust:none!important;
    }
}


/* ==========================================================
   v4.5.2 MOBILE TEXT ROOT FIX
   This element is a standalone sibling injected by JavaScript.
   It does not depend on ::before/::after or inherited theme text.
   ========================================================== */
.e2ails-ayans-mobile-message{display:none!important}
@media(max-width:768px){
  html body .e2ails-ayans-overlay .e2ails-ayans-card .e2ails-ayans-body > .e2ails-ayans-mobile-message{
    display:block!important;
    position:relative!important;
    z-index:2147483646!important;
    width:auto!important;
    height:auto!important;
    min-height:56px!important;
    overflow:visible!important;
    background:#fff7d9!important;
    color:#102f22!important;
    -webkit-text-fill-color:#102f22!important;
    opacity:1!important;
    visibility:visible!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:17px!important;
    line-height:1.6!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-indent:0!important;
    text-shadow:none!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    transform:none!important;
    clip:auto!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    padding:15px 16px!important;
    margin:0 0 17px!important;
    border:2px solid #f0cf67!important;
    border-left:6px solid #0b6b45!important;
    border-radius:12px!important;
  }
  html body .e2ails-ayans-overlay .e2ails-ayans-card .e2ails-ayans-body > .e2ails-ayans-message{
    display:none!important;
  }
}