/* Pofiss inbox — theme-aware, high-contrast OS-independent bell and message panel. */
#app > #siteTabs.tabs .pofis-header-account .pofis-header-actions button#poPushBell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid #b8d8c4!important;
  border-radius:10px!important;
  background:#eef7f0!important;
  color:#225b3b!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#app > #siteTabs.tabs .pofis-header-account .pofis-header-actions button#poPushBell:hover,
#app > #siteTabs.tabs .pofis-header-account .pofis-header-actions button#poPushBell[aria-expanded="true"]{
  background:#dcefe3!important;
  border-color:#74bc91!important;
  color:#135b35!important;
}
html[data-theme="dark"] #app > #siteTabs.tabs .pofis-header-account .pofis-header-actions button#poPushBell{
  background:#2d3731!important;
  border-color:#526a59!important;
  color:#e0f6e7!important;
}
html[data-theme="dark"] #app > #siteTabs.tabs .pofis-header-account .pofis-header-actions button#poPushBell:hover,
html[data-theme="dark"] #app > #siteTabs.tabs .pofis-header-account .pofis-header-actions button#poPushBell[aria-expanded="true"]{
  background:#375343!important;
  border-color:#70a982!important;
  color:#ffffff!important;
}
#app > #siteTabs.tabs button#poPushBell::after{content:none!important;display:none!important}
#poPushBell .po-inbox-bell-icon{
  display:block!important;
  flex:none!important;
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  opacity:1!important;
  visibility:visible!important;
}
#poPushBell .po-inbox-badge{
  position:absolute;
  top:-7px;
  right:-7px;
  z-index:2;
  min-width:19px;
  height:19px;
  padding:0 4px;
  box-sizing:border-box;
  border:2px solid #ffffff;
  border-radius:999px;
  background:#c83242;
  color:#fff!important;
  font:800 10px/15px Inter,system-ui,sans-serif;
  text-align:center;
}
html[data-theme="dark"] #poPushBell .po-inbox-badge{border-color:#252925}
#poPushBell .po-inbox-badge[hidden]{display:none!important}

