.projectNoteButton{display:inline-block;width:auto;padding:4px 8px;margin:0;font-size:12px;background:#eef2f6;color:#263445;border:1px solid #b6c3d1;border-radius:8px}
.projectNotesDialog{width:min(560px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid #94a3b8;border-radius:14px;padding:18px;background:#fff;color:#111827}
.projectNotesDialog::backdrop{background:#0007}
.projectNotesDialog header{display:flex;justify-content:space-between;align-items:center;position:static;padding:0;background:transparent;color:inherit}
.projectNotesDialog h2{font-size:20px;margin:0}.projectNotesDialog h3{font-size:16px}
.projectNotesDialog label{display:block;margin:10px 0}.projectNotesDialog textarea{width:100%;box-sizing:border-box;padding:10px}.projectNotesDialog input[type=checkbox]{width:auto;min-height:20px;vertical-align:middle}
.projectNote{border:1px solid #cbd5e1;border-radius:10px;padding:10px;margin:10px 0}.projectNoteImportant{border-left:4px solid #c94040}
.projectNoteText{white-space:pre-wrap;overflow-wrap:anywhere}.projectNotesDialog img{max-width:100%;max-height:360px;object-fit:contain;margin:10px 0;border-radius:8px}.projectNote small{display:block;margin-top:10px;color:#64748b}.projectNotesDialog details{margin:16px 0}
html[data-theme=dark] .projectNotesDialog{background:#1d2938;color:#eef2f7}html[data-theme=dark] .projectNote{border-color:#536780}html[data-theme=dark] .projectNote small{color:#b6c3d1}

.projectNoteFooter{grid-column:1 / -1;justify-self:end;align-self:end;margin-top:4px}