/* v857 — one notification system for every portal route and every language. */
.ysgp-global-notifications-trigger{
  position:fixed;z-index:2147481880;top:max(13px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));
  display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:8px;
  background:transparent;color:#a1a1aa;cursor:pointer;transition:background .16s ease,color .16s ease;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.ysgp-global-notifications-trigger:hover,.ysgp-global-notifications-trigger:focus-visible{background:#121214;color:#f4f4f5;outline:none}
.ysgp-global-notifications-trigger svg{width:20px;height:20px;display:block}
.ysgp-global-notifications-trigger .ysgp-global-notifications-dot,
[data-ysgp-global-notifications] .ysgp-global-notifications-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border:2px solid #09090b;border-radius:999px;background:#3b82f6}

.ysgp-global-notifications-panel{
  position:fixed;z-index:2147481885;top:58px;right:18px;width:min(360px,calc(100vw - 28px));max-height:min(560px,calc(100dvh - 76px));
  display:flex;flex-direction:column;overflow:hidden;border:1px solid #27272a;border-radius:13px;background:#121214;
  box-shadow:0 26px 80px rgba(0,0,0,.56);color:#f4f4f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease
}
.ysgp-global-notifications-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.ysgp-global-notifications-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid #27272a;background:#121214}
.ysgp-global-notifications-head strong{font-size:13px;font-weight:650;line-height:1.2}
.ysgp-global-notifications-head button{padding:4px 0;border:0;background:transparent;color:#a1a1aa;font:600 10.5px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
.ysgp-global-notifications-head button:hover,.ysgp-global-notifications-head button:focus-visible{color:#fff;outline:none}
.ysgp-global-notifications-list{min-height:0;max-height:390px;overflow:auto;scrollbar-width:thin;scrollbar-color:#27272a transparent}
.ysgp-global-notifications-list::-webkit-scrollbar{width:5px}.ysgp-global-notifications-list::-webkit-scrollbar-track{background:transparent}.ysgp-global-notifications-list::-webkit-scrollbar-thumb{background:#27272a;border-radius:999px}
.ysgp-global-notifications-row{display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;padding:12px 15px;border-bottom:1px solid #1e1e21;color:inherit!important;text-decoration:none!important;background:transparent;transition:background .14s ease}
.ysgp-global-notifications-row:hover{background:#18181b}.ysgp-global-notifications-row:last-child{border-bottom:0}
.ysgp-global-notifications-indicator{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#3b82f6}.ysgp-global-notifications-row.is-read .ysgp-global-notifications-indicator{background:transparent}
.ysgp-global-notifications-copy{min-width:0}.ysgp-global-notifications-copy strong{display:block;overflow:hidden;color:#f4f4f5;font-size:12px;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.ysgp-global-notifications-copy p{display:-webkit-box;margin:4px 0 0;overflow:hidden;color:#71717a;font-size:11px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ysgp-global-notifications-copy small{display:block;margin-top:6px;color:#52525b;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ysgp-global-notifications-empty{padding:28px 18px;color:#71717a;font-size:12px;line-height:1.55;text-align:center}
.ysgp-global-notifications-footer{display:block;padding:11px 15px;border-top:1px solid #27272a;background:#18181b;color:#d4d4d8!important;text-align:center;text-decoration:none!important;font-size:11px;font-weight:600}.ysgp-global-notifications-footer:hover{color:#fff!important}

/* Existing approved topbars can opt into the global panel without changing their design. */
[data-ysgp-global-notifications]{position:relative}
html[dir="rtl"] .ysgp-global-notifications-trigger{right:auto;left:max(18px,env(safe-area-inset-left))}
html[dir="rtl"] .ysgp-global-notifications-trigger .ysgp-global-notifications-dot,
html[dir="rtl"] [data-ysgp-global-notifications] .ysgp-global-notifications-dot{right:auto;left:7px}
html[dir="rtl"] .ysgp-global-notifications-panel{right:auto;left:18px;direction:rtl;text-align:right}
html[dir="rtl"] .ysgp-global-notifications-row{grid-template-columns:8px minmax(0,1fr)}

@media (max-width:1023px){
  .ysgp-global-notifications-trigger{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:40px;height:40px;background:#09090b}
  html[dir="rtl"] .ysgp-global-notifications-trigger{right:auto;left:max(14px,env(safe-area-inset-left))}
  .ysgp-global-notifications-panel{top:max(62px,calc(env(safe-area-inset-top) + 58px));right:12px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 76px)}
  html[dir="rtl"] .ysgp-global-notifications-panel{right:auto;left:12px}
}
@media (max-width:520px){
  .ysgp-global-notifications-panel{left:12px!important;right:12px!important;width:auto!important;max-height:calc(100dvh - max(76px,calc(env(safe-area-inset-top) + 72px)))}
  .ysgp-global-notifications-list{max-height:calc(100dvh - 190px)}
  .ysgp-global-notifications-row{padding:13px 14px}
}
@media (prefers-reduced-motion:reduce){.ysgp-global-notifications-trigger,.ysgp-global-notifications-panel,.ysgp-global-notifications-row{transition:none!important}}