.flag-note { position: relative; display: inline-block; margin-left: 6px; }
.flag-note-icon { cursor: pointer; font-size: 15px; color: #b5b5b5; vertical-align: middle; }
.flag-note-icon:hover, .flag-note-icon.is-open { color: #17a2b8; }
.flag-note-icon.has-note { color: #007bff; }
.flag-note-pop { position: fixed; z-index: 2000; width: 320px; max-width: calc(100vw - 16px); padding: 10px 12px; background: #fff; border: 1px solid #d5d9de; border-radius: 6px; box-shadow: 0 6px 20px rgba(0, 0, 0, .18); font-size: 13px; line-height: 1.4; color: #333; }
.flag-note-tip { pointer-events: none; }
.flag-note-text { white-space: pre-wrap; margin: 4px 0; }
.flag-note-empty { color: #888; margin: 4px 0; }
.flag-note-edit textarea { margin: 8px 0; font-size: 13px; }
.flag-note-edit-icon { font-size: 13px; margin-right: 4px; }
.flag-note-field { display: block; margin: 8px 0 2px; font-size: 12px; font-weight: 600; }