/* notes timeline (js/notes.js) */
.nt-btn{border:1px solid var(--rule);background:var(--paper);color:var(--ink2);border-radius:14px;padding:2px 9px;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.nt-btn:hover{border-color:var(--indigo);color:var(--indigo)} .nt-btn.has{background:var(--amber-l);border-color:var(--amber);color:var(--ink)}
.nt-pop{position:absolute;z-index:90;background:var(--paper);border:1px solid var(--rule);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.22);padding:12px 14px;max-height:78vh;overflow:auto}
.nt-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px} .nt-sub{font-size:11.5px;color:var(--ink3)} .nt-x{border:0;background:none;font-size:20px;line-height:1;color:var(--ink3);cursor:pointer}
.nt-compose{border:1px solid var(--rule);border-radius:10px;padding:8px;background:var(--paper2);margin-bottom:10px}
.nt-compose textarea{width:100%;border:0;background:transparent;resize:none;font:inherit;font-size:13px;color:var(--ink);outline:none;min-height:44px;box-shadow:none}
.nt-row{display:flex;align-items:center;gap:8px;margin-top:6px} .nt-kinds{display:flex;gap:4px;flex:1;flex-wrap:wrap} .nt-hint{font-size:10.5px;color:var(--ink3)}
.nt-k{border:1px solid var(--rule);background:var(--paper);border-radius:12px;padding:2px 9px;font:inherit;font-size:11px;font-weight:600;color:var(--ink2);cursor:pointer}
.nt-k.on{border-color:var(--kc);background:var(--kc);color:var(--ki,#fff)}
:root[data-skin="dawgwalk"]{--nt-system:var(--ink2)}   /* "System" kind colour in Dawg Walk (Classic keeps #9A9AAB via the fallback in js/notes.js) */
.nt-list{display:flex;flex-direction:column;gap:8px} .nt-empty{font-size:12.5px;color:var(--ink3);padding:6px 2px}
.nt-item{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:6px 6px;border-radius:10px} .nt-item.pinned{background:var(--amber-l)}
.nt-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}
.nt-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px} .nt-kind{border:1px solid;border-radius:8px;padding:0 6px;font-size:10.5px;font-weight:700;color:var(--ink2)} .nt-at{color:var(--ink3);font-size:11px}
.nt-acts{margin-left:auto;display:none;gap:4px} .nt-item:hover .nt-acts{display:inline-flex} .nt-acts button{border:0;background:none;color:var(--ink3);font:inherit;font-size:11px;cursor:pointer} .nt-acts button:hover{color:var(--indigo)}
.nt-text{font-size:13px;color:var(--ink);margin-top:2px;white-space:normal;word-break:break-word}