/* Shared components adapted from Stitch screen9b3c0c0a9e91419a9f98e56ca386693f. */
.notification-inbox-dialog,.notification-inbox-trigger,.notification-inbox-nav-host{--cp-surface:#fff;--cp-surface-2:#eceef2;--cp-text:#111827;--cp-muted:#6b7280;--cp-border:rgba(15,23,42,.1);--cp-accent:#1f5fbf;--cp-accent-soft:rgba(31,95,191,.12)}
[data-theme="dark"] .notification-inbox-dialog,[data-theme="dark"] .notification-inbox-trigger,[data-theme="dark"] .notification-inbox-nav-host{--cp-surface:#191c22;--cp-surface-2:#23272f;--cp-text:#f2f3f5;--cp-muted:#a3a9b5;--cp-border:rgba(255,255,255,.1);--cp-accent:#4f7fe0;--cp-accent-soft:rgba(79,127,224,.15)}
.notification-inbox-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(520px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--cp-border,#d2e1f8);background:var(--cp-surface,#fff);color:var(--cp-text,#111827);box-shadow:-12px 0 40px #0002;overscroll-behavior:contain}
.notification-inbox-dialog::backdrop{background:#0f172a66}
.notification-inbox-dialog>.stitch{height:100%}
.stitch .notification-inbox-shell{display:flex;flex-direction:column;height:100%;min-width:0;color:var(--cp-text,#111827);background:var(--cp-surface,#fff);font-family:Inter,system-ui,sans-serif}
.stitch .notification-inbox-shell>div:first-child{display:flex;min-height:64px;padding:0 20px;border-bottom:1px solid var(--cp-border,#d2e1f8);flex-shrink:0}
.stitch .notification-inbox-shell>div:nth-child(2){display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--cp-border,#d2e1f8);flex-shrink:0}
.stitch .notification-inbox-filters{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--cp-surface-2,#eceef2)}
.stitch .notification-inbox-filter,.stitch .notification-inbox-action,.stitch .notification-inbox-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border-radius:10px;font:600 var(--fs-caption)/1.4 Inter,system-ui,sans-serif;color:var(--cp-text,#111827);cursor:pointer;touch-action:manipulation}
.stitch .notification-inbox-filter{border:0;background:transparent}
.stitch .notification-inbox-filter[aria-pressed=true]{background:var(--cp-surface,#fff);box-shadow:0 1px 3px #0002}
.stitch .notification-inbox-action{border:1px solid var(--cp-border,#d2e1f8);background:var(--cp-surface,#fff)}
.stitch .notification-inbox-link{color:var(--cp-accent,#1f5fbf);text-decoration:none}
.stitch .notification-inbox-action:hover,.stitch .notification-inbox-filter:hover{background:var(--cp-accent-soft,#eaf1fb)}
.stitch .notification-inbox-action:disabled{opacity:.55;cursor:default}
.stitch .notification-inbox-list{flex:1;min-height:0;overflow:auto;padding:16px 20px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.stitch .notification-inbox-card{position:relative;display:flex;flex-direction:column;gap:0;margin-bottom:12px;padding:16px;border-radius:12px;border:1px solid var(--cp-border,#d2e1f8);background:var(--cp-surface,#fff);overflow-wrap:anywhere;content-visibility:auto;contain-intrinsic-size:auto 200px}
.stitch .notification-inbox-card.is-unread{border-color:var(--cp-accent,#1f5fbf);background:var(--cp-accent-soft,#eaf1fb)}
.stitch .notification-inbox-card:not(.is-unread) .unread-dot{display:none}
.stitch .notification-inbox-body{margin:10px 0 0;font:400 13px/1.6 Inter,system-ui,sans-serif;white-space:pre-wrap;color:var(--cp-text,#111827)}
.stitch .notification-inbox-empty{padding:32px 0;text-align:center;color:var(--cp-muted,#6b7280);font:400 14px/1.5 Inter,system-ui,sans-serif}
.notification-inbox-trigger{display:inline-flex;flex-shrink:0;margin-left:8px}
.stitch .notification-inbox-bell{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:10px;background:var(--cp-surface-2,#eceef2);color:var(--cp-text,#111827);cursor:pointer;touch-action:manipulation}
.notification-inbox-trigger.has-unread .notification-inbox-bell,.notification-inbox-nav-host.has-unread .notification-inbox-nav{color:var(--cp-accent,#1f5fbf);background:var(--cp-accent-soft,#eaf1fb)}
.stitch .notification-inbox-count{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:var(--cp-accent,#1f5fbf);color:#fff;font:700 11px/1 Inter,system-ui,sans-serif}
.notification-inbox-nav-host{width:100%;display:flex;justify-content:center;flex-shrink:0}
.stitch .notification-inbox-nav{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;min-height:54px;gap:4px;padding:6px 4px;border:0;border-radius:10px;background:transparent;color:var(--cp-muted,#6b7280);font:500 10.5px/1.2 Inter,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.stitch .notification-inbox-nav>span:not([data-inbox-count]){max-width:64px;text-align:center;overflow-wrap:anywhere}
.stitch .notification-inbox-nav .material-symbols-outlined,.stitch .notification-inbox-bell .material-symbols-outlined{font-size:var(--fs-h1);font-family:'Material Symbols Outlined';line-height:1}
.stitch .notification-inbox-nav:hover,.stitch .notification-inbox-bell:hover{background:var(--cp-accent-soft,#eaf1fb)}
.stitch [data-inbox-read][hidden],.stitch [data-inbox-open][hidden],.stitch [data-inbox-count][hidden]{display:none}
.notification-inbox-floating{position:fixed;right:16px;top:16px;z-index:80}
.stitch .notification-inbox-dialog button:focus-visible,.stitch .notification-inbox-shell button:focus-visible,.stitch .notification-inbox-shell a:focus-visible,.stitch .notification-inbox-bell:focus-visible,.stitch .notification-inbox-nav:focus-visible{outline:2px solid var(--cp-accent,#1f5fbf);outline-offset:2px}
@media(max-width:1023px){.notification-inbox-nav-host{display:none}.notification-inbox-dialog{border:0}.stitch .notification-inbox-shell>div:first-child,.stitch .notification-inbox-shell>div:nth-child(2){padding-left:16px;padding-right:16px}.stitch .notification-inbox-list{padding-left:16px;padding-right:16px}}
.stitch .notification-inbox-shell h2,.stitch .notification-inbox-shell h3{color:var(--cp-text,#111827)}
.stitch .notification-inbox-shell .unread-dot{background:var(--cp-accent,#1f5fbf)}
.stitch .notification-inbox-shell .material-symbols-outlined{color:var(--cp-accent,#1f5fbf)}

/* Preserve the shared Stitch header action row, including narrow screens. */
.notification-inbox-header .notification-inbox-trigger{margin-left:0}
@media(max-width:1023px){.notification-inbox-header{flex-wrap:wrap}.notification-inbox-header>div:first-child{min-width:0;flex:1 1 120px}.notification-inbox-header-actions{flex-wrap:wrap;max-width:100%;margin-left:auto}}