.note-controls { margin-top: 16px; }
.note-controls button, .note-actions button, .note-dialog button { min-height: 44px; padding: 8px 14px; cursor: pointer; }
.note-actions { display: flex; gap: 8px; margin-top: 10px; }
.note-dialog { width: min(440px, calc(100% - 32px)); box-sizing: border-box; border: 1px solid #d9e2ea; border-radius: 12px; padding: 20px; }
.note-dialog::backdrop { background: rgb(0 0 0 / 40%); }
.note-dialog label { display: grid; gap: 6px; margin: 12px 0; }
.note-dialog input, .note-dialog select, .note-dialog textarea { width: 100%; box-sizing: border-box; font: inherit; min-height: 44px; padding: 8px; }
.note-dialog textarea { min-height: 140px; resize: vertical; }
.note-dialog footer { display: flex; justify-content: flex-end; gap: 8px; }
.note-dialog [role="status"] { overflow-wrap: anywhere; }

.note-mold-label { position: relative; }
.note-mold-options { max-height: 220px; overflow-y: auto; border: 1px solid #b9c5d1; border-radius: 6px; background: white; }
.note-mold-options button { display: block; width: 100%; text-align: left; border: 0; border-bottom: 1px solid #eef0f2; background: white; color: #262626; overflow-wrap: anywhere; }
.note-mold-options button:hover, .note-mold-options [aria-selected="true"] { background: #e6f4ff; }
.note-mold-results { margin: 4px 0; font-size: 13px; }