/* ── Layout ── */
.session-wrap{display:flex;flex-direction:column;height:calc(100vh - 56px);background:var(--bg-primary);overflow:hidden}
.session-header{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}
.session-title{display:flex;align-items:center;gap:0.6rem;font-size:0.95rem;color:var(--text-primary);font-weight:600}
.session-status{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.75rem;padding:0.2rem 0.55rem;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}
.session-status .dot{width:7px;height:7px;border-radius:50%;background:#6b7280}
.session-status .dot--active{background:var(--green);box-shadow:0 0 6px var(--green)}
.session-status .dot--thinking{background:var(--yellow);animation:pulse 1s infinite}
.session-status .dot--error{background:var(--red)}
/* ── Streaming ── */
.mu--streaming{border-left-width:3px;animation:stream-pulse 1.5s ease-in-out infinite}
.mu__typing{font-size:0.72rem;color:var(--purple-light);margin-left:0.5rem;display:inline-flex;align-items:center;gap:3px}
.mu__dots{display:inline-flex;gap:3px;margin-left:2px}
.mu__dots span{width:5px;height:5px;border-radius:50%;background:var(--purple-light);animation:dotPulse 1.4s infinite both}
.mu__dots span:nth-child(2){animation-delay:0.2s}
.mu__dots span:nth-child(3){animation-delay:0.4s}
@keyframes dotPulse{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
@keyframes stream-pulse{0%,100%{opacity:1}50%{opacity:.7}}
.mu__stream-content{min-height:1.2em}
.session-tabs{display:flex;gap:0}
.session-tab{background:none;border:none;color:var(--text-secondary);padding:0.45rem 1rem;font-size:0.82rem;cursor:pointer;border-radius:6px;transition:all .15s;display:flex;align-items:center;gap:0.35rem}
.session-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}
.session-tab.active{background:var(--purple);color:#fff}
.session-content{flex:1;overflow:hidden;position:relative}
.session-pane{display:none;height:100%;width:100%}
.session-pane.active{display:flex;flex-direction:column}

/* ── Suggestion badges ── */
.session-suggestions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1.5rem;min-height:200px}
.suggestions-goal{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);padding:.6rem 1rem;border-radius:10px;border:1px solid var(--border);max-width:500px;text-align:center;line-height:1.4}
.suggestions-label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:.5rem}
.suggestions-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:600px}
.suggestion-badge{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;cursor:pointer;font-size:.8rem;color:var(--text-primary);transition:all .15s;font-family:inherit}
.suggestion-badge:hover{border-color:var(--purple);background:rgba(124,58,237,.1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(124,58,237,.15)}
.suggestion-badge:active{transform:translateY(0)}
.suggestion-icon{width:14px;height:14px;color:var(--purple-light);flex-shrink:0}
.suggestion-label{font-weight:500}

/* ── Bottom input bar ── */
.session-input{display:flex;align-items:center;gap:0.5rem;padding:0.6rem 1rem;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}
.input-agent-select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:0.4rem 0.5rem;font-size:0.78rem;outline:none;cursor:pointer;min-width:120px}
.input-agent-select:focus{border-color:var(--purple)}
.input-text{flex:1;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:0.55rem 0.85rem;font-size:0.85rem;outline:none;font-family:inherit}
.input-text::placeholder{color:var(--text-secondary)}
.input-text:focus{border-color:var(--purple);box-shadow:0 0 0 2px rgba(124,58,237,.15)}
.input-send{background:var(--purple);color:#fff;border:none;border-radius:8px;padding:0.55rem 1rem;font-size:0.85rem;cursor:pointer;font-weight:600;transition:background .15s}
.input-send:hover{background:#6d28d9}
.input-send:active{transform:scale(0.97)}
.input-conv{background:rgba(168,85,247,.12);color:var(--purple-light);border:1px solid rgba(168,85,247,.25);border-radius:8px;padding:0.45rem 0.7rem;font-size:1rem;cursor:pointer;transition:all .15s;line-height:1}
.input-conv:hover{background:rgba(168,85,247,.25);border-color:var(--purple)}
.input-conv.active{background:var(--purple);color:#fff}

/* ── Thread mode ── */
.thread-feed{overflow-y:auto;height:100%;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:0}
/* Thread message CSS is now in components.css (.mu--thread) */

/* ── Chat mode ── */
.chat-split{display:grid;grid-template-columns:1fr 300px;height:100%}
.chat-main{display:flex;flex-direction:column;overflow:hidden}
.chat-selector{padding:0.6rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}
.chat-selector select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:0.35rem 0.6rem;font-size:0.82rem;outline:none}
.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.6rem}
.chat-bubble{max-width:78%;padding:0.65rem 0.85rem;border-radius:12px;font-size:0.84rem;line-height:1.5;position:relative;word-break:break-word}
.chat-bubble--agent{background:var(--bg-tertiary);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:4px}
.chat-bubble--user{background:var(--purple);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.chat-bubble-meta{display:flex;align-items:center;gap:0.4rem;margin-bottom:0.25rem}
.chat-bubble-name{font-size:0.72rem;font-weight:600;opacity:0.85}
.chat-bubble-time{font-size:0.65rem;opacity:0.55;margin-left:auto}
.chat-bubble-text{white-space:pre-wrap}
.chat-thinking{display:flex;align-items:center;gap:0.4rem;padding:0.5rem 0.85rem;color:var(--text-secondary);font-size:0.8rem;font-style:italic}
.chat-thinking .dots span{animation:blink 1.4s infinite both}
.chat-thinking .dots span:nth-child(2){animation-delay:0.2s}
.chat-thinking .dots span:nth-child(3){animation-delay:0.4s}
@keyframes blink{0%,80%,100%{opacity:.2}40%{opacity:1}}

/* Chat right panel */
.chat-panel{border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}
.chat-panel-header{padding:0.5rem 0.75rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:0.5rem;background:var(--bg-secondary);flex-shrink:0}
.chat-panel-header span{font-size:0.78rem;font-weight:600;color:var(--text-primary)}
.chat-panel-filters{display:flex;gap:0.25rem;margin-left:auto}
.panel-filter{background:none;border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:0.15rem 0.4rem;font-size:0.65rem;cursor:pointer;transition:all .12s}
.panel-filter.active{background:var(--purple);color:#fff;border-color:var(--purple)}
.chat-panel-feed{flex:1;overflow-y:auto;padding:0.5rem}
.panel-msg{display:flex;gap:0.4rem;padding:0.35rem 0.3rem;border-radius:4px;transition:background .1s}
.panel-msg:hover{background:var(--bg-tertiary)}
.panel-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.65rem;flex-shrink:0}
.panel-body{flex:1;min-width:0}
.panel-meta{display:flex;align-items:center;gap:0.3rem;font-size:0.68rem;color:var(--text-secondary)}
.panel-meta .panel-badge{font-size:0.58rem;padding:0.05rem 0.3rem;border-radius:3px;text-transform:uppercase;font-weight:700}
.panel-content{font-size:0.72rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── Graph mode ── */
.graph-split{display:grid;grid-template-columns:1fr 240px;grid-template-rows:1fr 200px;height:100%;flex:1;min-height:0}
.graph-canvas{position:relative;overflow:auto;background:var(--bg-primary);grid-row:1;grid-column:1}
.graph-canvas svg#liveSvg{width:100%;min-height:100%}
.graph-memory{grid-row:1/3;grid-column:2;border-left:1px solid var(--border);background:var(--bg-secondary);overflow-y:auto;padding:0.5rem 0.6rem;font-size:0.75rem}
.graph-memory-title{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-secondary);margin:0.6rem 0 0.3rem;display:flex;align-items:center;gap:0.3rem}
.graph-memory-title:first-child{margin-top:0}
.graph-memory-entry{background:var(--bg-tertiary);border-radius:6px;padding:0.4rem 0.5rem;margin-bottom:0.35rem;border:1px solid var(--border)}
.graph-memory-key{font-weight:600;color:var(--text-primary);font-size:0.7rem;margin-bottom:0.15rem}
.graph-memory-val{color:var(--text-secondary);font-size:0.68rem;line-height:1.35;word-break:break-word;white-space:pre-wrap;max-height:4rem;overflow:hidden}
.graph-memory-meta{font-size:0.6rem;color:var(--text-secondary);margin-top:0.15rem;opacity:0.7}
.graph-memory-empty{color:var(--text-secondary);font-style:italic;font-size:0.68rem;padding:0.5rem 0}
.pr-item{display:flex;align-items:flex-start;gap:0.4rem;padding:0.3rem 0.4rem;margin-bottom:0.25rem;border-radius:5px;background:var(--bg-tertiary);border:1px solid var(--border);font-size:0.7rem}
.pr-item.pr-done{opacity:0.6}.pr-item.pr-done .pr-title{text-decoration:line-through}
.pr-check{font-size:0.8rem;flex-shrink:0;margin-top:1px}
.pr-title{color:var(--text-primary);font-weight:500;flex:1;line-height:1.3}
.pr-agent{color:var(--text-secondary);font-size:0.6rem;margin-top:0.1rem}
.pr-counter{font-size:0.62rem;color:var(--text-secondary);font-weight:400;margin-left:auto}
.graph-log{border-top:1px solid var(--border);overflow-y:auto;padding:0.5rem 0.75rem;background:var(--bg-secondary);position:relative;grid-row:2;grid-column:1}
.graph-log-line{display:flex;align-items:baseline;gap:0.5rem;padding:0.2rem 0;font-size:0.78rem}
.graph-log-time{color:var(--text-secondary);font-size:0.7rem;font-family:'SF Mono',monospace;white-space:nowrap;flex-shrink:0}
.graph-log-from{font-weight:600;color:var(--text-primary)}
.graph-log-arrow{color:var(--text-secondary)}
.graph-log-to{color:var(--text-primary)}
.graph-log-content{color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.graph-log-content[data-type="veto"]{color:var(--red)}
.graph-log-content[data-type="approve"]{color:var(--green)}
.graph-log-content[data-type="delegate"]{color:var(--yellow)}
.graph-new-btn{position:sticky;bottom:0;left:50%;transform:translateX(-50%);background:var(--purple);color:#fff;border:none;border-radius:12px;padding:0.25rem 0.75rem;font-size:0.72rem;cursor:pointer;display:none;box-shadow:0 2px 8px rgba(0,0,0,.4)}

/* Graph node cards (SVG) */
.live-node{cursor:pointer;user-select:none}
.live-node:hover .live-node-bg{filter:brightness(1.15)}
.live-node.dimmed{opacity:0.18;pointer-events:none;transition:opacity .3s}
.live-node-bg{rx:12;ry:12;fill:var(--bg-secondary);stroke:var(--border);stroke-width:1.2;transition:stroke .2s,filter .15s}
.live-node.highlight .live-node-bg{stroke:var(--purple);stroke-width:2.5}
.live-node-bar{stroke-linecap:round}
.live-node-name{fill:var(--text-primary);font-size:12.5px;font-weight:700;font-family:inherit}
.live-node-role{fill:var(--text-secondary);font-size:9.5px;font-family:inherit}
.live-node-tagline{fill:var(--text-secondary);font-size:8px;font-family:inherit;opacity:0.65;font-style:italic}
.live-node-emoji{font-size:20px}
.live-node-skill-tag{fill:var(--text-secondary);font-size:7.5px;font-family:inherit}
.live-node-status-label{fill:var(--text-secondary);font-size:7px;font-family:inherit}
.live-node-meta{fill:var(--text-secondary);font-size:7.5px;font-family:inherit}
.node-status{transition:fill .3s}
.node-status--idle{fill:#6b7280}
.node-status--thinking{fill:var(--yellow);animation:statusPulse 1.2s ease-in-out infinite}
.node-status--acting{fill:var(--green);animation:statusPulse 2s ease-in-out infinite}
.node-status--error{fill:var(--red)}
.node-status--done{fill:var(--green)}
.edge-line{fill:none;stroke:var(--purple);stroke-width:1.8;opacity:0.45;marker-end:url(#arrow-default);transition:stroke-width .2s,opacity .2s}
.edge-line.dimmed{opacity:0.06!important;stroke-width:1px!important}
.edge-active{stroke-dasharray:8 4;animation:dash 0.6s linear infinite;opacity:0.85!important;stroke-width:2.5px!important}
.edge-count{fill:var(--text-secondary);font-size:9px;font-family:'SF Mono',monospace;text-anchor:middle;pointer-events:none}
.edge-count.dimmed{opacity:0.1}

/* Pulse ring for thinking/acting nodes */
.pulse-ring{fill:none;stroke-width:2;opacity:0;animation:pulseRing 2s ease-out infinite}
@keyframes pulseRing{0%{r:24;opacity:.6;stroke-width:3}100%{r:38;opacity:0;stroke-width:0.5}}
@keyframes statusPulse{0%,100%{opacity:1;r:5}50%{opacity:.5;r:6.5}}

/* Flow particle */
.flow-particle{fill:var(--purple);opacity:0}
.flow-particle.animate{opacity:1;transition:none}

/* Graph pan/zoom */
.graph-canvas{position:relative;overflow:hidden;background:var(--bg-primary);grid-row:1;grid-column:1;cursor:grab}
.graph-canvas.panning{cursor:grabbing}
.graph-canvas svg#liveSvg{width:100%;min-height:100%;transform-origin:0 0}

/* Zoom controls */
.graph-zoom-controls{position:absolute;top:12px;right:260px;display:flex;flex-direction:column;gap:4px;z-index:15}
.graph-zoom-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.graph-zoom-btn:hover{background:var(--bg-tertiary)}
.graph-zoom-level{font-size:0.62rem;text-align:center;color:var(--text-secondary);font-family:'SF Mono',monospace}

/* Minimap */
.graph-minimap{position:absolute;bottom:12px;right:252px;width:160px;height:100px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;z-index:15;overflow:hidden;cursor:pointer;opacity:0.85;transition:opacity .2s}
.graph-minimap:hover{opacity:1}
.graph-minimap svg{width:100%;height:100%}
.minimap-viewport{fill:rgba(124,58,237,0.12);stroke:var(--purple);stroke-width:1.5;rx:2;cursor:move}
.graph-legend{position:absolute;bottom:12px;left:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:8px 12px;z-index:10;min-width:140px}
.graph-legend-title{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-secondary);margin-bottom:6px}
.graph-legend-items{display:flex;flex-direction:column;gap:5px}
.graph-legend-item{display:flex;align-items:center;gap:8px;font-size:0.72rem;color:var(--text-primary)}
.graph-legend-line{width:32px;height:0;border:none;flex-shrink:0}
.graph-legend-icon{font-size:0.8rem;width:16px;text-align:center}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes dash{to{stroke-dashoffset:-12}}

/* ── Agent Chat 1:1 slide-in panel ── */
.agent-chat-panel{position:absolute;top:0;right:0;width:380px;height:100%;background:var(--bg-secondary);border-left:1px solid var(--border);z-index:25;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;box-shadow:-4px 0 20px rgba(0,0,0,.3)}
.agent-chat-panel.open{transform:translateX(0)}
.agent-chat-header{display:flex;align-items:center;gap:0.6rem;padding:0.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-tertiary);flex-shrink:0}
.agent-chat-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;font-weight:700;color:#fff}
.agent-chat-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.agent-chat-info{flex:1;min-width:0}
.agent-chat-name{font-size:0.9rem;font-weight:700;color:var(--text-primary)}
.agent-chat-role{font-size:0.72rem;color:var(--text-secondary)}
.agent-chat-status-bar{display:flex;align-items:center;gap:0.35rem;margin-top:0.15rem}
.agent-chat-status-dot{width:8px;height:8px;border-radius:50%;background:#6b7280;flex-shrink:0}
.agent-chat-status-dot.thinking{background:var(--yellow);animation:pulse 1s infinite}
.agent-chat-status-dot.acting{background:var(--green);animation:pulse 2s infinite}
.agent-chat-status-dot.error{background:var(--red)}
.agent-chat-status-text{font-size:0.68rem;color:var(--text-secondary)}
.agent-chat-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0.3rem;border-radius:6px;transition:background .12s}
.agent-chat-close:hover{background:var(--bg-secondary);color:var(--text-primary)}

.agent-chat-skills{display:flex;flex-wrap:wrap;gap:0.2rem;padding:0.4rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0;max-height:48px;overflow:hidden}
.agent-chat-skill{display:inline-block;padding:0.08rem 0.35rem;border-radius:4px;font-size:0.62rem;background:rgba(124,58,237,0.12);color:var(--purple);border:1px solid rgba(124,58,237,0.25)}

.agent-chat-actions{display:flex;gap:0.35rem;padding:0.4rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}
.agent-chat-action{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:0.25rem 0.6rem;font-size:0.68rem;cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:0.25rem}
.agent-chat-action:hover{background:var(--purple);color:#fff;border-color:var(--purple)}

.agent-chat-messages{flex:1;overflow-y:auto;padding:0.75rem 1rem;display:flex;flex-direction:column;gap:0.5rem}
.agent-chat-bubble{max-width:90%;padding:0.6rem 0.75rem;border-radius:10px;font-size:0.82rem;line-height:1.5;word-break:break-word}
.agent-chat-bubble--user{background:var(--purple);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}
.agent-chat-bubble--agent{background:var(--bg-tertiary);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:3px}
.agent-chat-bubble-meta{font-size:0.62rem;opacity:0.65;margin-bottom:0.15rem}
.agent-chat-bubble-text{white-space:pre-wrap}
.agent-chat-bubble-text code{background:rgba(0,0,0,.2);padding:0.08rem 0.25rem;border-radius:3px;font-size:0.76rem;font-family:'SF Mono',monospace}
.agent-chat-typing{padding:0.4rem 0.75rem;color:var(--text-secondary);font-size:0.76rem;font-style:italic;display:none;align-items:center;gap:0.3rem}
.agent-chat-typing.visible{display:flex}
.agent-chat-typing .dots span{animation:blink 1.4s infinite both}
.agent-chat-typing .dots span:nth-child(2){animation-delay:0.2s}
.agent-chat-typing .dots span:nth-child(3){animation-delay:0.4s}

.agent-chat-input-bar{display:flex;align-items:center;gap:0.4rem;padding:0.6rem 0.75rem;border-top:1px solid var(--border);flex-shrink:0}
.agent-chat-input{flex:1;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:0.5rem 0.75rem;font-size:0.82rem;outline:none;font-family:inherit}
.agent-chat-input:focus{border-color:var(--purple);box-shadow:0 0 0 2px rgba(124,58,237,.15)}
.agent-chat-send{background:var(--purple);color:#fff;border:none;border-radius:8px;padding:0.5rem 0.8rem;cursor:pointer;font-weight:600;transition:background .15s}
.agent-chat-send:hover{background:#6d28d9}

/* Tooltip → Agent detail panel */
.node-tooltip{position:absolute;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:0.75rem 0.85rem;font-size:0.78rem;color:var(--text-primary);width:280px;box-shadow:0 6px 24px rgba(0,0,0,.55);pointer-events:auto;z-index:20;display:none;word-break:break-word}
.node-tooltip.visible{display:block}
.node-tooltip-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;padding-bottom:0.45rem;border-bottom:1px solid var(--border)}
.node-tooltip-avatar{font-size:1.5rem;line-height:1}
.node-tooltip-info{flex:1}
.node-tooltip-name{font-weight:700;font-size:0.88rem}
.node-tooltip-role{font-size:0.72rem;color:var(--text-secondary)}
.node-tooltip-status{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.68rem;padding:0.15rem 0.45rem;border-radius:8px;background:var(--bg-secondary)}
.node-tooltip-section{margin-top:0.45rem}
.node-tooltip-section-title{font-size:0.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.2rem;font-weight:600}
.node-tooltip-tags{display:flex;flex-wrap:wrap;gap:0.25rem}
.node-tooltip-tag{display:inline-block;padding:0.1rem 0.4rem;border-radius:4px;font-size:0.68rem;background:var(--bg-secondary);border:1px solid var(--border)}
.node-tooltip-tag--skill{border-color:rgba(124,58,237,.35);color:var(--purple)}
.node-tooltip-tag--tool{border-color:rgba(16,185,129,.3);color:var(--green)}
.node-tooltip-tag--mcp{border-color:rgba(34,197,94,.3);color:#22c55e}
.node-tooltip-desc{font-size:0.72rem;color:var(--text-secondary);line-height:1.35;margin-top:0.35rem}
.node-tooltip-close{position:absolute;top:0.35rem;right:0.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:0.85rem;padding:0.2rem}