/* Host-only integration styles; all Overview feature UI is React Native. */
#lessonModal:has(#dashRoot) { z-index:250; }
#lessonModal:has([data-overview-conversation="true"]) { z-index:250; }
#lessonModal .modal-content:has(#dashRoot) {
  max-width:1120px;
  width:100%;
  padding:28px;
  background:var(--bg);
  max-height:90vh;
  overscroll-behavior:contain;
}
#lessonModal .modal-content:has(#dashRoot) > .modal-close,
#lessonModal .modal-content:has(#dashRoot) > .lesson-h-meta,
#lessonModal .modal-content:has(#dashRoot) > .lesson-h,
#lessonModal .modal-content:has(#dashRoot) > .lesson-h-sub,
#lessonModal .modal-content:has(#dashRoot) > .lesson-actions { display:none; }
#dashRoot { text-align:left; min-width:0; }
@media(max-width:640px) {
  #lessonModal .modal-content:has(#dashRoot) {
    border-radius:0; border-width:0;
    min-height:100%; max-height:100%;
    padding:20px 16px calc(96px + var(--safe-bot));
  }
}