/* Notepad (includes/notepad.php, assets/js/notepad.js). House tokens only, so it follows Dark (default) and Light. */
.np { display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) auto; gap: 8px; height: 100%; min-height: 0; }
.np-top { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; }
.np-list { display: flex; gap: 6px; overflow-x: auto; min-height: 0; padding-bottom: 2px; }
.np-list:empty { display: none; }
.np-list .pill { flex: 0 0 auto; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.np-list .pill[aria-selected="true"] { background: var(--blue); color: var(--text-on-accent); }
.np-title { font-weight: 600; }
.np-text { min-height: 180px; height: 100%; resize: none; line-height: 1.45; }
.np-state { margin: 0; font-size: var(--fs-small); min-height: 1.2em; }
.np-pop { width: min(560px, calc(100% - 32px)); }
.field-ask.job-sub.np-pop { width: 100%; }
.np-pop .np { min-height: min(60vh, 520px); }