:root{--reem-notice-navy:#303556;--reem-notice-gold:#f5b640}
.reem-notice,.reem-notice-dialog,.reem-notice *,.reem-notice-dialog *{box-sizing:border-box}
.reem-notice{position:fixed;inset:calc(env(safe-area-inset-top,0px) + 16px) auto auto 50%;margin:0;transform:translateX(-50%);width:calc(100% - 28px);max-width:420px;display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;color:var(--reem-notice-navy);border:1px solid #e3e5ed;border-radius:22px;box-shadow:0 12px 42px #19203d28;z-index:20000;font:14px/1.7 Almarai,system-ui;animation:reem-notice-enter .24s ease-out;overflow-wrap:anywhere}
.reem-notice-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:#fff0d1;color:#7f5100;font:700 24px/1 system-ui}
.reem-notice-mark svg{width:40px;height:40px}.reem-notice-success .reem-notice-mark{background:#e6f5ee;color:#176a49}.reem-notice-error .reem-notice-mark{background:#ffebe8;color:#aa352e}.reem-notice-warning .reem-notice-mark{background:#fff0d1;color:#825000}
.reem-notice-copy{flex:1;min-width:0}.reem-notice-copy strong{font-size:15px;display:block;margin-bottom:3px}.reem-notice-copy p{margin:0;font-size:14px;color:inherit}.reem-notice button,.reem-notice-dialog button{font:700 14px/1.5 Almarai,system-ui;cursor:pointer;touch-action:manipulation}
.reem-notice-close{border:0;background:#f0f1f6;color:var(--reem-notice-navy);border-radius:50%;width:44px;min-height:44px;flex-shrink:0;font-size:24px!important;display:grid;place-items:center;padding:0}
.reem-notice-action{border:0;background:var(--reem-notice-navy);color:#fff;border-radius:12px;min-height:44px;padding:9px 14px;margin-top:10px}
.reem-notice-dialog{border:1px solid #e3e5ed;background:white;color:var(--reem-notice-navy);width:calc(100% - 28px);max-width:420px;max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:28px 24px 22px;border-radius:30px;box-shadow:0 24px 80px #11193240;font:14px/1.8 Almarai,system-ui;animation:reem-notice-enter .24s ease-out}
.reem-notice-dialog::backdrop{background:#17213b88;backdrop-filter:blur(4px)}.reem-notice-dialog>.reem-notice-close{position:absolute;top:14px;left:14px}.reem-notice-dialog>.reem-notice-mark{width:76px;height:76px;border-radius:26px;margin:12px auto 20px;background:#fff0d1;color:#9b6500}.reem-notice-dialog h2{font-size:24px;line-height:1.5;text-align:center;margin:0 0 10px;font-weight:800}.reem-notice-description{text-align:center;color:#616882;margin:0 0 24px;font-size:15px;line-height:1.9}
.reem-notice-actions{display:grid;gap:8px}.reem-notice-primary,.reem-notice-secondary{border:0;min-height:50px;padding:12px 16px;border-radius:16px}.reem-notice-primary{background:var(--reem-notice-gold);color:var(--reem-notice-navy);box-shadow:0 4px 0 #db981d}.reem-notice-secondary{background:transparent;color:#5b637d}.reem-notice-feedback{font-size:13px;line-height:1.8;color:#a3332c;margin:12px 0 0}.reem-notice-feedback:empty{display:none}.reem-notice-dialog button:disabled{opacity:.65;cursor:wait}.reem-notice button:focus-visible,.reem-notice-dialog button:focus-visible{outline:3px solid #bc7d00;outline-offset:3px}
@keyframes reem-notice-enter{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
@media(max-width:600px){.reem-notice-dialog{margin:auto auto max(14px,env(safe-area-inset-bottom));border-radius:30px;padding-top:26px}.reem-notice{padding:12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.reem-notice,.reem-notice-dialog{animation:none}.reem-notice-dialog::backdrop{backdrop-filter:none}}

.alreem-native #closedPopup .closed-popup-card,.alreem-native #adminPopup .popup-sheet{background:#fff;color:#303556;border:1px solid #e3e5ed;border-radius:30px;box-shadow:0 24px 80px #11193240;padding:28px 24px;max-width:420px;width:calc(100% - 28px);margin:auto}.alreem-native #closedPopup .closed-popup-title,.alreem-native #adminPopup .popup-title{color:#303556;font-size:24px;line-height:1.5}.alreem-native #closedPopup .closed-popup-msg,.alreem-native #adminPopup .popup-body{color:#616882;font-size:15px;line-height:1.9}.alreem-native #closedPopup .btn-closed-ok,.alreem-native #adminPopup .btn-popup-ok{background:#f5b640;color:#303556;border:0;border-radius:16px;min-height:50px;width:100%;font-weight:700}.alreem-native #statusNotif{background:#fff;color:#303556;border:1px solid #e3e5ed;border-radius:22px;box-shadow:0 12px 42px #19203d28;max-width:420px;width:calc(100% - 28px);font-size:14px;line-height:1.8}.alreem-native #statusNotif button{color:#303556!important;min-width:44px;min-height:44px}

#busyConsentDialog.reem-notice-dialog{background:white;color:#303556;border-radius:30px;max-width:420px;padding:28px 24px;font-family:Almarai,system-ui}#busyConsentDialog>.reem-notice-mark{margin:12px auto 20px}#busyConsentDialog button{width:100%;margin-top:8px;border-radius:16px;min-height:50px}#busyConsentDialog #busyConsentAccept{background:#f5b640;color:#303556}#busyConsentDialog #busyConsentCancel{background:transparent;color:#616882}

.alreem-native #notifCard .toggle-switch{width:52px;height:44px;flex-shrink:0}.alreem-native #notifCard .toggle-slider{top:8px;bottom:8px;background:#e1e4ed}.alreem-native #notifCard .toggle-slider:before{height:22px;width:22px;right:3px;bottom:3px;background:white}.alreem-native #notifCard input:checked+.toggle-slider{background:#f5b640!important}.alreem-native #notifCard input:checked+.toggle-slider:before{transform:translateX(-24px);background:#303556}.alreem-native #notifCard input:focus-visible+.toggle-slider{outline:3px solid #b57d17;outline-offset:3px}.alreem-native #notifCard[aria-busy=true]{border-color:#f5b640}

/* Compact feedback in the existing navy/gold design system. */
.reem-notice{background:#303556;color:#fff;border-color:#414969;box-shadow:0 10px 32px #161c3640;border-radius:20px;padding:14px;gap:12px}
.reem-notice .reem-notice-mark{background:#f5b640;color:#303556;border-radius:13px;width:42px;height:42px}
.reem-notice .reem-notice-copy strong{font-size:15px;line-height:1.6;font-weight:800}
.reem-notice .reem-notice-copy p{color:#f0f1f6;font-size:14px;line-height:1.8}
.reem-notice .reem-notice-close{color:#fff;background:#ffffff12}
.reem-notice-action{background:#f5b640;color:#303556;border-radius:12px;min-height:44px;box-shadow:none}
.reem-notice-success .reem-notice-mark{background:#d7f0e3;color:#176a49}
.reem-notice-error .reem-notice-mark{background:#ffe6df;color:#9a302a}
.reem-notice-dialog{padding:26px 22px 20px;border-radius:28px;border-color:#e1e4ed;box-shadow:0 24px 70px #121a3a42}
.reem-notice-dialog>.reem-notice-mark{width:64px;height:64px;border-radius:22px;margin:12px auto 18px;background:#fff0d1;color:#795006}
.reem-notice-dialog h2{font-size:23px;line-height:1.5;margin-bottom:10px}
.reem-notice-description{font-size:15px;line-height:1.85;margin-bottom:20px}
.reem-notice-primary{min-height:52px;border-radius:15px;box-shadow:none;font-weight:800!important;display:flex;align-items:center;justify-content:center;gap:10px}
.reem-notice-secondary{background:#f2f3f8;color:#303556;min-height:48px;border-radius:15px}
.reem-notice-dialog[aria-busy=true] .reem-notice-primary::before{content:"";width:16px;height:16px;flex:none;border:2px solid #30355640;border-top-color:#303556;border-radius:50%;animation:reem-notice-spin .8s linear infinite}
.reem-notice-dialog[aria-busy=true] .reem-notice-feedback{color:#58617e;background:#f3f4f8;border-radius:12px;padding:10px 12px}
.reem-notice-dialog button:disabled{opacity:.8}
@keyframes reem-notice-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.reem-notice-dialog{width:calc(100% - 24px);margin:auto auto max(12px,env(safe-area-inset-bottom));max-height:calc(100dvh - 24px)}.reem-notice{width:calc(100% - 24px);padding:12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.reem-notice-dialog[aria-busy=true] .reem-notice-primary::before{animation:none;border-color:#303556}}