.note-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex-shrink:0;min-height:2.5rem;padding:.4rem .65rem;border:1px solid #dce4d5;border-radius:.45rem;background:#fafcf7;color:#69835b;font-size:.75rem;line-height:1.4;white-space:nowrap}
.note-button svg{width:1rem;height:1rem;flex-shrink:0}
.note-button:hover{background:#edf3e7;border-color:#b5c5a9}
.note-button.has-note{color:#3b694a;background:#edf4e6;border-color:#bdcfae}
.heading-with-note{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}
.heading-with-note h1{min-width:0}
.sidebar-note-row{position:relative;display:flex;align-items:center;gap:.15rem}
.sidebar-note-row>.domain-nav,.subnav .sidebar-note-row>button[data-action="section"]{padding-right:2.7rem}
.sidebar .sidebar-note-row>.note-button{position:absolute;right:.3rem;width:2.4rem;height:2.4rem;min-height:2.4rem;padding:.65rem;justify-content:center;border:0;background:transparent;color:#8faa99}
.sidebar .sidebar-note-row>.note-button:hover{background:#3b5448;color:#d3e7bf}
.sidebar .note-button .note-button-label{display:none}
.sidebar .note-button.has-note:after{content:"";position:absolute;right:.25rem;top:.3rem;width:5px;height:5px;background:#c4dea4;border-radius:50%}
.paper-meta>.note-button{margin-top:.65rem;align-self:flex-end}
.notes-dialog{width:min(48rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--line);border-radius:.8rem;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.notes-dialog::backdrop{background:#12251f66}
.notes-dialog .dialog-top{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--paper);border-bottom:1px solid var(--line)}
.notes-dialog .dialog-top h2{font-size:1.1rem;font-weight:500}
.notes-body{padding:1.2rem 1.5rem 1.5rem}
.note-context{font-size:1rem;line-height:1.7;overflow-wrap:anywhere;margin-bottom:1rem}
.note-status{min-height:1.5rem;margin-top:1rem;font-size:.8rem;line-height:1.8;color:#53704b;overflow-wrap:anywhere}
.note-status.error{color:#a04431}
.note-meta{font-size:.7rem;line-height:1.8;color:#88967c;margin:.35rem 0 .85rem}
.note-editor-label{display:block;font-size:.8rem;margin-bottom:.5rem}
#note-text{display:block;width:100%;min-height:17rem;resize:vertical;padding:1rem;border:1px solid #d5dfcb;border-radius:.5rem;background:white;color:var(--ink);font-size:1rem;line-height:1.9;tab-size:2}
.note-editor-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem;margin-top:.6rem;color:#819175;font-size:.68rem;line-height:1.8}
.note-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem;padding-bottom:env(safe-area-inset-bottom,0px)}
.note-actions .text-button{margin-right:auto;font-size:.75rem}
.note-cloud-confirm{padding:.85rem;margin-top:1rem;border:1px solid #dfd9b9;border-radius:.5rem;background:#faf7e9;font-size:.8rem;line-height:1.8}
.note-cloud-confirm p{margin-bottom:.7rem}
.note-cloud-confirm button+button{margin-left:.7rem}
.all-notes-nav{display:flex;align-items:center;gap:.7rem;width:100%;padding:.85rem .7rem;margin-bottom:.8rem;border:1px solid #43594c;border-radius:.5rem;color:#c4d6bf;text-align:left;font-size:.85rem}
.all-notes-nav:hover,.all-notes-nav.active{background:#2d4641;color:#d3efab;border-color:#6a8658}
.all-notes-nav .ui-icon{color:inherit}
.notes-library-tools{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
.notes-library-tools .search-box{min-width:0;flex:1}
#notes-result-count{margin:1rem 0 1.5rem}
.notes-branch{min-width:0;margin:1.3rem 0}
.notes-branch-heading{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.8rem;min-width:0}
.notes-branch-heading>.ui-icon{margin-top:.25rem;flex-shrink:0}
.notes-branch-heading h2,.notes-branch-heading h3,.notes-branch-heading h4,.notes-branch-heading h5{font-size:1rem;line-height:1.7;font-weight:500;overflow-wrap:anywhere;min-width:0}
.notes-depth-0>.notes-branch-heading h2{font-size:1.25rem}
.notes-branch-heading small{font-size:.7rem;color:#8a9a7e;margin-left:auto;white-space:nowrap;padding-top:.35rem}
.notes-children{margin-left:.7rem;padding-left:1rem;border-left:1px solid #dce4d3}
.note-reading-card{padding:1.1rem 1.3rem;background:white;border:1px solid #dfe6d6;border-radius:.6rem;margin-bottom:1rem;min-width:0}
.note-reading-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;font-size:.73rem;color:#7c8e6f;margin-bottom:.9rem}
.note-reading-heading>.note-button{margin-left:auto}
.note-draft-badge{font-size:.68rem;line-height:1.6;font-weight:400;padding:.2rem .4rem;border-radius:.25rem;background:#f9efd9;color:#936a28}
.note-reading-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.95;color:#344d3e}
.note-reading-time{display:block;font-size:.68rem;color:#8d9a82;margin-top:.9rem;line-height:1.8}
.note-blank{font-size:.8rem;color:#8b987f}
@media(max-width:950px){
 .notes-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border:0;border-radius:0}
 .notes-dialog .dialog-top{padding:calc(env(safe-area-inset-top,0px) + .9rem) 1.1rem .9rem 76px}
 .notes-body{padding:1rem 1.1rem 1.5rem}
 .notes-dialog input,.notes-dialog textarea{font-size:max(16px,.9rem)!important}
 .heading-with-note{gap:.6rem}
 .heading-with-note>.note-button{min-height:2.4rem}
 .paper-meta>.note-button{margin-top:0}
 #note-text{min-height:15rem}
 .notes-library-tools{flex-wrap:wrap}
 .notes-library-tools .search-box{flex-basis:100%}
 .notes-children{margin-left:.25rem;padding-left:.6rem}
 .note-reading-card{padding:.85rem}
}