.question-header-actions{display:flex;align-items:center;gap:10px}.question-note-btn{position:relative;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #dbe3ea;border-radius:10px;background:#fff;color:#64748b;cursor:pointer;transition:.18s ease}.question-note-btn:hover{border-color:#16a34a;color:#15803d;background:#f0fdf4}.question-note-btn svg{width:20px;height:20px}.question-note-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:#16a34a;border:2px solid #fff;opacity:0;transform:scale(.6);transition:.18s ease}.question-note-btn.has-note{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}.question-note-btn.has-note .question-note-dot{opacity:1;transform:scale(1)}
.question-note-modal[hidden]{display:none}.question-note-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.52);backdrop-filter:blur(3px)}.question-note-dialog{width:min(560px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.22);padding:22px}.question-note-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.question-note-dialog-header h3{margin:0;font-size:1.15rem;color:#0f172a}.question-note-close{border:0;background:transparent;color:#64748b;font-size:1.65rem;line-height:1;padding:4px 7px;cursor:pointer}.question-note-helper{margin:4px 0 14px;color:#64748b;font-size:.9rem}.question-note-helper a{color:#15803d;font-weight:700}.question-note-text{box-sizing:border-box;width:100%;min-height:150px;resize:vertical;border:1px solid #cbd5e1;border-radius:12px;padding:13px 14px;font:inherit;line-height:1.5;color:#0f172a;background:#fff;outline:none}.question-note-text:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12)}.question-note-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.question-note-actions button{border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer}.question-note-delete{margin-right:auto;border:0;background:transparent;color:#dc2626}.question-note-cancel{border:1px solid #cbd5e1;background:#fff;color:#475569}.question-note-save{border:1px solid #15803d;background:#16a34a;color:#fff}.question-note-save:disabled,.question-note-delete:disabled{opacity:.55;cursor:wait}.question-note-modal-open{overflow:hidden}
body.dark-mode .question-note-btn{background:#172033;border-color:#334155;color:#94a3b8}body.dark-mode .question-note-btn:hover,body.dark-mode .question-note-btn.has-note{background:rgba(22,163,74,.13);border-color:#166534;color:#4ade80}body.dark-mode .question-note-dot{border-color:#172033}body.dark-mode .question-note-dialog{background:#111827;border-color:#334155}body.dark-mode .question-note-dialog-header h3,body.dark-mode .question-note-text{color:#e5e7eb}body.dark-mode .question-note-helper{color:#94a3b8}body.dark-mode .question-note-text{background:#0f172a;border-color:#475569}body.dark-mode .question-note-cancel{background:#172033;border-color:#475569;color:#cbd5e1}
@media(max-width:600px){.question-header{align-items:flex-start}.question-header-actions{gap:7px}.question-note-btn{width:38px;height:38px;flex:0 0 38px}.question-note-dialog{padding:18px;border-radius:16px}.question-note-actions{flex-wrap:wrap}.question-note-delete{width:100%;order:3;margin:2px 0 0;text-align:center}}