.notes-panel {position:fixed;inset:0 0 0 auto;width:min(var(--chat-width),100vw);z-index:40;background:#faf9f5;border-left:1px solid #d4d8d2;display:flex;flex-direction:column;box-shadow:-8px 0 30px #173b370c;color:#243b36}
.notes-panel[hidden],.notes-panel [hidden] {display:none!important}
.note-mode {display:flex;align-items:center;gap:5px;font-size:12px;color:#795c1b;white-space:nowrap}.note-mode input {accent-color:#a87c28}
.notes-panel button {font:inherit;font-size:12px;line-height:1.4;color:#325d50;background:#fff;border:1px solid #ccd4ce;border-radius:6px;padding:7px 11px;cursor:pointer;box-shadow:none}
.notes-panel button:hover {border-color:#859c8e;background:#f1f5ef}
.notes-panel button:focus-visible {outline:2px solid #ad8432;outline-offset:3px}
.notes-panel button:disabled {cursor:wait;opacity:.6}
body.notes-open .app-shell {margin-right:var(--chat-width)}
.notes-head {display:flex;align-items:center;justify-content:space-between;padding:22px;gap:10px;border-bottom:1px solid #dedfd9}
.notes-head h2 {font-family:Georgia,'Noto Serif SC',serif;font-size:23px;letter-spacing:-.5px;margin:0}
.notes-toolbar {padding:16px 22px 12px;display:flex;gap:8px;flex-wrap:wrap}
.notes-toolbar input {flex:1;min-width:130px;background:white;border:1px solid #d4d8d2;border-radius:6px;padding:9px 10px;font-size:13px}
.notes-toolbar select {max-width:95px;font-size:12px;border:1px solid #d4d8d2;border-radius:6px;background:white}
.notes-actions {display:flex;align-items:center;justify-content:space-between;padding:0 22px 13px;gap:10px;font-size:12px;color:#6d7770}
.notes-scroll {overflow:auto;flex:1;min-height:0;padding:0 22px 20px}
.notes-empty {padding:38px 4px;font-size:14px;line-height:1.9;color:#64736b}
.note-item {border-bottom:1px solid #e1e3dc;padding:17px 0;cursor:pointer;outline-offset:4px}
.note-item:hover .note-title {color:#006d77}
.note-item.selected {border-left:3px solid #c3942e;padding-left:12px}
.note-meta {display:flex;gap:8px;align-items:center;color:#7b8079;font-size:11px;margin-bottom:8px}
.note-dot {height:8px;width:8px;border-radius:50%;background:#efbf48;flex-shrink:0}
.note-dot.rose {background:#ed8fa4}.note-dot.lavender {background:#afa0dd}
.note-title {font-size:14px;font-weight:600;line-height:1.6;margin-bottom:7px}
.note-excerpt {border-left:2px solid #dbbd73;padding-left:10px;margin:8px 0;font-family:Georgia,'Noto Serif SC',serif;font-size:13px;line-height:1.8;color:#676f67;white-space:pre-wrap;overflow-wrap:anywhere}
.note-preview {font-size:13px;line-height:1.75;color:#4c6056;white-space:pre-wrap;overflow-wrap:anywhere}
.note-preview.md-content {white-space:normal;max-height:74px;overflow:hidden}.note-preview.md-content p {margin:0}.note-preview .katex {font-size:1em}
.note-editor {padding:15px 0}.note-editor label {display:block;font-size:12px;color:#63776c;margin-bottom:7px}
.note-editor input,.note-editor textarea {width:100%;box-sizing:border-box;background:white;border:1px solid #d4d8d2;border-radius:6px;padding:11px;font-family:inherit;font-size:14px;line-height:1.75;color:#263d34}
.note-editor textarea {min-height:180px;resize:vertical;line-height:1.8;font-size:14px}
.note-editor .note-excerpt {max-height:130px;overflow:auto}
.note-editor-section {margin:16px 0}.note-editor-footer {display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:15px 0}
.note-editor-footer .note-save {background:#1a6259;color:white;border-color:#1a6259}.note-delete {margin-left:auto;color:#a34343}
.note-palette {display:flex;gap:9px}.note-palette input {width:auto}
.note-palette label {display:flex;align-items:center;gap:4px;font-size:12px}
.notes-status {padding:10px 22px;border-top:1px solid #e1e3dc;font-size:12px;line-height:1.65;color:#69796e;min-height:36px;flex-shrink:0}
.note-warning {color:#8e6225;font-size:12px;line-height:1.7}
.note-suggestion {margin:10px 0 18px;padding:14px 0;border-top:2px solid #cab071;font-size:13px;line-height:1.8}
.note-suggestion .md-content {font-size:13px}.note-suggestion h3 {font-size:14px;margin:0 0 8px}.note-suggestion details {margin:8px 0}
.note-overlay {position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.note-highlight {position:absolute;background:#ffc84d38;box-shadow:inset 0 -1px #c2963480;pointer-events:none;mix-blend-mode:multiply}
.note-highlight.rose {background:#f596af38;box-shadow:inset 0 -1px #c2647b80}.note-highlight.lavender {background:#aa98e638;box-shadow:inset 0 -1px #9280c780}
.note-pin {position:absolute;width:15px;height:15px;border-radius:50%;border:2px solid white;background:#c29634;pointer-events:auto;cursor:pointer;padding:0;box-shadow:0 1px 4px #0002}
.note-pin.rose {background:#c2647b}.note-pin.lavender {background:#9280c7}
.note-focused {outline:2px solid #c99f46;outline-offset:3px}
.note-selection-action {position:fixed;z-index:60;background:#f6ecd2;color:#684b15;border:1px solid #d6b763;border-radius:6px;padding:7px 12px;box-shadow:0 3px 12px #1e35251a;font-size:12px}
.note-selection-action[hidden] {display:none}
.chat-note-suggestion {display:block;margin:12px 0;padding:10px 13px;color:#75581a;background:#f3ecd9;border:1px solid #dcd0a5;border-radius:6px;text-align:left;width:100%}
.chat-message .note-source {border-left-color:#c69e4e}
@media(max-width:1100px) {body.notes-open .app-shell {margin-right:0}.notes-panel {width:min(var(--chat-width),94vw)}}