.extra-note-launch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 12px;border:1px solid #d5cdf5;border-radius:12px;background:#f4f0ff;min-width:0}.extra-note-button{border:0;border-radius:8px;background:#584bd1;color:#fff;font-weight:650;padding:8px 13px;white-space:nowrap}.extra-note-button:disabled{opacity:.6}.extra-note-summary{font-size:12px;color:#655c85;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:120px}.extra-note-error{color:#b42338;font-size:13px;width:100%}
.extra-note-dialog{width:min(1000px,96vw);max-width:96vw;height:min(780px,94dvh);max-height:94dvh;border:1px solid #d7d9ef;border-radius:18px;padding:0;color:#15233f;box-shadow:0 25px 100px #18213955;background:#fff}.extra-note-dialog::backdrop{background:#10234580;backdrop-filter:blur(3px)}.extra-note-dialog.note-expanded{width:98vw;max-width:98vw;height:98dvh;max-height:98dvh}.note-shell{display:flex;flex-direction:column;height:100%;min-height:0}.note-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:linear-gradient(110deg,#edf2ff,#f5efff);border-bottom:1px solid #e1e6f2}.note-heading h2{font-size:20px;font-weight:750;margin:0 0 4px}.note-heading p{font-size:12px;margin:0;color:#63708c}
.extra-note-dialog button,.extra-note-dialog input,.extra-note-dialog select{font:inherit}.note-actions{display:flex;gap:6px;flex-wrap:wrap;padding:9px 14px;background:#f8faff;border-bottom:1px solid #e5e9f2;font-size:12px}.extra-note-dialog button:not([class^=ql-]){border:1px solid #d7dfef;border-radius:7px;background:white;color:#203556;padding:6px 10px;cursor:pointer}.extra-note-dialog button:focus-visible{outline:3px solid #89adff;outline-offset:1px}.note-editor{flex:1;min-height:130px;overflow:auto}.note-editor .ql-editor{font-size:15px;line-height:1.6;padding:22px 28px;min-height:100%;overflow-y:auto}.extra-note-dialog .ql-toolbar{border-width:0 0 1px;padding:10px 14px;background:#fff}.extra-note-dialog .ql-container{border:0;min-height:0}
.note-find{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 14px;background:#f1f5ff;font-size:12px}.note-find[hidden],.note-discard[hidden]{display:none}.note-find input{min-width:80px;width:145px;padding:6px;border:1px solid #c8d5ec;border-radius:6px}.note-find input[type=checkbox]{min-width:0;width:auto}.note-status{padding:7px 20px;font-size:11px;color:#65758e;border-top:1px solid #e2e8f2;display:flex;justify-content:space-between;gap:10px}.note-footer{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f8faff;border-top:1px solid #e2e8f2;font-size:13px}.note-footer span{margin-right:auto;color:#64718b;font-size:12px}.extra-note-dialog button.note-apply{background:#315ff4;border-color:#315ff4;color:white;font-weight:650}.note-message{margin:0;color:#a7253c;font-size:12px;padding:0 20px}.note-discard{padding:12px 20px;background:#fff3d8;font-size:13px}.note-discard button{margin-left:8px}
.extra-note-view{white-space:pre-wrap}.extra-note-view.ql-container{font-family:inherit;border:0}.extra-note-view .ql-editor{padding:0;overflow:visible;min-height:0;font-family:inherit;white-space:pre-wrap}.extra-note-view .ql-editor>*{margin:0}
@media(max-width:600px){.note-heading{padding:12px}.note-footer{flex-wrap:wrap;padding:10px}.note-footer span{width:100%}.note-editor .ql-editor{padding:15px}.note-actions{gap:4px;padding:6px}.note-status{padding:6px 12px}.extra-note-dialog .ql-toolbar{padding:6px}}