/* In-game messages: toast (InboxToast.razor), list (InboxPanel.razor), hub bell */
.inbox-toast {
  position: fixed; z-index: 4500; top: calc(10px + env(safe-area-inset-top, 0px)); right: 10px;
  width: min(360px, calc(100vw - 20px)); display: flex; gap: 10px; align-items: flex-start;
  background: #1d1610; border: 1px solid #ffd23c; border-radius: 14px; padding: 12px 12px 12px 14px;
  box-shadow: 0 10px 30px #000c, 0 0 0 1px #000; color: #f5ead5; font-family: system-ui, sans-serif;
  animation: inbox-in .35s cubic-bezier(.2,.9,.3,1.2);
}
@keyframes inbox-in { from { transform: translateY(-20px); opacity: 0; } to { transform: none; opacity: 1; } }
.inbox-toast-bell { font-size: 22px; line-height: 1; animation: inbox-ring 1s ease 2; transform-origin: 50% 0; }
@keyframes inbox-ring { 0%,100% { transform: rotate(0); } 20% { transform: rotate(18deg); } 40% { transform: rotate(-14deg); } 60% { transform: rotate(8deg); } }
.inbox-toast-main { flex: 1; min-width: 0; }
.inbox-toast-title { font-weight: 800; color: #ffd23c; font-size: 14px; }
.inbox-toast-body { font-size: 13px; line-height: 1.35; margin-top: 2px; word-wrap: break-word; }
.inbox-toast-actions { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.inbox-go {
  background: #ffd23c; color: #1a1206; border: none; border-radius: 8px; padding: 6px 11px;
  font-weight: 800; font-size: 12px; cursor: pointer;
}
.inbox-ok { background: transparent; border: 1px solid #5a4422; color: #d4b36a; border-radius: 8px; padding: 6px 11px; font-size: 12px; font-weight: 700; cursor: pointer; }
.inbox-x { background: none; border: none; color: #a89060; font-size: 14px; cursor: pointer; padding: 2px 4px; }
.hub-hbtns { display: flex; gap: 4px; align-items: center; }
.inbox-bell { position: relative; }
.inbox-badge {
  position: absolute; top: -2px; right: -4px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 99px;
  background: #ff4d4d; color: #fff; font-size: 10px; font-weight: 800; line-height: 16px; text-align: center;
  font-family: system-ui, sans-serif; box-shadow: 0 0 0 2px #0e0c10;
}
.inbox-box { max-width: 460px; }
.inbox-list { max-height: 65vh; overflow-y: auto; padding: 6px 2px 4px; display: flex; flex-direction: column; gap: 8px; }
.inbox-empty { padding: 18px 8px; text-align: center; color: #a89060; font-size: 13px; }
.inbox-item { background: #1a1410; border: 1px solid #3a2a14; border-radius: 10px; padding: 9px 11px; }
.inbox-item.new { border-color: #ffd23c; box-shadow: inset 3px 0 0 #ffd23c; }
.inbox-item-top { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.inbox-item-top b { color: #ffd23c; font-size: 13.5px; }
.inbox-when { font-size: 11px; color: #a89060; white-space: nowrap; }
.inbox-item-body { font-size: 13px; color: #efe4cf; margin: 3px 0 0; line-height: 1.4; }
.inbox-item .inbox-go { margin-top: 7px; }