.task-note-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 28px}.task-note-toolbar input{flex:1;min-width:180px;max-width:520px;padding:12px 16px;border:1px solid #d9dfe5;border-radius:12px;background:white}.task-note-toolbar span,.task-note-meta{font-size:12px;color:#65717e}.task-note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;align-items:start}.task-note-section{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#687582;margin:26px 0 12px}.task-note{border:1px solid #dce1e6;border-radius:16px;padding:18px;box-shadow:0 2px 5px #18232c06;transition:box-shadow .15s}.task-note:hover{box-shadow:0 5px 18px #18232c13}.task-note-white{background:#fff}.task-note-yellow{background:#fff6d5}.task-note-green{background:#e6f4e9}.task-note-blue{background:#e7f1fc}.task-note-pink{background:#fbe8ed}.task-note-head{display:flex;align-items:start;gap:10px}.task-note-title{border:0;background:none;text-align:left;font:inherit;font-weight:700;font-size:17px;line-height:1.4;color:#202c36;padding:0;flex:1;overflow-wrap:anywhere;cursor:pointer}.task-note-pin{border:0;background:transparent;color:#788592;font-size:22px;padding:0 4px;cursor:pointer}.task-note-pin.active{color:#ad7013}.task-note ul{list-style:none;margin:16px 0;padding:0;max-height:360px;overflow:auto}.task-note li{margin:10px 0}.task-note li label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;cursor:pointer}.task-note input[type=checkbox]{flex:0 0 auto;accent-color:#347365;width:17px;height:17px;margin-top:2px}.task-note li span{overflow-wrap:anywhere}.task-note .done span{text-decoration:line-through;color:#7a858a}.task-note-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;border-top:1px solid #65717e22;padding-top:10px}.task-note-empty{text-align:center;padding:70px 20px;background:#fff;border:1px dashed #ccd5de;border-radius:18px;color:#667783}.task-note-empty b{font-size:20px;color:#32424f}.task-note-error{padding:12px;border-radius:8px;background:#ffebea;color:#9c3027}.task-note-dialog{border:1px solid #dbe1e7;border-radius:18px;padding:0;width:min(620px,calc(100vw - 32px));max-height:88vh;box-shadow:0 24px 80px #0003;color:#273542}.task-note-dialog::backdrop{background:#12213070}.task-note-dialog header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e6eaee}.task-note-dialog h2{margin:0;font-size:20px}.task-note-editor{padding:24px}.task-note-editor label{font-size:13px;font-weight:600}.task-note-editor input[type=text],.task-note-editor input[type=search],.task-note-editor #taskNoteHeading,.task-note-editor select{border:1px solid #d7dfe6;border-radius:8px;padding:11px;font:inherit;box-sizing:border-box}.task-note-editor #taskNoteHeading{display:block;width:100%;margin:8px 0 20px;font-size:18px}.task-note-item{display:flex;align-items:center;gap:10px;margin:8px 0}.task-note-item input[type=text]{min-width:0;flex:1}.task-note-options{display:flex;align-items:center;gap:24px;margin-top:24px}.task-note-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.task-note-dialog #taskNoteStatus{font-size:13px;white-space:pre-wrap;color:#785125}.task-note-editor input[type=checkbox]{width:17px;height:17px;accent-color:#347365}.task-note-editor #taskNoteUsers{max-height:320px;overflow-y:auto;margin:12px 0}.task-note-editor #taskNoteUsers label{display:flex;gap:12px;align-items:center;padding:10px 4px}.task-note-editor #taskNoteUsers label[hidden]{display:none}.task-note-editor #taskNoteUserSearch{width:100%}@media(max-width:600px){.task-note-grid{grid-template-columns:1fr}.task-note-toolbar span{width:100%}.task-note-editor{padding:18px}}

.task-note{color:#273542;color-scheme:light}.task-note-dialog,.xrp-chat{color-scheme:light}

.task-note-inline{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:8px 0 16px}.task-note-inline input{min-width:0;flex:1;width:100px;border:1px solid #65717e40;border-radius:8px;padding:8px;background:#ffffff88;font:inherit;font-size:13px;color:#273542}.task-note-inline button{white-space:nowrap}.task-note-inline [role=status]{width:100%;font-size:12px;color:#785125;overflow-wrap:anywhere}.task-note-inline [role=status]:empty{display:none}.task-note-shared{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.task-note-user{border:1px solid #65717e30;border-radius:999px;padding:5px 10px;background:#ffffff99;font-size:12px;color:#405261;max-width:100%;overflow-wrap:anywhere}
