.sb-trigger{position:relative}.sb-badge{top:3px;background:var(--color-primary);min-width:18px;height:18px;color:var(--color-text-on-brand);border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid;position:absolute;inset-inline-end:2px}.sb-badge[data-urgent]{background:var(--color-danger)}.sb-panel{z-index:40;top:calc(100% + 8px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);width:min(420px,100vw - 24px);max-height:min(640px,100vh - 96px);box-shadow:var(--wk-shadow-pop);flex-direction:column;gap:10px;padding:14px 14px 10px;display:flex;position:absolute;inset-inline-end:0}.sb-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sb-heading{color:var(--color-heading);margin:0;font-size:16px;font-weight:700}.sb-panel .wk-pills{flex-wrap:wrap;flex:none;row-gap:6px;overflow:visible}.sb-list{overscroll-behavior:contain;min-height:0;margin-inline:-6px;overflow-y:auto}.sb-entries{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sb-entry{border-radius:var(--radius-md);align-items:flex-start;gap:4px;display:flex}.sb-entry:hover{background:var(--wk-tint)}.sb-open{min-width:0;color:inherit;text-align:start;cursor:pointer;border-radius:var(--radius-md);background:0 0;border:0;flex:1;gap:10px;padding:10px 6px;display:flex}.sb-dot{background:var(--color-primary);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.sb-entry[data-read] .sb-dot{background:0 0}.sb-text{gap:3px;min-width:0;display:grid}.sb-title{color:var(--color-heading);font-weight:600}.sb-entry[data-read] .sb-title{color:var(--color-text);font-weight:500}.sb-entry[data-resolved] .sb-text{opacity:.72}.sb-body{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:13px}.sb-meta{color:var(--color-text-subtle);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.sb-entry .wk-icon-button{margin-top:6px}.sb-empty,.sb-quiet{color:var(--color-text-muted);margin:0;padding:18px 6px;font-size:13px}.sb-empty{text-align:center}.sb-foot{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:4px;padding-top:8px;display:flex}.sb-foot .sb-quiet{padding:4px 6px;font-size:12px}@media (width<=719px){.sb-panel{top:calc(env(safe-area-inset-top,0px) + 60px);width:auto;position:fixed;inset-inline:12px}}