/* M3 plan editor layout only. No business data, plan state or student view changes. */
.view[data-view="planes"] .m3-workspace-toolbar{align-items:center}
.view[data-view="planes"] .m3-workspace-toolbar-actions{
  display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:flex-end
}
.view[data-view="planes"] .m3-workspace-student{min-width:220px;max-width:310px;flex:1 1 220px}
.view[data-view="planes"] .m3-workspace-student label{
  display:block;margin-bottom:6px;font-size:11px;color:var(--muted);font-weight:800
}
.view[data-view="planes"] .m3-workspace-student select{
  width:100%;min-width:0;min-height:42px;border:1px solid var(--line);
  border-radius:12px;background:var(--surface-2);color:var(--text);padding:0 12px
}
.view[data-view="planes"] .m3-plan-editor-layout{
  grid-template-columns:minmax(245px,290px) minmax(0,1fr);gap:16px
}
.view[data-view="planes"] .m3-plan-config{
  position:static;padding:18px;min-width:0;align-self:start
}
.view[data-view="planes"] .m3-plan-section-head h3,
.view[data-view="planes"] .m3-plan-workspace-head h3{
  margin:3px 0 4px;font-size:18px;line-height:1.2
}
.view[data-view="planes"] .m3-plan-section-head p,
.view[data-view="planes"] .m3-plan-workspace-head p{
  margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.45
}
.view[data-view="planes"] .m3-plan-config>.field{margin-top:10px}
.view[data-view="planes"] .m3-plan-config .form-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px
}
.view[data-view="planes"] .m3-plan-config .field input,
.view[data-view="planes"] .m3-plan-config .field select{min-width:0;width:100%}
.view[data-view="planes"] .m3-plan-config .generator-mode-actions{
  display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px
}
.view[data-view="planes"] .m3-plan-config .generator-mode-actions .generator-button{
  margin:0;width:100%;min-height:44px
}
.view[data-view="planes"] .m3-plan-config [hidden]{display:none!important}
.view[data-view="planes"] .m3-plan-config .generator-variable-count-toggle{margin-top:11px}
.view[data-view="planes"] .m3-generator-advanced,
.view[data-view="planes"] .m3-generator-profile,
.view[data-view="planes"] .m3-generator-rules{
  min-width:0;border:1px solid var(--line);border-radius:12px;
  background:var(--surface-2)
}
.view[data-view="planes"] .m3-generator-advanced{margin-top:12px}
.view[data-view="planes"] .m3-generator-advanced summary,
.view[data-view="planes"] .m3-generator-profile summary,
.view[data-view="planes"] .m3-generator-rules summary{
  cursor:pointer;list-style:revert;padding:12px 14px;color:var(--text);
  font-weight:750;font-size:12px
}
.view[data-view="planes"] .m3-generator-advanced-body{
  padding:0 12px 12px;border-top:1px solid var(--line)
}
.view[data-view="planes"] .m3-generator-advanced-body>.field{margin-top:12px}
.view[data-view="planes"] .m3-generator-advanced .generator-online-session{margin-bottom:0}
.view[data-view="planes"] .m3-plan-workspace{
  min-width:0;display:grid;gap:14px;align-content:start
}
.view[data-view="planes"] .m3-plan-workspace-head{
  display:flex;gap:12px;align-items:start;justify-content:space-between;
  flex-wrap:wrap;padding:4px 2px 0
}
.view[data-view="planes"] .m3-plan-workspace-head p{margin-bottom:0}
.view[data-view="planes"] .m3-generator-profile{
  flex:0 1 290px;max-width:100%
}
.view[data-view="planes"] .m3-generator-profile[open]{
  flex-basis:100%;width:100%
}
.view[data-view="planes"] .m3-generator-profile .generator-context{
  margin:0 12px 12px;border:0;padding:0;background:none
}
.view[data-view="planes"] .m3-generator-profile .context-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.view[data-view="planes"] .m3-plan-workspace>.generated-plan{
  width:100%;min-width:0;min-height:360px
}
.view[data-view="planes"] .m3-saved-plans-panel{min-width:0;padding:18px}
.view[data-view="planes"] .m3-saved-plans-panel .saved-plans{
  margin:0;padding:0;border:0
}
.view[data-view="planes"] .m3-saved-plans-panel .saved-plan-row{
  min-width:0
}
.view[data-view="planes"] .m3-generator-rules{margin:0}
.view[data-view="planes"] .m3-generator-rules .generator-rule{
  border:0;border-top:1px solid var(--line);border-radius:0;
  margin:0;padding:12px 14px;background:transparent
}
@media(max-width:1120px){
  .view[data-view="planes"] .m3-plan-editor-layout{
    grid-template-columns:minmax(215px,255px) minmax(0,1fr)
  }
  .view[data-view="planes"] .m3-workspace-toolbar{
    align-items:stretch;flex-direction:column
  }
  .view[data-view="planes"] .m3-workspace-toolbar-actions{
    justify-content:flex-start
  }
}
@media(max-width:760px){
  .view[data-view="planes"] .m3-plan-editor-layout{grid-template-columns:1fr}
  .view[data-view="planes"] .m3-plan-config{padding:16px}
  .view[data-view="planes"] .m3-workspace-toolbar-actions{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
  }
  .view[data-view="planes"] .m3-workspace-student{
    min-width:0;max-width:none;grid-column:1/-1
  }
  .view[data-view="planes"] .m3-workspace-toolbar-actions>.btn{
    min-width:0;white-space:normal
  }
}
@media(max-width:480px){
  .view[data-view="planes"] .m3-plan-config .form-grid{gap:7px}
  .view[data-view="planes"] .m3-generator-profile{flex-basis:100%}
  .view[data-view="planes"] .m3-generator-profile .context-grid{grid-template-columns:1fr}
  .view[data-view="planes"] .m3-workspace-toolbar-actions{
    grid-template-columns:1fr
  }
  .view[data-view="planes"] .m3-workspace-student{grid-column:auto}
}