/* Notes reserve one compact, aligned column after the price. */
.task-table.scope-table .notes-col{width:72px;text-align:center;padding-left:8px;padding-right:8px}
.task-table.scope-table .name-col{width:35%}.task-table.scope-table .stage-col{width:16%}.task-table.scope-table .type-col{width:30%}.task-table.scope-table .price-col{width:12%}
.task-note-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:7px;border:1px solid transparent;border-radius:10px;background:transparent;color:#777b82;cursor:pointer;vertical-align:middle;transition:background .16s,color .16s,transform .16s}
.task-note-button svg{width:20px;height:20px;flex:none}.task-note-button:hover{background:#f0f1f3;transform:translateY(-1px)}.task-note-button:focus-visible{outline:2px solid var(--orange,#ed701a);outline-offset:3px}
.task-note-button.note-unread{background:#fff0db;color:#a84a08;--note-icon-line:#fff4e5;border-color:#f4d5ae}.task-note-button.note-unread:hover{background:#ffe5c4}.note-unread-dot{position:absolute;top:3px;right:3px;width:7px;height:7px;background:#e96916;border:2px solid #fff0db;border-radius:50%}.note-add-mark{position:absolute;right:2px;bottom:0;font-size:14px;font-weight:600;color:var(--ink,#303236)}.task-note-button.note-empty{opacity:.65}.task-note-button.note-empty:hover{opacity:1}
.task-note-banner{margin:18px 0;padding:16px 18px;border:1px solid var(--line,#e6e6e8);border-radius:12px;background:var(--surface,#f8f8f9)}.task-note-banner.is-unread{border-color:#f0c793;background:#fff5e7;color:#793e14}.task-note-banner>div{display:flex;align-items:center;gap:9px}.task-note-banner svg{width:19px;height:19px;flex:none}.task-note-banner strong{font-size:13px;font-weight:600}.task-note-banner p{font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.task-note-banner button{font-size:12px;min-height:34px;background:transparent;border-color:currentColor;color:inherit}
.note-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.note-context{font-size:14px;font-weight:550;line-height:1.5;color:var(--ink,#303236)}.note-read-state{font-size:12px;color:var(--muted,#666);white-space:nowrap}.note-read-state.unread{color:#a84a08;font-weight:600}.note-audience,.note-storage,.note-byline{font-size:12px;line-height:1.6;color:var(--muted,#666)}.note-audience{margin:8px 0 24px}.note-content{font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 24px}.note-files{padding:0;margin:16px 0;list-style:none}.note-files li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line,#e6e6e8)}.note-file-link{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ink,#303236);text-decoration:none}.note-file-link svg{width:19px;height:19px;flex:none}.note-file-link span{font-size:13px;overflow-wrap:anywhere}.note-file-link small{display:block;font-size:12px;color:var(--muted,#666);margin-top:3px}.note-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.note-upload-row button{display:flex;gap:8px;align-items:center}.note-upload-row svg{width:16px;height:16px}.note-setup-link{margin-top:12px;background:transparent;border:0;padding:0;text-align:left;color:var(--ink,#303236);font-size:13px;text-decoration:underline}#task-note-form textarea{min-height:180px;resize:vertical;font-size:14px;line-height:1.6}.note-receipts{margin-top:16px;font-size:12px;color:var(--muted,#666)}.note-receipts summary{cursor:pointer}.note-receipts p{display:flex;justify-content:space-between;gap:12px}.note-files a:hover span{text-decoration:underline}
.dark .task-note-button{color:#b3b5bb;--note-icon-line:#26272b}.dark .task-note-button:hover{background:#34353a}.dark .task-note-button.note-unread{background:#3b2c1d;color:#f2ba7d;border-color:#72502a;--note-icon-line:#3b2c1d}.dark .note-unread-dot{background:#f2a153;border-color:#3b2c1d}.dark .task-note-banner{background:#27282d;border-color:#41434b}.dark .task-note-banner.is-unread{background:#34291f;color:#f2c698;border-color:#705130}.dark .note-read-state.unread{color:#f2ba7d}
@media(max-width:1100px) and (min-width:761px){.task-table.scope-table .name-col{width:31%}.task-table.scope-table .type-col{width:29%}.task-table.scope-table .stage-col{width:18%}.task-table.scope-table .price-col{width:14%}.task-table.scope-table .notes-col{width:8%}}
@media(max-width:760px){.task-table.scope-table tbody tr{grid-template-columns:minmax(0,1fr) auto 44px;gap:12px}.scope-table .name-col{grid-column:1/-1}.scope-table .stage-col{grid-column:1;grid-row:2}.scope-table .price-col{grid-column:2;grid-row:2}.scope-table .notes-col{grid-column:3;grid-row:2;align-self:center}.scope-table .type-col{grid-column:1/-1;grid-row:3}.task-note-button{width:44px;height:44px}.note-heading{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.task-note-button{transition:none}.task-note-button:hover{transform:none}}

.modal-body .note-content{color:var(--ink,#303236)}

.task-note-banner:not(.is-unread)>div>button{margin-left:auto}