.task-day-note{display:inline-flex;align-items:center;justify-content:center;gap:4px;vertical-align:middle;margin:3px 0 3px 7px;padding:4px 6px;border:1px solid transparent;border-radius:12px;background:transparent;color:#8b8076;font:11px/1.2 Inter,sans-serif;cursor:pointer}.task-day-note:hover,.task-day-note:focus-visible{border-color:#d6c9ba;background:white}.task-day-note.has-note{color:#795172;background:#f4ecf2;border-color:#e1d2dd}.task-note-dialog{width:min(460px,90vw);max-height:85dvh;overflow:auto;padding:24px;border:1px solid #cbbbaf;border-radius:14px;background:#fffdf9;color:#302923;font:14px/1.5 Inter,sans-serif}.task-note-dialog h2{margin:0}.task-note-title{font-weight:600;margin-bottom:4px}.task-note-dialog textarea{box-sizing:border-box;width:100%;resize:vertical;padding:12px;border:1px solid #d6c9ba;border-radius:8px;font:inherit}.task-note-dialog form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.task-note-dialog button{padding:8px 14px;border:1px solid #d6c9ba;border-radius:20px;background:white;color:inherit;font:inherit;cursor:pointer}.task-note-feedback{color:#9b342d;font-size:12px}@media print{.task-day-note{display:none}}
.task-name-wrap:has(>.task-day-note){position:relative;padding-right:60px}.task-name-wrap>.task-day-note{position:absolute;right:0;top:0;width:auto;margin:0;align-self:flex-start}.custom-task-name>.task-day-note{flex:none;width:auto}

.task-note-dialog{position:fixed;inset:0;margin:auto}.task-note-dialog::backdrop{background:rgba(35,28,22,.28)}