/* PLANNING_MOBILE_RESPONSIVE_V1
   Responsive fixes for teacher Planning/Students plus learner and parent work views.
   Desktop density is preserved; narrow screens stack instead of squeezing columns.
*/

.planning-date-button,.calendar-special-day.planning-day-button{border:0;background:transparent;color:inherit;cursor:pointer;width:100%}
.planning-date-button:hover{background:#f4f8fa;border-radius:6px}
.planning-empty-day{border:0;background:transparent;text-align:left;color:var(--muted);cursor:pointer;width:100%;padding:5px}
.planning-day-editor{width:min(920px,96vw)}
.planning-day-events,.planning-day-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.planning-day-status-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px;margin-bottom:10px}
.planning-class-toggle-list{display:grid;gap:6px;margin-top:12px}
.planning-class-toggle-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto 40px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff}
.planning-class-toggle-row>div strong,.planning-class-toggle-row>div small{display:block}.planning-class-toggle-row>div small{font-size:.66rem;color:var(--muted);margin-top:2px}
.planning-class-toggle-row label{display:flex;gap:5px;align-items:center;font-size:.72rem;font-weight:800;white-space:nowrap}
.prime-time-slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.compact-plan-editor-v2{display:grid;gap:5px;width:100%;min-width:0}
.plan-task-edit-row{display:grid;grid-template-columns:22px minmax(0,1fr) 42px;gap:5px;align-items:start;width:100%;min-width:0}
.plan-task-number{text-align:right;padding-top:6px;font-weight:800}
.plan-task-edit-main{min-width:0}.plan-task-edit-main textarea{box-sizing:border-box;width:100%;min-width:0;min-height:31px;padding:5px 8px;font-size:.78rem;line-height:1.28;resize:none;overflow:hidden}
.plan-task-menu{width:42px;min-width:42px;padding:4px 2px;min-height:29px;font-size:.7rem}
.compact-plan-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.compact-plan-tools .secondary,.compact-honors-add{padding:3px 8px;min-height:25px;font-size:.66rem}
.restore-task-menu{max-width:180px;min-height:25px;padding:3px 6px;font-size:.66rem}
.plan-honors-additions{display:grid;gap:4px;padding:5px 0 2px 10px;border-left:3px solid var(--line);width:100%;min-width:0}
.calendar-month-preview{display:grid;gap:2px;margin-top:3px}.calendar-month-preview .small{white-space:normal;line-height:1.2}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .content{width:100%;max-width:100%;min-width:0;padding:14px 10px}
  .curriculum-page.plan-workspace,.course-plan-list,.students-workspace,.learner-workspace{width:100%!important;max-width:100%!important;min-width:0!important}
  .curriculum-heading,.student-workspace-top,.learner-workspace-heading{align-items:stretch!important;flex-direction:column!important;gap:8px!important}
  .plan-heading-actions{width:100%;align-items:stretch!important;justify-content:flex-start!important}
  .plan-heading-actions>*{max-width:100%}
  .compact-select-label{min-width:0!important;width:100%!important}.compact-select-label select{width:100%!important;min-width:0!important}
  .plan-view-switch{width:100%;display:grid!important;grid-template-columns:repeat(3,1fr)}.plan-view-switch button{width:100%}
  .plan-toolbar{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:6px!important}
  .course-plan-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;column-gap:0!important;row-gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:9px!important}
  .course-plan-row>div,.course-plan-row>aside{width:100%!important;max-width:100%!important;min-width:0!important;justify-self:stretch!important}
  .course-plan-row>aside{grid-template-columns:minmax(0,1fr)!important}
  .plan-sequence{grid-template-columns:minmax(0,1fr) minmax(130px,.55fr);align-items:end}.plan-sequence>strong{grid-column:1/-1}.plan-sequence>span{align-self:center}
  .plan-task-edit-row{grid-template-columns:18px minmax(0,1fr) 44px}.plan-task-edit-main textarea{font-size:.82rem;min-height:34px}.plan-task-menu{width:44px;min-width:44px}
  .compact-plan-tools{align-items:stretch}.compact-plan-tools>*{max-width:100%}.restore-task-menu{max-width:100%;flex:1 1 150px}
  .plan-calendar-shell{width:100%;max-width:100%;min-width:0;overflow:visible}
  .plan-calendar-nav{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;align-items:stretch!important}.plan-calendar-nav>.actions{justify-content:center}.plan-calendar-nav>strong{text-align:center}
  .plan-calendar-legend{justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px}.plan-calendar-legend span{white-space:nowrap}
  .plan-calendar-weekdays{display:none!important}
  .plan-calendar-grid,.plan-calendar-grid.week,.plan-calendar-grid.month{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;gap:7px!important;overflow:visible!important}
  .plan-calendar-day,.plan-calendar-day.week-day{min-height:0!important;overflow:visible!important;padding:7px!important}.plan-calendar-day.outside-month{display:none}
  .plan-calendar-date{position:static!important;padding:4px 2px!important;margin:0 0 3px!important}.plan-calendar-date strong{font-size:.82rem!important}.plan-calendar-date span{font-size:.64rem!important}
  .calendar-class-card,.calendar-class-card.week-detail{padding:7px!important}.calendar-class-card.week-detail .calendar-class-top strong{font-size:.72rem}.calendar-class-card.week-detail .calendar-focus{font-size:.68rem}.week-plan-task,.week-plan-line strong{font-size:.63rem!important}.week-plan-line span,.week-plan-section>span,.week-plan-honors span{font-size:.56rem!important}.week-plan-line{grid-template-columns:72px minmax(0,1fr)!important}
  .planning-day-editor{width:min(96vw,680px);padding:16px}.planning-day-status-grid{grid-template-columns:1fr}.planning-day-actions{display:grid;grid-template-columns:1fr}.planning-day-actions button{width:100%}
  .planning-class-toggle-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}.planning-class-toggle-row>div{grid-column:1/-1}.planning-class-toggle-row .icon-btn{grid-column:2;grid-row:2;width:36px}.planning-class-toggle-row label{white-space:normal}
  .prime-time-slot-grid{grid-template-columns:1fr}

  /* Teacher Students > Tasks & evidence */
  .student-workspace-top>div:last-child{display:grid!important;grid-template-columns:1fr!important;width:100%;align-items:stretch!important}
  .student-jump{min-width:0!important;width:100%!important}
  .student-hero-card{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}.student-hero-card>div:first-child{grid-column:1/-1}.student-hero-stat{min-width:0}
  .student-detail-grid{grid-template-columns:minmax(0,1fr)!important}.student-detail-grid>.panel{min-width:0;padding:13px}
  .student-task-row.evidence-rich{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;padding:8px!important}
  .student-task-row.evidence-rich>span:last-child{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;justify-content:stretch!important;gap:6px!important}
  .student-task-row.evidence-rich>span:last-child input,.student-task-row.evidence-rich>span:last-child select,.student-task-row.evidence-rich>span:last-child button{width:100%!important;min-width:0!important}
  .student-task-row.evidence-rich>span:last-child>.small{grid-column:1/-1!important;text-align:left!important}
  .student-evidence-links{display:flex!important;flex-wrap:wrap;gap:3px}.student-evidence-standard{white-space:normal}

  /* Student and parent learner views */
  .learner-home-grid,.learner-work-grid{grid-template-columns:minmax(0,1fr)!important}
  .learner-work-panel,.learner-workspace .panel{min-width:0}
  .learner-filter-tabs{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:3px}.learner-filter-tabs button{white-space:nowrap;flex:0 0 auto}
  .learner-assignment-row,.learner-list-row,.learner-grade-row,.learner-standard-row{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
  .learner-assignment-result,.learner-grade-values{justify-items:start!important;text-align:left!important;max-width:none!important;width:100%!important}
  .learner-plan-controls{display:grid!important;grid-template-columns:auto 1fr 1fr auto;width:100%;gap:4px}
  .learner-plan-day{grid-template-columns:1fr!important;gap:5px!important}.learner-plan-date{display:flex;justify-content:space-between;align-items:center}
  .modal{width:min(96vw,700px);padding:16px}.modal-head{flex-wrap:wrap}.modal-head>div:first-child{min-width:0;flex:1 1 240px}
}

@media(max-width:430px){
  .content{padding:10px 8px}
  .topbar{padding:0 10px}.brand-inline span,.account span{display:none}
  .course-plan-row{padding:8px!important}.plan-sequence{grid-template-columns:1fr}.plan-sequence>strong{grid-column:auto}
  .student-hero-card{grid-template-columns:1fr!important}.student-hero-card>*{grid-column:1!important}.student-hero-card>.pill{justify-self:start}
  .student-task-row.evidence-rich>span:last-child{grid-template-columns:1fr!important}.student-task-row.evidence-rich>span:last-child>.small{grid-column:1!important}
  .planning-class-toggle-row{grid-template-columns:1fr}.planning-class-toggle-row>*{grid-column:1!important}.planning-class-toggle-row .icon-btn{width:100%}
  .learner-plan-controls{grid-template-columns:44px 1fr 1fr 44px}
  .prime-time-slot-grid{grid-template-columns:1fr}
}
