.customer-push-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:420px;display:flex;gap:12px;align-items:flex-start;background:#303556;color:#fff;border:1px solid #ffffff20;border-top:3px solid #F5B640;border-radius:22px;padding:14px 12px;box-shadow:0 10px 35px #181c3940;z-index:620;direction:rtl;animation:customer-push-in .25s ease-out}
.customer-push-banner>img{border-radius:12px;object-fit:contain;flex-shrink:0}
.customer-push-content{flex:1;min-width:0;overflow-wrap:anywhere}
.customer-push-content strong{display:block;font-size:15px;line-height:1.6;color:#fff}
.customer-push-content p{font-size:13px;line-height:1.8;margin:3px 0 6px;color:#e3e5ee;max-height:140px;overflow:auto}
.customer-push-banner button{font:700 12px Almarai,sans-serif;border:0;cursor:pointer;touch-action:manipulation}
.customer-push-action{background:#F5B640;color:#303556;min-height:44px;border-radius:12px;padding:7px 13px}
.customer-push-close{background:#ffffff0c;color:#fff;width:44px;height:44px;border-radius:50%;font-size:24px!important;flex-shrink:0}
@keyframes customer-push-in{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.customer-push-banner{animation:none}}

/* Immediate, accessible feedback for explicit notification consent. */
#isolatedPilotCard .pilot-consent-button{display:flex;align-items:center;justify-content:center;gap:10px;line-height:1.6;white-space:normal}
#isolatedPilotCard .pilot-consent-button.is-pending{cursor:progress;opacity:1!important}
#isolatedPilotCard .pilot-consent-button.is-pending:before{content:'';width:17px;height:17px;flex:none;border:2px solid #30345444;border-top-color:#303454;border-radius:50%;animation:pilot-consent-spin .8s linear infinite}
#isolatedPilotCard .pilot-consent-feedback{font-size:13px;line-height:1.8;margin:10px 0 0;min-height:24px;color:#525a74}
#isolatedPilotCard .pilot-consent-feedback[data-state=success]{color:#176343}
#isolatedPilotCard .pilot-consent-feedback[data-state=error]{color:#a72c2c}
@keyframes pilot-consent-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#isolatedPilotCard .pilot-consent-button.is-pending:before{animation:none}}