/* Authenticated SCI mailbox. The trigger follows the existing header controls. */
#app > .topbar .nf-inbox-trigger,.play-room-top .nf-inbox-trigger,.play-overlay[open] > .topbar .nf-inbox-trigger{
  position:relative;display:grid;place-items:center;flex:0 0 38px;
  width:38px;height:38px;min-width:38px;padding:0;
}
#app > .topbar .nf-inbox-trigger svg,.play-room-top .nf-inbox-trigger svg,.play-overlay[open] > .topbar .nf-inbox-trigger svg{
  display:block;width:20px;height:20px;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
#app > .topbar .nf-inbox-trigger:hover,#app > .topbar .nf-inbox-trigger[aria-expanded="true"],.play-room-top .nf-inbox-trigger:hover,.play-room-top .nf-inbox-trigger[aria-expanded="true"],.play-overlay[open] > .topbar .nf-inbox-trigger:hover,.play-overlay[open] > .topbar .nf-inbox-trigger[aria-expanded="true"]{
  background:#fff;color:#12354a;
}
.play-room-top .nf-inbox-trigger{color:#fff;border-color:#74848d;background:transparent}
#app > .topbar .nf-inbox-badge,.play-room-top .nf-inbox-badge,.play-overlay[open] > .topbar .nf-inbox-badge{
  position:absolute;top:-8px;right:-8px;display:grid;place-items:center;
  min-width:20px;height:20px;padding:0 4px;border:2px solid #17212b;
  border-radius:12px;background:#efb22d;color:#17212b;font-size:10px;font-weight:800;
  line-height:1;letter-spacing:-.02em;
}
#app > .topbar .nf-inbox-badge[hidden],.play-room-top .nf-inbox-badge[hidden],.play-overlay[open] > .topbar .nf-inbox-badge[hidden]{display:none}
#app > .topbar .nf-inbox-trigger[data-nf-urgent-pending="true"],.play-room-top .nf-inbox-trigger[data-nf-urgent-pending="true"],.play-overlay[open] > .topbar .nf-inbox-trigger[data-nf-urgent-pending="true"]{background:#fce6e1!important;color:#a63139!important;border-color:#a63139!important;box-shadow:0 0 0 2px #a6313926!important}
#app > .topbar .nf-inbox-trigger[data-nf-urgent-pending="true"] .nf-inbox-badge,.play-room-top .nf-inbox-trigger[data-nf-urgent-pending="true"] .nf-inbox-badge,.play-overlay[open] > .topbar .nf-inbox-trigger[data-nf-urgent-pending="true"] .nf-inbox-badge{background:#ad3840;color:#fff;border-color:#17212b}
.nf-inbox-panel[hidden]{display:none}
.nf-inbox-panel{
  position:fixed;z-index:90;display:flex;flex-direction:column;box-sizing:border-box;
  min-width:0;overflow:hidden;border:2px solid #17212b;border-radius:13px;
  background:#fff;color:#263139;box-shadow:0 18px 60px #17212b3d;
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
.nf-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 12px;background:#e8decc;border-bottom:1px solid #b8b8af}
.nf-inbox-head h2{margin:0;font-size:17px;line-height:1.2;font-weight:750;letter-spacing:-.02em}
.nf-inbox-head p{margin:4px 0 0;color:#5d6a71;font-size:11px;line-height:1.35}
.nf-inbox-close{flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid #17212b;border-radius:7px;background:#ffffffa6;color:#263139;font-size:22px;line-height:1}
.nf-inbox-tabs{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #d1d8dc}
.nf-inbox-tabs button,.nf-inbox-foot button{padding:6px 9px;border:1px solid #a9b7be;border-radius:7px;background:#f7f9fa;color:#33434c;font-size:12px;font-weight:650}
.nf-inbox-tabs button[aria-pressed="true"]{border-color:#17212b;background:#0b587c;color:#fff}
.nf-inbox-tabs [data-nf-inbox-refresh]{margin-left:auto;font-size:18px;line-height:1;padding:4px 8px}
.nf-inbox-content{min-height:84px;overflow:auto;overscroll-behavior:contain}
.nf-inbox-items{display:grid}
.nf-inbox-item{display:grid;gap:4px;width:100%;min-width:0;margin:0;padding:11px 15px;text-align:left;border:0!important;border-bottom:1px solid #d7dfe3!important;border-left:4px solid transparent!important;border-radius:0!important;background:#fff;color:#263139;box-shadow:none}
.nf-inbox-item:last-child{border-bottom:0!important}
.nf-inbox-item:hover,.nf-inbox-item:focus-visible{background:#eef5f8}
.nf-inbox-item.is-unread{border-left-color:#0b587c;background:#f3f8fa}
.nf-inbox-item.is-unread:hover,.nf-inbox-item.is-unread:focus-visible{background:#e7f2f7}
.nf-inbox-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;color:#59707c;font-size:11px;line-height:1.25}
.nf-inbox-kind{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.nf-inbox-priority{flex:0 0 auto;padding:2px 5px;border:1px solid #af4343;border-radius:4px;background:#fff0eb;color:#a52d33;font-size:10px;font-weight:800;line-height:1.1;letter-spacing:.04em}
.nf-inbox-item.is-urgent{border-left-color:#ac3b3e!important}
.nf-inbox-item-top time{flex-shrink:0;white-space:nowrap}
.nf-inbox-item-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;line-height:1.3}
.nf-inbox-item-action{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}
.nf-inbox-item-action.is-positive,.nf-inbox-detail-action.is-positive{color:#246040}
.nf-inbox-item-action.is-negative,.nf-inbox-detail-action.is-negative{color:#a4343b}
.nf-inbox-item-action.is-neutral,.nf-inbox-detail-action.is-neutral{color:#0b587c}
.nf-inbox-item-summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#607079;font-size:12px;font-weight:450;line-height:1.35;overflow-wrap:anywhere}
.nf-inbox-message{margin:0;padding:28px 20px;text-align:center;color:#5e6f78;font-size:13px}
.nf-inbox-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid #d1d8dc;background:#f7f9fa;color:#637079;font-size:11px}
.nf-inbox-foot span{margin-left:auto}
.nf-inbox-detail{width:min(520px,calc(100vw - 24px));max-height:min(80dvh,620px);padding:0;overflow:auto;border:2px solid #17212b;border-radius:13px;background:#fff;color:#263139;box-shadow:0 22px 70px #17212b66;font-family:Inter,Segoe UI,Arial,sans-serif}
.nf-inbox-detail::backdrop{background:#17212b80;backdrop-filter:none}
.nf-inbox-detail-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:18px 20px;background:#e8decc;border-bottom:1px solid #b8b8af}
.nf-inbox-detail-head span{display:block;margin-bottom:7px;color:#425a67;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.nf-inbox-detail-head h2{margin:0;font-size:20px;font-weight:750;line-height:1.25;overflow-wrap:anywhere}
.nf-inbox-detail-head button{flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid #17212b;border-radius:7px;background:#fff;color:#263139;font-size:22px;line-height:1}
.nf-inbox-detail-body{padding:20px}
.nf-inbox-detail-action{margin:0 0 4px;font-size:14px;font-weight:750}
.nf-inbox-detail-meta{margin:0 0 18px;color:#63717a;font-size:12px}
.nf-inbox-detail-facts{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 16px;font-size:12px;color:#425a67}
.nf-inbox-detail-facts p{margin:0}
.nf-inbox-detail-facts strong{color:#263139}
.nf-inbox-detail-summary{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#263139;font-size:14px;line-height:1.55}
#app > .topbar:has(.nf-inbox-trigger):not(.nf-merged-topbar),.play-overlay[open] > .topbar:has(.nf-inbox-trigger){position:sticky;top:0;z-index:60}
.play-room-top:has(.nf-inbox-trigger){z-index:60}
.nf-urgent-banner{position:sticky;top:var(--nf-urgent-header-height,69px);z-index:59;box-sizing:border-box;width:100%;border:2px solid #17212b;border-top:0;background:#fff1ed;color:#651f29;box-shadow:0 7px 18px #17212b22;font-family:Inter,Segoe UI,Arial,sans-serif}
.nf-urgent-banner>button{display:flex;align-items:center;justify-content:space-between;gap:14px;box-sizing:border-box;width:100%;min-height:47px;margin:0;padding:7px clamp(16px,3.6vw,70px);border:0!important;border-radius:0!important;background:linear-gradient(90deg,#fff1ed,#fbdedb);color:#651f29;text-align:left;box-shadow:none!important;cursor:pointer}
.nf-urgent-banner>button:hover,.nf-urgent-banner>button:focus-visible{background:#f7d4cf;color:#56151e}
.nf-urgent-banner>button:focus-visible{outline:3px solid #ac3b3e;outline-offset:-5px}
.nf-urgent-banner-label{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;font-size:12px;font-weight:850;letter-spacing:.04em;line-height:1.3;white-space:nowrap}
.nf-urgent-indicator{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#b43e43;box-shadow:0 0 0 3px #b43e4327}
.nf-urgent-open-label{color:#9d2d33;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.nf-urgent-banner-topic{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4e3438;font-size:12px;font-weight:550;line-height:1.35}
.nf-urgent-banner-topic strong{font-weight:800}
.nf-urgent-count{display:inline-block;margin-left:7px;padding:2px 6px;border:1px solid #b57a7d;border-radius:5px;color:#8e333a;font-size:10px;font-weight:750}
.nf-urgent-error{margin:0;padding:5px clamp(16px,3.6vw,70px);border-top:1px solid #d8a1a2;color:#8c262e;font-size:12px;font-weight:650}
body:has(#nf-urgent-banner) .work-urgent-banner{display:none!important}
@media(max-width:700px){.nf-urgent-banner>button{display:grid;gap:4px;min-height:55px}.nf-urgent-banner-label{font-size:11px}.nf-urgent-banner-topic{padding-left:17px;font-size:11px}}
@media(max-width:700px){
  #app > .topbar .nf-inbox-trigger,.play-room-top .nf-inbox-trigger,.play-overlay[open] > .topbar .nf-inbox-trigger{flex-basis:34px;width:34px;min-width:34px;height:34px}
  #app > .topbar .nf-inbox-trigger svg,.play-room-top .nf-inbox-trigger svg,.play-overlay[open] > .topbar .nf-inbox-trigger svg{width:19px;height:19px}
  .nf-inbox-panel{border-radius:11px}
}