/* Highlight marks */
.klrp-hl { border-radius:2px; padding:1px 0; cursor:pointer; transition:opacity 0.15s; }
.klrp-hl:hover { opacity:0.8; }
.klrp-hl--yellow { background-color:#fef08a; color:#333; }
.klrp-hl--green  { background-color:#bbf7d0; color:#333; }
.klrp-hl--blue   { background-color:#bfdbfe; color:#333; }
.klrp-hl--pink   { background-color:#fbcfe8; color:#333; }
.klrp-hl--purple { background-color:#ddd6fe; color:#333; }

/* Floating toolbar */
.klrp-hl-toolbar { position:absolute; z-index:10002; display:flex; gap:4px; background:#1e1e22; border:1px solid rgba(255,255,255,0.12); border-radius:8px; padding:6px 8px; box-shadow:0 4px 16px rgba(0,0,0,0.4); }
.klrp-hl-color { width:24px; height:24px; border-radius:50%; border:2px solid transparent; cursor:pointer; transition:transform 0.1s; }
.klrp-hl-color:hover { transform:scale(1.2); }
.klrp-hl-color.active { border-color:#fff; }
.klrp-hl-action { background:none; border:none; font-size:16px; cursor:pointer; padding:2px 4px; }

/* Note input popup */
.klrp-hl-note-input { position:absolute; z-index:10003; background:#1e1e22; border:1px solid rgba(255,255,255,0.12); border-radius:10px; padding:12px; width:280px; box-shadow:0 8px 24px rgba(0,0,0,0.4); }
.klrp-hl-note-input textarea { width:100%; background:#111; color:#e0e0dc; border:1px solid rgba(255,255,255,0.1); border-radius:6px; padding:8px; font-size:13px; resize:none; }
.klrp-hl-note-save { background:#e8a838; color:#111; border:none; padding:6px 14px; border-radius:6px; cursor:pointer; font-size:12px; font-weight:600; }
.klrp-hl-note-cancel { background:none; color:#888; border:none; padding:6px 8px; cursor:pointer; font-size:12px; }

/* Highlight click popover */
.klrp-hl-popover { position:absolute; z-index:10004; background:#1e1e22; border:1px solid rgba(255,255,255,0.12); border-radius:12px; padding:16px; width:300px; box-shadow:0 8px 32px rgba(0,0,0,0.5); }
.klrp-hl-popover__text { font-size:13px; color:#ccc; font-style:italic; margin-bottom:12px; line-height:1.5; }
.klrp-hl-popover__colors { display:flex; gap:6px; margin-bottom:12px; }
.klrp-hl-popover__note { width:100%; background:#111; color:#e0e0dc; border:1px solid rgba(255,255,255,0.1); border-radius:6px; padding:8px; font-size:13px; resize:none; margin-bottom:8px; }
.klrp-hl-popover__actions { display:flex; gap:8px; }
.klrp-hl-popover__save { background:#e8a838; color:#111; border:none; padding:6px 14px; border-radius:6px; cursor:pointer; font-size:12px; font-weight:600; }
.klrp-hl-popover__delete { background:none; color:#d63638; border:1px solid #d63638; padding:6px 12px; border-radius:6px; cursor:pointer; font-size:12px; }
.klrp-hl-popover__close { background:none; color:#888; border:none; padding:6px 8px; cursor:pointer; font-size:12px; margin-left:auto; }