/* Step P · student-readable, compact saved-plan UI: preserve the existing classroom artwork. */
.sim-shell :is(.plan-editor-dialog,.plan-receipt-dialog){
  width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 24px);
  overflow-y:auto;padding:23px 24px 20px;border:1px solid #bdcbc6;border-radius:9px;
  background:#fff;color:#243d40;box-shadow:0 22px 55px #172c302e;
}
.sim-shell :is(.plan-editor-dialog,.plan-receipt-dialog)::backdrop{background:#132e34a6}
.sim-shell :is(.plan-editor-dialog,.plan-receipt-dialog) h2{margin:0 0 7px;font-size:clamp(20px,2.1vw,24px);line-height:1.25}
.sim-shell .plan-editor-desc{margin:0 0 16px;font-size:14px;line-height:1.5;color:#526869}
.sim-shell .plan-editor-fields{display:grid;gap:8px}
.sim-shell .plan-editor-fields label{display:block;font-weight:750;font-size:15px;margin-top:7px}
.sim-shell .plan-editor-fields small{font-size:12px;font-weight:400;color:#5e7374}
.sim-shell .plan-editor-fields :is(select,textarea){box-sizing:border-box;width:100%;border:1px solid #b6c8c8;border-radius:6px;background:white;color:#243d40;font:inherit;font-size:16px;min-height:45px;padding:9px 10px}
.sim-shell .plan-editor-fields textarea{resize:vertical;min-height:86px;line-height:1.45}
.sim-shell .plan-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.sim-shell .plan-dialog-actions button,.sim-shell #plan-receipt-close{min-height:44px;border:1px solid #b6c8c8;border-radius:6px;padding:8px 16px;font-weight:750;font-size:14px;cursor:pointer;background:#fff;color:#20565a}
.sim-shell #plan-editor-commit,.sim-shell #plan-receipt-close{background:#205c60;border-color:#205c60;color:#fff}
.sim-shell :is(.plan-editor-dialog,.plan-receipt-dialog) :is(button,select,textarea):focus-visible{outline:3px solid #e1a34c;outline-offset:2px}
.sim-shell .plan-receipt-team{margin:4px 0 14px;font-size:14px;color:#416163;font-weight:750}
.sim-shell .plan-receipt-body{display:grid;border-top:1px solid #dce6e3}
.sim-shell .plan-receipt-row{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:start;padding:11px 0;border-bottom:1px solid #e3ebe8;font-size:14px;line-height:1.45}
.sim-shell .plan-receipt-row strong{color:#3f6060;font-weight:800}
.sim-shell .plan-receipt-row span{color:#223c3d;overflow-wrap:anywhere}
.sim-shell .plan-receipt-notice{margin:13px 0;font-size:13px;line-height:1.5;color:#3c6767}
.sim-shell #plan-receipt-close{display:block;width:100%;margin-top:10px}
.sim-shell .plan-reason-summary{font-size:12px;line-height:1.45;color:#285d59;background:#fff;padding:5px 7px;border-left:3px solid #6b8d87;max-width:100%;text-align:left;overflow-wrap:anywhere}
.sim-shell .plan-reason-summary[hidden],.sim-shell .saved-plan-notes[hidden]{display:none!important}
.sim-shell .saved-plan-notes{margin:4px 0 12px;padding:11px 13px;border:1px solid #d5e2de;border-radius:5px;background:#fdfefd}
.sim-shell .saved-plan-notes > strong{display:block;font-size:16px;color:#254c50;margin:0 0 8px}
.sim-shell .saved-notes-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sim-shell .saved-notes-columns p{margin:0;min-width:0;line-height:1.5;font-size:14px;overflow-wrap:anywhere}
.sim-shell .saved-notes-columns p b{display:block;font-size:13px;color:#476466;margin-bottom:2px}
.sim-shell .saved-notes-columns p span{font-size:14px;color:#223e40}
/* 1024×768: preserve two side-by-side classrooms; scrolling is inside the comparison overlay. */
@media(min-width:751px) and (max-width:1100px){
 .sim-shell .comparison-scene{height:clamp(185px,28vh,240px)}
 .sim-shell .comparison-setting{font-size:13px!important;line-height:1.4}
 .sim-shell .comparison-readout small{font-size:12px}
 .sim-shell .comparison-readout strong{font-size:15px}
 .sim-shell .comparison-side h3{font-size:17px}
 .sim-shell .comparison-scroll-body{padding:10px 16px 14px}
 .sim-shell .comparison-fixed-head{padding:9px 16px 0}
}
@media(max-width:750px){
 .sim-shell .saved-notes-columns{grid-template-columns:1fr;gap:8px}
 .sim-shell .saved-plan-notes{padding:9px 10px}
 .sim-shell .plan-receipt-row{grid-template-columns:95px 1fr;gap:8px}
 .sim-shell :is(.plan-editor-dialog,.plan-receipt-dialog){padding:18px 15px}
}