.notes-board { margin: 8px 0; text-align: left; font: 13px/1.45 -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; }
.notes-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.notes-heading h2 { margin: 0; font-size: 12px; font-weight: 500; color: var(--ink-soft); }
.notes-count { margin-left: 4px; font-variant-numeric: tabular-nums; }
.notes-heading button, .notes-pages button, .notes-form button { border: 0; border-radius: 6px; padding: 3px 6px; background: none; color: var(--ink-soft); font: inherit; font-size: 12px; cursor: pointer; }
.notes-heading button:hover, .notes-pages button:hover, .notes-form button:hover { color: var(--ink); background: var(--paper-2); }
.notes-items { display: grid; gap: 6px; }
.shared-note { padding: 6px 8px 4px; background: #f2df94; border-radius: 3px 3px 10px 3px; }
.shared-note p { margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.note-bottom { display: flex; align-items: center; justify-content: space-between; min-height: 28px; gap: 8px; }
.note-by, .note-own { font-size: 11px; color: var(--ink-soft); }
.note-actions { display: flex; gap: 4px; flex: none; }
.note-actions button { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 6px; background: transparent; cursor: pointer; }
.notes-board svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.note-agree { color: #777460; }
.note-agree[aria-pressed="true"] { color: #4f713c; }
.note-ignore { color: #8c8777; }
.note-actions button:hover { background: #e9d58b; }
.note-approvals { display: flex; align-items: center; gap: 4px; min-width: 0; font-size: 11px; color: #4f713c; }
.note-approvals svg { width: 13px; height: 13px; }
.note-approvals span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notes-form { margin-top: 8px; }
.notes-form textarea { display: block; box-sizing: border-box; width: 100%; resize: vertical; min-height: 50px; max-height: 100px; border: 1px solid #cbbf9f; border-radius: 6px; padding: 6px 8px; background: var(--paper); color: var(--ink); font: inherit; }
.notes-form > div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }
.notes-form .notes-publish { color: var(--ink); background: var(--blue); min-width: 56px; }
.notes-empty, .notes-error { margin: 4px 0; color: var(--ink-soft); font-size: 12px; }
.notes-error { color: var(--lost); }
.notes-pages { display: flex; justify-content: space-between; gap: 8px; margin-top: 2px; }
.notes-older { margin-left: auto; }
.notes-retry { padding: 3px 0; border: 0; background: none; color: var(--ink-soft); font: inherit; font-size: 12px; cursor: pointer; text-decoration: underline; }