/* Announcement indicator + explicit on-login browser permission consent. */
@layer pop {
html[data-design="armufa-modern"] body .sy-notify-bell {
  position:relative;display:inline-grid!important;place-items:center!important;
  flex:0 0 34px!important;width:34px!important;height:34px!important;
  border:1px solid #d9e7fa!important;border-radius:12px!important;
  background:#edf4ff!important;color:#185dc7!important;
  font-size:15px!important;text-decoration:none!important;
}
html[data-design="armufa-modern"] body .sy-notify-bell-on::after {
  content:"";position:absolute;right:3px;top:3px;width:7px;height:7px;
  border:2px solid white;background:#16a875;border-radius:50%;
}
html[data-design="armufa-modern"] body .sy-notify-bell-new::after {
  content:"";position:absolute;right:3px;top:3px;width:8px;height:8px;
  border:2px solid #fff;background:#ee603d;border-radius:50%;animation:syNotifPulse 1.4s ease-in-out infinite;
}
html[data-design="armufa-modern"] body .sy-notify-important-tag {
  display:inline-flex;align-items:center;gap:4px;padding:3px 9px;
  border-radius:99px;font-size:10px!important;font-weight:900!important;
  background:#fff1d5!important;color:#955a07!important;border:1px solid #f4d49b!important;
}
/* Override all former theme layers: compact, centered, readable on phone. */
html[data-design="armufa-modern"] body .sy-login-notify-backdrop[hidden] {display:none!important;}
html[data-design="armufa-modern"] body .sy-login-notify-backdrop {
  position:fixed!important;inset:0!important;z-index:11000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:18px!important;background:rgba(10,24,50,.62)!important;
  backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;
  animation:syNotifOverlayIn .24s ease-out both;
}
html[data-design="armufa-modern"] body .sy-login-notify-box {
  box-sizing:border-box!important;position:relative!important;width:min(100%,360px)!important;
  padding:25px 19px 18px!important;margin:auto!important;
  border-radius:21px!important;background:#fff!important;
  border:1px solid #dfebfb!important;box-shadow:0 20px 60px rgba(2,24,70,.24)!important;
  color:#11294c!important;text-align:center!important;
  animation:syNotifBoxIn .32s cubic-bezier(.2,.9,.2,1) both;
}
html[data-design="armufa-modern"] body .sy-login-notify-icon {
  display:grid!important;place-items:center!important;margin:0 auto 12px!important;
  width:52px!important;height:52px!important;border-radius:16px!important;
  color:#1968e7!important;background:linear-gradient(140deg,#e4efff,#d1e3ff)!important;
  font-size:22px!important;
}
html[data-design="armufa-modern"] body .sy-login-notify-box h2 {
  font:900 20px/1.3 'Nunito',system-ui,sans-serif!important;color:#11294c!important;
  margin:0 0 8px!important;
}
html[data-design="armufa-modern"] body .sy-login-notify-box p {
  font:600 13px/1.55 'Nunito',system-ui,sans-serif!important;
  color:#5f728c!important;margin:0 0 17px!important;
}
html[data-design="armufa-modern"] body .sy-login-notify-box .sy-login-notify-help[hidden] {display:none!important;}
html[data-design="armufa-modern"] body .sy-login-notify-box .sy-login-notify-help {
  margin:0 0 12px!important;padding:8px 10px!important;border:1px solid #f6d1d1!important;
  background:#fff4f4!important;border-radius:10px!important;color:#aa3030!important;
  font-size:11px!important;line-height:1.45!important;
}
html[data-design="armufa-modern"] body .sy-login-notify-actions {
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;
  margin:0 0 11px!important;
}
html[data-design="armufa-modern"] body .sy-login-notify-actions button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;min-width:0!important;min-height:42px!important;
  border-radius:12px!important;padding:9px 8px!important;
  font:900 12px/1.3 'Nunito',system-ui,sans-serif!important;
  box-shadow:none!important;white-space:nowrap!important;cursor:pointer!important;
}
html[data-design="armufa-modern"] body .sy-login-notify-actions .sy-login-notify-allow {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:linear-gradient(130deg,#3985ff,#1155cf)!important;
  border:1px solid #1155cf!important;
}
html[data-design="armufa-modern"] body .sy-login-notify-actions .sy-login-notify-deny {
  color:#183e77!important;-webkit-text-fill-color:#183e77!important;
  background:#f6f9ff!important;border:1px solid #cfdef0!important;
}
html[data-design="armufa-modern"] body .sy-login-notify-actions button:disabled {opacity:.7!important;cursor:wait!important;}
html[data-design="armufa-modern"] body .sy-login-notify-box small {
  display:block!important;font-size:10px!important;line-height:1.5!important;
  color:#718098!important;
}
@keyframes syNotifPulse {0%,100%{box-shadow:0 0 0 0 rgba(238,96,61,.25)}50%{box-shadow:0 0 0 5px rgba(238,96,61,.07)}}
@keyframes syNotifOverlayIn {from{opacity:0}to{opacity:1}}
@keyframes syNotifBoxIn {from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:350px){
  html[data-design="armufa-modern"] body .sy-login-notify-box {padding:20px 14px 15px!important;}
  html[data-design="armufa-modern"] body .sy-login-notify-actions button {font-size:11px!important;padding:8px 5px!important;}
  html[data-design="armufa-modern"] body .sy-notify-bell {flex-basis:30px!important;width:30px!important;height:30px!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-design="armufa-modern"] body .sy-notify-bell-new::after,
  html[data-design="armufa-modern"] body .sy-login-notify-backdrop,
  html[data-design="armufa-modern"] body .sy-login-notify-box {animation:none!important;}
}
}
