.workspace-attention { position:relative; flex:none; }
.workspace-attention[hidden],.workspace-attention-dot[hidden] { display:none; }
.workspace-attention-toggle { display:flex; align-items:center; gap:7px; min-height:44px; padding:8px 10px; border:1px solid transparent; border-radius:9px; color:var(--text); list-style:none; cursor:pointer; font-size:12px; }
.workspace-attention-toggle::-webkit-details-marker { display:none; }
.workspace-attention-toggle::before,.workspace-attention-dot { content:""; width:6px; height:6px; border-radius:50%; background:#d5aa65; flex:none; }
.workspace-sidebar .workspace-attention-dot { position:absolute; inset-inline-end:12px; top:9px; box-shadow:0 0 0 2px var(--menu-bg,var(--bg)); pointer-events:none; }
.workspace-attention-toggle:hover,.workspace-attention[open]>.workspace-attention-toggle { background:var(--surface); border-color:var(--border); }
.workspace-attention-list { position:absolute; inset-inline-end:0; top:calc(100% + 6px); width:min(360px,calc(100vw - 48px)); max-height:60vh; overflow-y:auto; padding:8px; border:1px solid var(--border); border-radius:14px; background:var(--surface); box-shadow:0 16px 48px #0003; z-index:21; }
.workspace-attention-link { display:grid; gap:5px; min-height:44px; padding:11px; border-radius:8px; overflow-wrap:anywhere; color:var(--text); }
.workspace-attention-link:hover { background:var(--surface-2); }
.workspace-attention-link strong { font-size:13px; font-weight:550; }
.workspace-attention-link small,.workspace-attention-note { font-size:11px; line-height:1.6; color:var(--muted); }
.workspace-attention-note { margin:8px 11px; }
.workspace-attention-toggle:focus-visible,.workspace-attention-link:focus-visible { outline:2px solid var(--mint); outline-offset:-2px; }
@media(max-width:760px) { .workspace-attention-toggle { padding:8px 6px; font-size:11px; } .hub-shell .workspace-context-compact .workspace-context-head { gap:6px; } .workspace-attention-list { position:fixed; inset-inline-end:24px; top:auto; margin-top:6px; } }

@media(max-width:760px) {
  .workspace-attention-toggle { width:44px; min-width:44px; padding:8px; justify-content:center; }
  .workspace-attention-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .workspace-attention-toggle::before { width:9px; height:9px; }
}