/* Hamrah 4.8.11 — Group 11.5E Unified Notifications */
.g115e-notification-capability{
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  padding:14px;border:1px solid color-mix(in srgb,var(--accent,#168fd0) 22%,transparent);
  border-radius:18px;background:color-mix(in srgb,var(--surface,#0e2940) 88%,transparent);margin:8px 0 12px;
}
.g115e-notification-capability>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,#168fd0) 17%,transparent);font-size:20px}
.g115e-notification-capability b{display:block;font-size:14px}.g115e-notification-capability small{display:block;opacity:.72;line-height:1.65;margin-top:2px}
.g115e-notification-capability button{white-space:nowrap}
.g115e-notification-select{min-width:146px;max-width:190px}
.g115e-notification-banner{
  position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%,0);
  z-index:1450;width:min(92vw,440px);display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;
  padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:18px;color:#fff;text-align:right;
  background:linear-gradient(145deg,rgba(12,39,62,.96),rgba(8,27,45,.96));box-shadow:0 18px 46px rgba(0,0,0,.28);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;
  animation:g115eBannerIn .28s cubic-bezier(.2,.8,.2,1) both;
}
.g115e-notification-banner.hidden{display:none!important}
.g115e-banner-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#168fd0,#7a5cff);font-weight:800;font-size:18px}
.g115e-banner-copy{min-width:0}.g115e-banner-copy b,.g115e-banner-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g115e-banner-copy b{font-size:14px}.g115e-banner-copy small{font-size:12px;opacity:.76;margin-top:3px}.g115e-banner-arrow{font-size:24px;opacity:.72}
@keyframes g115eBannerIn{from{opacity:0;transform:translate(-50%,-12px) scale(.98)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(max-width:560px){.g115e-notification-capability{grid-template-columns:auto 1fr}.g115e-notification-capability button{grid-column:1/-1;width:100%}.g115e-notification-banner{top:max(8px,env(safe-area-inset-top));width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.g115e-notification-banner{animation:none!important}}
body.motion-off .g115e-notification-banner{animation:none!important}