/* stable-82: quiet, compact lesson editor tuned for daily edits on desktop and mobile. */
#lessonDialog{
  width:min(900px,calc(100vw - 40px))!important;
  max-width:900px!important;
  max-height:calc(100dvh - 36px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--line-subtle)!important;
  border-radius:20px!important;
  background:var(--panel,#141416)!important;
  color:var(--text,#f5f5f7)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.48)!important;
}
#lessonDialog #lessonForm{
  display:grid!important;
  gap:14px!important;
  max-height:calc(100dvh - 38px)!important;
  overflow:auto!important;
  padding:22px 24px 18px!important;
}
#lessonDialog .dialog-head{
  align-items:center!important;
  margin:0!important;
  padding:0 0 14px!important;
  border-bottom:1px solid var(--line-subtle)!important;
  background:var(--panel,#141416)!important;
}
#lessonDialog .dialog-head h3{margin:0!important;font-size:21px!important;line-height:1.25!important;letter-spacing:-.02em!important}
#lessonSimpleV41{gap:14px!important;margin:0!important}
#lessonSimpleV41 [hidden]{display:none!important}
#lessonSimpleV41 .v41-grid{
  gap:12px 14px!important;
  padding:16px!important;
  border:1px solid var(--line-subtle)!important;
  border-radius:16px!important;
  background:var(--surface-1,#141416)!important;
}
#lessonSimpleV41 label{gap:6px!important;color:var(--text-soft,#d2d2d7)!important;font-size:13px!important;font-weight:600!important}
#lessonSimpleV41 label>span,.v41-field-title{font-size:13px!important;font-weight:650!important}
#lessonSimpleV41 input:not([type=checkbox]),#lessonSimpleV41 select{
  min-height:44px!important;
  padding:9px 11px!important;
  border:1px solid var(--line-soft,rgba(255,255,255,.15))!important;
  border-radius:11px!important;
  background:var(--surface-2,#1c1c1f)!important;
  color:var(--text,#f5f5f7)!important;
  font-size:15px!important;
  line-height:1.25!important;
}
#lessonDialog :where(button,input,select):focus-visible{outline:3px solid #5eb0ff!important;outline-offset:2px!important}
#lessonSimpleV41 small{font-size:12px!important;line-height:1.45!important}
#lessonSimpleV41 [data-student-title]{margin-bottom:0!important;font-size:14px!important}
#lessonSimpleV41 [data-student-hint]{margin:4px 0 0!important}
#lessonSimpleV41 .v41-student-picker{
  gap:9px!important;
  margin:9px 0 0!important;
  padding:13px!important;
  border:1px solid var(--line-subtle)!important;
  border-radius:15px!important;
  background:var(--surface-1,#141416)!important;
}
#lessonSimpleV41 .v41-selected-students{min-height:26px!important}
#lessonSimpleV41 [data-add-student]{justify-self:start!important;min-height:40px!important;padding:8px 13px!important}
#lessonSimpleV41 .v41-students{gap:7px!important;padding:8px!important;border-radius:12px!important;background:var(--surface-2,#1c1c1f)!important}
#lessonSimpleV41 .v41-student{min-height:46px!important;padding:8px 10px!important}
#lessonSimpleV41 .v41-followups{gap:10px!important;padding-top:14px!important;border-top:1px solid var(--line-subtle)!important}
#lessonSimpleV41 .v41-followup-head{align-items:flex-start!important}
#lessonSimpleV41 .v41-followup-head strong{font-size:14px!important}
#lessonSimpleV41 .v41-followup{gap:10px!important;padding:12px!important;border-radius:13px!important;background:var(--surface-1,#141416)!important}
#lessonSimpleV41 .v41-followup-grid{gap:10px!important}
#lessonDialog .dialog-actions{
  position:sticky!important;
  bottom:-18px!important;
  z-index:4!important;
  margin:0!important;
  padding:12px 0 max(2px,env(safe-area-inset-bottom))!important;
  border-top:1px solid var(--line-subtle)!important;
  background:var(--panel,#141416)!important;
}
#lessonDialog .dialog-actions button{min-height:42px!important;padding:9px 16px!important;border-radius:12px!important;font-size:14px!important}
@media(max-width:760px){
  #lessonDialog{width:calc(100vw - 20px)!important;max-width:none!important;max-height:calc(100dvh - 20px)!important;border-radius:17px!important}
  #lessonDialog #lessonForm{max-height:calc(100dvh - 22px)!important;gap:12px!important;padding:15px 14px max(12px,env(safe-area-inset-bottom))!important}
  #lessonDialog .dialog-head{padding-bottom:11px!important}
  #lessonDialog .dialog-head h3{font-size:19px!important}
  #lessonSimpleV41{gap:12px!important}
  #lessonSimpleV41 .v41-grid{grid-template-columns:1fr!important;gap:10px!important;padding:12px!important}
  #lessonSimpleV41 .v41-student-picker{padding:10px!important}
  #lessonSimpleV41 .v41-students{max-height:32vh!important}
  #lessonSimpleV41 .v41-followup-head{flex-direction:column!important}
  #lessonSimpleV41 .v41-followup-head button{width:100%!important}
  #lessonSimpleV41 .v41-followup-grid{grid-template-columns:1fr!important}
  #lessonDialog .dialog-actions{bottom:-15px!important;gap:8px!important;padding-top:10px!important}
  #lessonDialog .dialog-actions button{flex:1 1 0!important}
}
@media(max-width:420px){
  #lessonDialog .dialog-actions{flex-direction:column-reverse!important;align-items:stretch!important}
  #lessonDialog .dialog-actions button{width:100%!important}
}