.trade-notifications { position:relative; flex:0 0 auto; z-index:65; }
.hero-notification.has-notifications { border-color:#84bd00; color:#b9e16c; background:#123b2e; }
.hero-notification:disabled { cursor:default; opacity:.5; }
.notification-panel { position:absolute; top:calc(100% + 9px); right:0; width:min(380px,calc(100vw - 32px)); max-height:min(65dvh,540px); overflow:auto; padding:12px; border:1px solid #2d6869; border-radius:10px; background:#06292b; box-shadow:0 12px 35px rgba(0,0,0,.4); color:#e7f1ed; text-align:left; }
.notification-panel>header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 2px 10px; border-bottom:1px solid #24504e; }
.notification-panel>header strong { font-size:14px; }
.notification-panel>header small { color:#adbfba; font-size:11px; }
.notification-group { margin:13px 0 0; }
.notification-group h3 { margin:0 0 7px; color:#a7d16c; font-size:12px; font-weight:800; }
.notification-group ul { margin:0; padding:0; list-style:none; }
.notification-group li { display:flex; align-items:center; gap:10px; padding:9px 0; border-top:1px solid rgba(125,162,150,.16); }
.notification-group li>div { min-width:0; flex:1; }
.notification-group p { margin:0 0 4px; color:#e7f1ed; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.notification-group time { color:#a6bdb4; font-size:10px; }
.notification-dismiss { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; padding:0; border:1px solid #3d6654; border-radius:7px; background:#153c30; color:#b9e16c; cursor:pointer; }
.notification-dismiss:hover { background:#24533d; }
.notification-dismiss:disabled { opacity:.5; cursor:wait; }
.notification-dismiss svg { width:17px; height:17px; }
.notification-empty,.notification-status { margin:12px 2px 3px; color:#bbcbc5; font-size:12px; line-height:1.5; }
.notification-status { color:#f4cf91; }
.notification-more,.notification-messages { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:10px; padding:9px; border:1px solid #2d6869; border-radius:7px; background:#0b3536; color:#e7f1ed; font-size:12px; cursor:pointer; }
.notification-messages { justify-content:flex-start; }
.notification-messages span { flex:1; }
.notification-messages svg { flex:0 0 16px; width:16px; height:16px; }
.notification-panel button:focus-visible,.hero-notification:focus-visible { outline:2px solid #b9e16c; outline-offset:3px; }
@media(max-width:760px) {
  .trade-notifications { position:static; }
  .market-hero { position:relative; overflow:visible; }
  .notification-panel { top:calc(100% + 5px); left:8px; right:8px; width:auto; max-height:60dvh; z-index:65; }
}

.animal-storage-warning{border-left:4px solid #e9a541!important;background:#332b20!important}