#poInboxTray{
  --inbox-background:#ffffff;
  --inbox-heading:#f6faf7;
  --inbox-border:#dce6df;
  --inbox-title:#22372b;
  --inbox-body:#465f50;
  --inbox-time:#61786a;
  --inbox-unread:#eaf7ed;
  --inbox-unread-hover:#e0f2e6;
  --inbox-hover:#f2f7f4;
  --inbox-green:#228450;
  position:fixed;
  top:76px;
  right:24px;
  z-index:9999;
  display:flex;
  flex-direction:column;
  width:min(390px,calc(100vw - 24px));
  max-height:min(70vh,570px);
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid var(--inbox-border)!important;
  border-radius:16px;
  background:var(--inbox-background)!important;
  color:var(--inbox-title)!important;
  box-shadow:0 18px 48px #0003;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  text-align:left;
  color-scheme:light;
}
html[data-theme="dark"] #poInboxTray{
  --inbox-background:#222925;
  --inbox-heading:#29332c;
  --inbox-border:#48584d;
  --inbox-title:#ecf5ee;
  --inbox-body:#c4d4c9;
  --inbox-time:#a4b8aa;
  --inbox-unread:#314337;
  --inbox-unread-hover:#3c5143;
  --inbox-hover:#303b33;
  --inbox-green:#75dda0;
  box-shadow:0 20px 52px #0008;
  color-scheme:dark;
}
#poInboxTray.hidden{display:none!important}
#poInboxTray .po-inbox-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-shrink:0;
  padding:15px 17px;
  background:var(--inbox-heading)!important;
  border-bottom:1px solid var(--inbox-border)!important;
}
#poInboxTray .po-inbox-head strong{
  font-size:15px;
  font-weight:850;
  line-height:1.3;
  color:var(--inbox-title)!important;
}
#poInboxTray #poInboxReadAll{
  flex:0 1 auto;
  margin:0;
  padding:7px 9px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent!important;
  color:var(--inbox-green)!important;
  cursor:pointer;
  font-size:11px;
  font-weight:750;
  line-height:1.4;
  text-align:right;
}
#poInboxTray #poInboxReadAll:hover{
  background:var(--inbox-hover)!important;
  border-color:var(--inbox-border);
}
#poInboxTray #poInboxReadAll[hidden]{display:none!important}
#poInboxTray .po-inbox-items{
  max-height:490px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-color:#718d7c transparent;
}
#poInboxTray .po-inbox-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  width:100%;
  margin:0;
  padding:14px 17px 14px 19px;
  border:0!important;
  border-bottom:1px solid var(--inbox-border)!important;
  border-left:3px solid transparent!important;
  border-radius:0!important;
  background:var(--inbox-background)!important;
  color:var(--inbox-body)!important;
  box-shadow:none!important;
  text-align:left;
  cursor:pointer;
  opacity:1!important;
  font-family:inherit;
  letter-spacing:normal;
  white-space:normal;
}
#poInboxTray .po-inbox-item:hover,
#poInboxTray .po-inbox-item:focus-visible{
  background:var(--inbox-hover)!important;
}
#poInboxTray .po-inbox-item.unread{
  border-left-color:#20ad67!important;
  background:var(--inbox-unread)!important;
}
#poInboxTray .po-inbox-item.unread:hover,
#poInboxTray .po-inbox-item.unread:focus-visible{
  background:var(--inbox-unread-hover)!important;
}
#poInboxTray .po-inbox-item strong{
  display:block;
  color:var(--inbox-title)!important;
  font-size:14px!important;
  font-weight:760!important;
  line-height:1.4;
  opacity:1!important;
}
#poInboxTray .po-inbox-item.unread strong{font-weight:850!important}
#poInboxTray .po-inbox-item span{
  display:block;
  color:var(--inbox-body)!important;
  font-size:13px!important;
  font-weight:450!important;
  line-height:1.55;
  overflow-wrap:anywhere;
  opacity:1!important;
}
#poInboxTray .po-inbox-item small{
  display:block;
  color:var(--inbox-time)!important;
  font-size:11px!important;
  font-weight:550!important;
  line-height:1.35;
  opacity:1!important;
}
#poInboxTray .po-inbox-empty{
  margin:0;
  padding:20px;
  color:var(--inbox-body)!important;
  font-size:13px;
  line-height:1.5;
}
#poInboxTray :is(button):focus-visible{
  outline:2px solid var(--inbox-green)!important;
  outline-offset:-3px;
}
@media(max-width:600px){
  #poInboxTray{top:62px;right:12px;max-height:min(72vh,570px)}
  #poInboxTray .po-inbox-head{padding:13px 14px}
  #poInboxTray .po-inbox-item{padding:12px 14px 12px 16px}
}

/* A game invitation includes its own accessible open-game action. */
#poInboxTray .po-inbox-invite{cursor:default;gap:7px}
#poInboxTray .po-inbox-invite .po-inbox-game-action{
 display:inline-flex!important;align-items:center;justify-content:center;
 align-self:flex-start;width:auto;min-height:34px;margin-top:7px;
 padding:8px 15px;border:1px solid #145e38!important;
 border-radius:9px!important;background:#176840!important;
 color:#fff!important;font-size:12px!important;font-weight:800!important;
 line-height:1.3;cursor:pointer;opacity:1!important;
 box-shadow:none!important;
}
#poInboxTray .po-inbox-invite .po-inbox-game-action:hover{
 background:#10502f!important;border-color:#10502f!important;
}
html[data-theme="dark"] #poInboxTray .po-inbox-invite .po-inbox-game-action{
 background:#23824f!important;border-color:#3d9a64!important;color:#fff!important;
}
html[data-theme="dark"] #poInboxTray .po-inbox-invite .po-inbox-game-action:hover{
 background:#2c985e!important;border-color:#50b57a!important;
}