/* Connections uses Still's existing palette in every appearance. */
body[data-view=graph]{grid-template-columns:232px minmax(0,1fr)}
body[data-view=graph]>.note-list{display:none}
body[data-view=graph] main{margin:8px 10px 10px 0;border-radius:26px;background:var(--app);overflow:hidden}
body[data-view=graph] main>.toolbar,body[data-view=graph] #document-scroll,body[data-view=graph] #tabs,body[data-view=graph] .toolbar-actions{display:none!important}
body[data-view=graph] #view-pane{display:flex;flex-direction:column;overflow:hidden;background:transparent;padding:0}
body[data-view=graph] .view-head{padding:24px 30px 0;min-height:70px}
body[data-view=graph] .view-head h1{font-size:26px;letter-spacing:-1px}
body[data-view=graph] #view-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;width:100%;max-width:none;margin:0}
.connections-toolbar{display:flex;align-items:center;gap:14px;padding:0 30px 18px;flex-wrap:wrap}
.connections-toolbar>div:first-child{margin-right:auto}.connections-toolbar p{margin:0 0 5px;color:var(--sub);font-size:14px}.connections-toolbar>div>span{color:var(--muted);font-size:11px}
.connections-search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--sep);border-radius:11px;padding:10px 12px;min-width:180px;max-width:300px;flex:1;color:var(--muted)}
.connections-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:12px;color:var(--ink)}
.connections-switch{display:flex;padding:3px;border:1px solid var(--sep);border-radius:10px;background:var(--panel)}.connections-switch button{padding:7px 15px;border-radius:7px;font-size:12px;color:var(--sub)}.connections-switch button[aria-pressed=true]{background:var(--raised);color:var(--ink);box-shadow:var(--raised-shadow)}
.connections-toggle{display:flex;gap:7px;align-items:center;padding:10px;border:1px solid var(--sep);border-radius:10px;font-size:12px;background:var(--card)}
.connections-workspace{display:flex;flex:1;min-height:0;gap:0}.connections-map-wrap{position:relative;flex:1;min-width:0;overflow:hidden}
#connections-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}#connections-stage:active{cursor:grabbing}#connections-world{position:absolute;left:50%;top:50%;transform-origin:center;will-change:transform}
.connections-edges{width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.connections-edges path{fill:none;stroke:var(--sep);stroke-width:1.3}.connections-edges path.selected{stroke:var(--sub);stroke-width:1.6;opacity:.65}
.connection-node{position:absolute;transform:translate(-50%,-50%);z-index:1}.connection-node.dimmed{opacity:.16}.connection-node.selected{z-index:3}.connection-card{width:224px;min-height:132px;display:flex;flex-direction:column;text-align:left;gap:12px;padding:18px 19px;background:var(--sheet);border:1px solid var(--sep);border-radius:15px;box-shadow:0 5px 22px -10px #28143c24;color:var(--ink);cursor:pointer}.connection-card:hover{color:var(--ink);border-color:var(--muted)}.connection-card.selected{border-color:var(--sub);box-shadow:0 0 0 3px var(--hover),0 8px 28px -12px #28143c30}
.connection-card-title{font:600 18px/1.3 Geist,-apple-system,sans-serif;letter-spacing:-.3px;display:flex;align-items:flex-start;gap:10px}.connection-card-title svg{width:15px;flex-shrink:0;margin:3px 0 0 auto;color:var(--muted)}.connection-excerpt{font-size:12px;line-height:1.6;color:var(--sub);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.connection-tags{display:flex;gap:5px;flex-wrap:wrap}.connection-tags>span{background:var(--panel);border-radius:20px;padding:4px 8px;color:var(--sub);font-size:10px}.connection-meta{font-size:10px;color:var(--muted)}
.connection-dot{display:flex;align-items:center;justify-content:center;gap:9px;max-width:215px;text-align:left;font-size:13px;color:var(--sub);padding:10px;border-radius:10px}.connection-orb{width:12px;height:12px;flex-shrink:0;background:var(--muted);border:3px solid var(--panel);border-radius:50%}.connection-dot.related .connection-orb{background:var(--sub);box-shadow:0 0 0 5px var(--hover)}.connection-dot:hover{background:var(--card);color:var(--ink)}
#connections-preview{width:294px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background:var(--card);border:1px solid var(--sep);border-radius:20px;margin:0 12px 12px 0}#connections-preview header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 0 20px;font-size:11px;color:var(--muted)}.connection-preview-body{flex:1;overflow:auto;padding:18px 20px}.connection-preview-body h2{font:600 24px/1.25 Geist,-apple-system,sans-serif;color:var(--ink);margin:0 0 18px}.connection-preview-body>p{font-size:14px;line-height:1.7;color:var(--sub);overflow-wrap:anywhere}.connection-related-heading{font-size:11px;color:var(--muted);border-top:1px solid var(--sep);margin-top:26px;padding:20px 0 12px}.connection-related{display:flex;align-items:flex-start;width:100%;text-align:left;gap:10px;padding:13px 0;border-bottom:1px solid var(--sep)}.connection-related>span{flex:1;min-width:0}.connection-related strong{font-size:13px;font-weight:500;display:block}.connection-related small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}.connection-related svg{width:15px;flex-shrink:0;color:var(--muted)}.connection-unlinked{font-size:12px;line-height:1.7;color:var(--muted)}.connection-open{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 18px 18px;padding:13px 16px;background:var(--tile);color:var(--sheet);border-radius:11px;font-size:13px}.connection-open:hover{color:var(--sheet);opacity:.9}
.connections-map-controls{position:absolute;bottom:18px;right:20px;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--sep);border-radius:11px;background:var(--sheet);box-shadow:var(--raised-shadow);z-index:4}.connections-map-controls button{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;color:var(--sub)}.connections-map-controls button:hover{background:var(--hover)}.connections-map-controls output{min-width:48px;text-align:center;color:var(--sub);font-size:11px}
.connections-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px;padding:25px 30px 90px}.connections-card-grid .connection-card{width:100%}#connections-stage.cards-mode{overflow:auto;touch-action:auto;cursor:auto}.connections-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;color:var(--sub)}.connections-empty>svg{width:42px;height:42px;color:var(--muted);margin-bottom:16px}.connections-empty h2{font:600 24px/1.25 Geist,-apple-system,sans-serif;margin:0 0 14px}.connections-empty p{font-size:13px;line-height:1.8;max-width:330px}
@media(max-width:1200px){.connections-toolbar{gap:9px;padding-left:22px;padding-right:22px}.connections-toolbar>div:first-child{width:100%}#connections-preview{width:260px}.connections-search{max-width:none}}

body[data-view=graph] .view-head{background:transparent}body[data-view=graph] #view-close{position:static;margin-left:auto}

body[data-view=graph]{--connection-accent:#8fcfae}body[data-view=graph].bw{--connection-accent:var(--sub)}
.connection-card.selected{border-color:var(--connection-accent)}.connections-edges path.selected{stroke:var(--connection-accent)}
/* AI Chats: the same full-width pane as Connections, with a list of chats and a reader. */
body[data-view=chats]{grid-template-columns:232px minmax(0,1fr)}
body[data-view=chats]>.note-list{display:none}
body[data-view=chats] main{margin:8px 10px 10px 0;border-radius:26px;background:var(--app);overflow:hidden}
body[data-view=chats] main>.toolbar,body[data-view=chats] #document-scroll,body[data-view=chats] #tabs,body[data-view=chats] .toolbar-actions{display:none!important}
body[data-view=chats] #view-pane{display:flex;flex-direction:column;overflow:hidden;background:transparent;padding:0}
body[data-view=chats] .view-head{padding:24px 30px 0;min-height:70px}
body[data-view=chats] .view-head h1{font-size:26px;letter-spacing:-1px}
body[data-view=chats] #view-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;width:100%;max-width:none;margin:0}
.chats-toolbar{display:flex;align-items:center;gap:12px;padding:0 30px 16px;flex-wrap:wrap}
.chats-toolbar>div:first-child{margin-right:auto}.chats-toolbar p{margin:0 0 5px;color:var(--sub);font-size:14px}.chats-toolbar>div>span{color:var(--muted);font-size:11px}
.chats-toolbar select{background:var(--card);border:1px solid var(--sep);border-radius:11px;padding:9px 10px;font-size:12px;color:var(--ink)}
.chats-toolbar .action svg{width:14px;height:14px;margin-right:6px;vertical-align:-2px}
.chats-layout{flex:1;min-height:0;display:flex;gap:12px;padding:0 12px 0 30px}
.chats-list{width:320px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px 4px 20px 0}
.chat-card{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--card);border:1px solid var(--sep);border-radius:14px;padding:11px 13px;color:var(--ink);cursor:pointer}
.chat-card:hover{border-color:var(--muted)}.chat-card.active{border-color:var(--green);box-shadow:0 0 0 1px var(--green) inset}
.chat-card-head{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.chat-card-head svg{width:13px;height:13px}.chat-card-head span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-card-head time{text-transform:none;letter-spacing:0}
.chat-card strong{font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.chat-card-preview{font-size:12px;color:var(--sub);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.chats-more{padding:6px 4px}
.chats-reader{flex:1;min-width:0;overflow-y:auto;background:var(--card);border:1px solid var(--sep);border-radius:20px;padding:0 26px 30px;margin-bottom:12px}
.chat-reader-head{position:sticky;top:0;z-index:1;display:flex;gap:14px;align-items:flex-start;justify-content:space-between;padding:20px 0 14px;background:var(--card);border-bottom:1px solid var(--sep);margin-bottom:8px}
.chat-reader-head h2{margin:0 0 4px;font-size:19px;line-height:1.3}.chat-reader-head p{margin:0;color:var(--muted);font-size:12px}
.chat-reader-head .action{flex-shrink:0}.chat-reader-head .action svg{width:14px;height:14px;margin-right:6px;vertical-align:-2px}
.chat-message{padding:12px 0;border-bottom:1px dashed var(--sep)}.chat-message:last-child{border-bottom:0}
.chat-message-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.chat-message-head .text-action{opacity:0;font-size:11px;text-transform:none;letter-spacing:0;font-weight:500}.chat-message:hover .chat-message-head .text-action,.chat-message-head .text-action:focus-visible{opacity:1}
.chat-message.user .chat-message-body{background:var(--accent);border-radius:12px;padding:2px 14px}
.chat-message-body{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.chat-message-body pre{overflow-x:auto;max-width:100%}.chat-message-body img{max-width:100%}
.chats-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 30px 14px;border-top:1px solid var(--sep)}
.chats-foot .settings-check{max-width:640px;margin:0}
.chats-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:50px 18px;color:var(--sub)}.chats-empty svg{width:30px;height:30px;color:var(--muted)}.chats-empty h2{margin:4px 0 0;font-size:18px;color:var(--ink)}.chats-empty p{margin:0 0 8px;font-size:13px;line-height:1.5}
.chats-steps{padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.5}.chats-steps li span{display:block;color:var(--sub)}
@media(max-width:1000px){.chats-list{width:250px}.chats-layout{padding-left:16px}.chats-toolbar,.chats-foot{padding-left:16px;padding-right:16px}}
.web-pair{margin:4px 0 14px 28px}.web-pair .chats-steps{margin:0 0 10px}
.web-key{display:flex;gap:8px;align-items:center}.web-key input{flex:1;min-width:0;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--card);border:1px solid var(--sep);border-radius:9px;padding:8px 10px;color:var(--ink)}
.web-key .action svg{width:14px;height:14px;margin-right:6px;vertical-align:-2px}
.connection-chat .connection-orb{background:transparent;border:2px solid var(--accent,#7a8f6b);border-radius:4px}
.connection-card.connection-chat{border-style:dashed}
.connections-toggle[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}