@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&family=Tajawal:wght@400;500;700&display=swap');

/* Shared alert, confirmation, and popup styles. Existing dialog callbacks are unchanged. */
.PPPmodal-content{--alert-panel:#fff;--alert-ink:#18394f;--alert-muted:#60798b;--alert-line:#dce8ef;--alert-accent:#087eae;--alert-soft:#edf7fb;box-sizing:border-box!important;position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%);width:480px!important;max-width:calc(100vw - 32px)!important;min-width:0!important;height:auto!important;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);margin:0!important;display:flex;flex-direction:column;overflow:hidden!important;border:1px solid var(--alert-line)!important;border-radius:22px!important;background:var(--alert-panel)!important;box-shadow:0 28px 90px #102c4b35!important;color:var(--alert-ink)!important;direction:rtl;text-align:right;font:400 17px/1.85 Heebo,Tajawal,Arial,sans-serif!important;animation:yael-alert-enter .22s ease-out both}
[data-theme=dark] .PPPmodal-content{--alert-panel:#142635;--alert-ink:#e4f1fa;--alert-muted:#a4bed0;--alert-line:#2d465a;--alert-accent:#6dccf2;--alert-soft:#1c3b4f;color-scheme:dark;box-shadow:0 28px 90px #0008!important}
.PPPmodal-content *{box-sizing:border-box;font-family:Heebo,Tajawal,Arial,sans-serif!important;letter-spacing:normal!important}.PPPmodal-content [lang=ar]{font-family:Tajawal,Heebo,Arial,sans-serif!important}
.PPPmodal-content .PPPmodal-header{flex-shrink:0;width:100%!important;min-width:0!important;margin:0!important;padding:26px 28px 19px!important;border:0!important;background:transparent!important;font-size:21px!important;font-weight:700!important;line-height:1.6!important;color:var(--alert-ink)!important;text-shadow:none!important}
.PPPmodal-content .PPPpopup_title_c{display:flex!important;align-items:center;gap:13px;width:100%!important;margin:0!important;cursor:default!important;overflow-wrap:anywhere}
.PPPmodal-content .PPPpopup_title_c>img{display:none!important}
.PPPmodal-content .PPPpopup_title_c:before{content:'i';display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:var(--alert-soft);color:var(--alert-accent);border:1px solid var(--alert-line);border-radius:13px;font:700 23px/1 Georgia,serif}
.PPPmodal-content .PPPmodal-body{flex:1 1 auto;min-height:0;position:relative;overflow:auto!important;overscroll-behavior:contain;height:auto!important;max-width:100%;padding:0 28px 27px!important;color:var(--alert-ink)!important;background:transparent!important;font-size:17px!important;line-height:1.95!important;text-align:right;overflow-wrap:anywhere;text-indent:0!important}
.PPPmodal-content .PPPmodal-body b,.PPPmodal-content .PPPmodal-body strong{font-weight:700}.PPPmodal-content .PPPmodal-body p{margin:0 0 12px}.PPPmodal-content .PPPmodal-body p:last-child{margin-bottom:0}.PPPmodal-content .PPPmodal-body a{color:var(--alert-accent);text-decoration:underline;text-underline-offset:3px}.PPPmodal-content .PPPmodal-body img,.PPPmodal-content iframe{max-width:100%}
[data-theme=dark] .PPPmodal-content .PPPmodal-body [style*="color:green"],[data-theme=dark] .PPPmodal-content .PPPmodal-body [style*="color: green"]{color:#8ed9b2!important}
.PPPmodal-content .PPPmodal-footer{display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;margin:0!important;padding:17px 28px 22px!important;border:0!important;border-top:1px solid var(--alert-line)!important;background:transparent!important;text-align:left!important}
.PPPmodal-content .PPPmodal-footer .PPPbtn{appearance:none;margin:0!important;display:inline-flex;align-items:center;justify-content:center;min-width:105px;min-height:44px;padding:10px 24px!important;border:1px solid transparent!important;border-radius:11px!important;font:600 16px/1.5 Heebo,Tajawal,Arial,sans-serif!important;white-space:normal!important;text-transform:none!important;text-decoration:none!important;background:#087eae!important;background-image:none!important;color:#fff!important;box-shadow:0 4px 14px #087eae20!important;cursor:pointer;transition:background .15s,box-shadow .15s}
.PPPmodal-content .PPPmodal-footer .PPPbtn:hover{background:#09698f!important;box-shadow:0 5px 18px #087eae30!important}.PPPmodal-content .PPPmodal-footer [id*="cancel"]{background:var(--alert-panel)!important;color:var(--alert-muted)!important;border-color:var(--alert-line)!important;box-shadow:none!important}.PPPmodal-content .PPPmodal-footer [id*="cancel"]:hover{background:var(--alert-soft)!important}
.PPPmodal-content button:focus-visible,.PPPmodal-content input:focus-visible,.PPPmodal-content a:focus-visible{outline:3px solid #38afe0!important;outline-offset:3px!important}
#overflow_alert,#overflow_confirm,#overflow_window{position:fixed!important;inset:0!important;background:rgba(16,37,56,.42)!important;opacity:1!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:yael-alert-overlay .2s ease-out both}
[data-theme=dark] #overflow_alert,[data-theme=dark] #overflow_confirm,[data-theme=dark] #overflow_window{background:rgba(0,8,17,.65)!important}
/* The quiz success dialog uses Bootstrap; share the same readable fonts there too. */
#myModal,#myModal .card,#myModal .card-body,#myModal p,#myModal span,#myModal button{font-family:Heebo,Tajawal,Arial,sans-serif!important;letter-spacing:normal!important;line-height:1.65!important}
#myModal .neonText{font-size:24px!important;line-height:1.65!important;text-shadow:none!important}#myModal .continue{font-size:17px!important;border-radius:11px!important;padding:11px 24px!important}
@keyframes yael-alert-enter{from{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes yael-alert-overlay{from{opacity:0}to{opacity:1}}
@media(max-width:540px){.PPPmodal-content{border-radius:18px!important;max-width:calc(100vw - 28px)!important}.PPPmodal-content .PPPmodal-header{padding:22px 21px 16px!important;font-size:19px!important}.PPPmodal-content .PPPpopup_title_c{gap:10px}.PPPmodal-content .PPPpopup_title_c:before{width:36px;height:36px;border-radius:11px;font-size:21px}.PPPmodal-content .PPPmodal-body{padding:0 21px 22px!important;font-size:16px!important}.PPPmodal-content .PPPmodal-footer{padding:15px 21px 20px!important;flex-wrap:wrap}.PPPmodal-content .PPPmodal-footer .PPPbtn{flex:1;min-width:90px;font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.PPPmodal-content,#overflow_alert,#overflow_confirm,#overflow_window{animation:none!important}.PPPmodal-content .PPPbtn{transition:none!important}}