/* QnaPoint editor extras: the photo/video bar and the small dialog. */
.qna-media-bar { float: left; display: flex; gap: 6px; padding: 6px 0 0 6px; }
.qna-btn { font: inherit; font-size: 13px; font-weight: 600; line-height: 1.2; padding: 7px 12px; border-radius: 8px; border: 1px solid #CBD2E1; background: #fff; color: #0F172A; cursor: pointer; }
.qna-btn:hover { border-color: #4338CA; color: #4338CA; }
.qna-btn:disabled { opacity: .55; cursor: wait; }
.qna-btn-primary { background: #4338CA; border-color: #4338CA; color: #fff; }
.qna-btn-primary:hover { background: #3730A3; border-color: #3730A3; color: #fff; }
.qna-modal { position: fixed; inset: 0; z-index: 100050; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(15, 23, 42, .55); }
.qna-modal-box { width: 100%; max-width: 440px; padding: 22px; border-radius: 14px; background: #fff; color: #0F172A; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; box-shadow: 0 20px 50px rgba(15, 23, 42, .3); }
.qna-modal-box h3 { margin: 0 0 6px; font-size: 18px; }
.qna-modal-note { margin: 0 0 14px; font-size: 14px; color: #5B6475; }
.qna-modal-box label { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 700; }
.qna-modal-box input[type="text"] { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #CBD2E1; border-radius: 10px; font: inherit; font-size: 15px; color: #0F172A; background: #fff; }
.qna-modal-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 16px; }