.workspace-topbar{position:relative;z-index:21}
.workspace-topbar-account{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex:0 0 auto;min-width:0;color:var(--ink);font-size:.83rem}
.workspace-topbar-account>span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notification-bell{position:relative;z-index:25;flex:0 0 auto;color:var(--deep)}
.notification-bell>summary{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #c7d5e0;border-radius:7px;background:#fff;color:var(--deep);list-style:none;cursor:pointer}
.notification-bell>summary::-webkit-details-marker{display:none}
.notification-bell>summary:hover,.notification-bell[open]>summary{background:#eaf1f7;border-color:#8fa9bf;color:var(--deep)}
.notification-bell>summary:focus-visible{outline:3px solid #a66a00;outline-offset:3px}
.notification-bell-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.notification-count{position:absolute;top:-5px;right:-6px;display:grid;min-width:19px;height:19px;place-items:center;padding:0 4px;border:2px solid #f8fafb;border-radius:20px;background:#e8bd62;color:#23364a;font-size:.66rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.notification-count[hidden]{display:none}
.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(390px,calc(100vw - 28px));max-height:min(72dvh,570px);overflow:auto;overscroll-behavior:contain;padding:0 16px 12px;border:1px solid #cbd9e4;border-radius:10px;background:#fff;color:#172d43;box-shadow:0 14px 34px rgba(6,38,81,.2)}
.notification-dropdown-heading{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 0 11px;border-bottom:1px solid #e2eaf0;background:#fff}
.notification-dropdown-heading strong{font:600 1rem BioSans,sans-serif;color:#011826}
.notification-dropdown-heading a{font-size:.82rem;font-weight:700}
.notification-dropdown-tools{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:8px 12px;text-align:right}
.notification-dropdown-tools button{padding:4px 6px;border:1px solid #cbd9e4;border-radius:5px;background:#fff;color:#03318c;font:inherit;font-size:.82rem;cursor:pointer}
.notification-dropdown-tools button:focus-visible{outline:3px solid #03318c;outline-offset:2px}
.notification-dropdown-content{min-height:76px}
.notification-dropdown-state{margin:0;padding:18px 2px;color:#617488;font-size:.88rem}
.notification-dropdown-more{margin:0;padding:0 2px 12px;color:#617488;font-size:.82rem}
.notification-dropdown-more[hidden]{display:none}
.notification-inbox-link{display:block;padding:9px 2px 5px;border-top:1px solid #e2eaf0;font-size:.84rem;font-weight:700;text-decoration:none}
.notification-inbox-link:hover{text-decoration:underline}
.notification-preview{padding:12px 2px;border-bottom:1px solid #e7edf2}
.notification-preview:last-child{border-bottom:0}
.notification-preview-title{display:flex;align-items:flex-start;gap:8px;margin:0 0 4px;color:#122638;font-weight:700;font-size:.88rem;overflow-wrap:anywhere}
.notification-preview.is-unread .notification-preview-title:before{content:"";flex:0 0 7px;width:7px;height:7px;margin-top:6px;border-radius:50%;background:#a36b00}
.notification-preview-summary{margin:0;color:#53697a;font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}
.notification-preview-meta{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:6px;color:#617488;font-size:.76rem}
.notification-preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.notification-preview-actions a,.notification-preview-actions button{padding:0;border:0;background:transparent;color:#03318c;text-decoration:underline;text-underline-offset:3px;font-size:.8rem;font-weight:700;cursor:pointer}
.notification-preview-actions form{display:inline-flex;margin:0}
.notification-mark-all{margin-top:3px;padding-top:10px;border-top:1px solid #e2eaf0;text-align:right}
.notification-mark-all button{padding:5px 0;border:0;background:transparent;color:#375674;font-size:.79rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.notification-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:start}
.notification-list{display:grid;gap:10px}
.notification-card{padding:17px 19px;border:1px solid #d8e2e9;border-radius:9px;background:#fff;box-shadow:0 3px 12px rgba(6,38,81,.035)}
.notification-card.is-unread{border-left:4px solid #a36b00;padding-left:16px;background:#fffefa}
.notification-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.notification-card h2{margin:0 0 5px;font-size:1.08rem;overflow-wrap:anywhere}
.notification-card h2 a{color:#011826;text-decoration:none}
.notification-card h2 a:hover{text-decoration:underline}
.notification-card time{flex:0 0 auto;color:#617488;font-size:.8rem;white-space:nowrap}
.notification-card-summary{max-width:850px;margin:4px 0 0;color:#40576a;overflow-wrap:anywhere}
.notification-card-context{display:flex;flex-wrap:wrap;gap:4px 14px;margin:9px 0 0;color:#53697a;font-size:.82rem}
.notification-card-context span{overflow-wrap:anywhere}
.notification-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.notification-card-actions form{display:inline-flex;margin:0}
.notification-filter{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(170px,.8fr) minmax(220px,1.5fr) auto;align-items:end;gap:10px;margin-bottom:17px;padding:14px;background:#e9f0f5;border:1px solid #d8e2e9;border-radius:9px}
.notification-filter .field{min-width:0}
.notification-filter .btn{min-height:40px}
.notification-results{margin:0 0 12px;color:#617488;font-size:.87rem}
.notification-empty{padding:32px 22px;text-align:center;border:1px dashed #a9bdcc;border-radius:9px;background:#f8fbfd}
.notification-empty h2{margin:0 0 7px;font-size:1.15rem}
.notification-empty p{margin:0;color:#617488}
.notification-empty .notification-empty-actions{margin-top:14px}
.notification-detail{max-width:920px}
.notification-detail .notification-card{padding:clamp(19px,3.5vw,32px)}
.notification-detail h1{margin:0 0 8px;overflow-wrap:anywhere}
.notification-detail-summary{font-size:1.04rem;color:#40576a;margin:12px 0 20px;overflow-wrap:anywhere}
.notification-detail-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0 0 18px;border-top:1px solid #e2eaf0}
.notification-detail-context .detail-item{min-width:0}
.notification-detail-context .detail-item dd{overflow-wrap:anywhere}
.notification-detail-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#617488;font-size:.84rem}
.notification-bulk{display:flex;justify-content:flex-end;margin:0 0 14px}
.notification-pagination{margin-top:17px}
@media(max-width:1200px){.notification-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  /* The expanded navigation belongs to the header stacking context (20).
     Keep it above the bell's topbar (21), including the first mobile link. */
  .site-header{z-index:22}
  .workspace-topbar{height:auto;min-height:43px;gap:8px;padding:4px 12px}
  .workspace-topbar-account{gap:8px}
  .workspace-topbar-account>span{max-width:110px}
  .notification-bell>summary{width:38px;height:38px}
  /* Fixed viewport margins avoid the scrollbar width and a tall mobile header. */
  .notification-dropdown{position:fixed;z-index:45;top:calc(env(safe-area-inset-top,0px) + min(220px,28dvh));right:12px;left:12px;width:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px) - min(220px,28dvh) - 16px)}
  .notification-dropdown-heading{gap:8px}
  .notification-dropdown-heading strong{flex:1 1 100%}
  .notification-dropdown-tools{width:100%;justify-content:space-between;text-align:left}
  .notification-filter{grid-template-columns:minmax(0,1fr)}
  .notification-filter .btn{width:100%}
  .notification-card{padding:14px}
  .notification-card.is-unread{padding-left:11px}
  .notification-card-head{display:block}
  .notification-card time{display:block;margin-top:7px}
  .notification-detail-context{grid-template-columns:minmax(0,1fr)}
  .notification-layout{grid-template-columns:minmax(0,1fr)}
}