/* SchoolDay v217.2: responsive two-pane Edit Phonic workspace. */
.phonics-edit-workspace-v2172 {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: start;
  gap: .85rem;
}
.phonics-edit-list-pane-v2172,
.phonics-edit-editor-pane-v2172 {
  box-sizing: border-box;
  min-width: 0;
  padding: .8rem;
  border: 1px solid color-mix(in srgb,var(--admin-subtab-border,#144f8c) 24%,#d8e1e8);
  border-radius: .75rem;
  background: color-mix(in srgb,var(--admin-subtab-bg,#f5f8fb) 55%,#fff);
}
.phonics-edit-list-pane-v2172 > h4,
.phonics-edit-editor-pane-v2172 > h4 {
  margin: 0 0 .65rem;
  color: var(--admin-subtab-text,var(--admin-calendar-main-header-bg,#144f8c));
  font-size: .95rem;
}
.phonics-edit-list-pane-v2172 .phonic-group:first-child { margin-top: 0; }
.phonics-edit-list-pane-v2172 .phonic-group:last-child { margin-bottom: 0; }
.phonics-edit-placeholder-v2172 {
  display: grid;
  place-items: center;
  align-content: center;
  gap: .35rem;
  min-height: 220px;
  padding: 1rem;
  border: 1px dashed color-mix(in srgb,var(--admin-subtab-border,#144f8c) 42%,#cbd5dc);
  border-radius: .65rem;
  background: rgba(255,255,255,.62);
  color: #687a88;
  text-align: center;
}
.phonics-edit-placeholder-v2172 strong { color: var(--admin-subtab-text,#144f8c); }
.phonics-edit-placeholder-v2172 span { max-width: 280px; font-size: .82rem; }
.phonics-edit-editor-pane-v2172 #phonicsEditForm { margin: 0; }

@media (min-width: 1100px) {
  .phonics-edit-workspace-v2172 {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .phonics-edit-list-pane-v2172 {
    max-height: min(72vh,760px);
    overflow: auto;
    scrollbar-gutter: stable;
  }
  .phonics-edit-editor-pane-v2172 {
    position: sticky;
    top: 1rem;
  }
}

@media (max-width: 640px) {
  .phonics-edit-list-pane-v2172,
  .phonics-edit-editor-pane-v2172 { padding: .65rem; }
  .phonics-edit-placeholder-v2172 { min-height: 150px; }
}