/* Complete the modal-only Bootstrap presentation for the two prompt lessons. */
.ct-inline-prompt-modal .modal-content { color: var(--ct-text, #202235); background: var(--ct-surface, #fff); }
.ct-inline-prompt-modal .modal-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border-bottom: 1px solid var(--ct-border, #c9c5d8); }
.ct-inline-prompt-modal .modal-title { margin: 0; font-size: 1.125rem; font-weight: 700; }
.ct-inline-prompt-modal .btn-close { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; flex-shrink: 0; border: 0; border-radius: 8px; background: transparent; color: inherit; font-size: 28px; line-height: 1; cursor: pointer; }
.ct-inline-prompt-modal .modal-body { padding: 1rem; color: inherit; }
.ct-inline-prompt-modal .modal-body p { margin: 0 0 1rem; overflow-wrap: anywhere; }
.ct-inline-prompt-modal .form-label { display: block; margin-bottom: .5rem; }
.ct-inline-prompt-modal .form-control { display: block; width: 100%; min-height: 44px; padding: .5rem .75rem; border: 1px solid var(--ct-border, #c9c5d8); border-radius: 8px; background: var(--ct-surface, #fff); color: inherit; font: inherit; }
.ct-inline-prompt-modal .modal-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; padding: 1rem; border-top: 1px solid var(--ct-border, #c9c5d8); }
.ct-inline-prompt-modal .modal-footer .btn { min-height: 44px; padding: .5rem 1rem; border: 1px solid var(--ct-border, #c9c5d8); border-radius: 8px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.ct-inline-prompt-modal .modal-footer .btn-primary { background: #6736aa; border-color: #6736aa; color: #fff; }
.ct-inline-prompt-modal button:hover { filter: brightness(.94); }
.ct-inline-prompt-modal button:focus-visible, .ct-inline-prompt-modal input:focus-visible { outline: 3px solid #9b75ff; outline-offset: 2px; }
.ct-inline-prompt-modal [hidden] { display: none !important; }
.ct-inline-prompt-modal[dir="rtl"] .modal-footer { justify-content: flex-end !important; }
html[data-ct-lesson-theme="dark"] .ct-inline-prompt-modal .modal-content { background: var(--ct-surface, #242331); color: var(--ct-text, #f4f2fb); }
html[data-ct-lesson-theme="dark"] .ct-inline-prompt-modal .form-control { background: #171722; color: #f4f2fb; border-color: #6d6780; }