/* SYSTJEM 11.7.0 — Sprint 3: lestoegang, leerlingveiligheid en iPhone/iPad */

.lesson-access-help{
  display:block;
  margin-top:7px;
  color:#667067;
  font-size:12px;
  line-height:1.45;
}
.lesson-access-help.is-limited{color:#765f24;font-weight:700}
.lesson-access-help.is-unlimited{color:#176326;font-weight:700}
.lesson-access-form{margin-top:14px}
.lesson-access-form .btn{margin-top:12px}
.panel-lessons{
  border-color:#d7dfd2!important;
  background:linear-gradient(180deg,#fff,#f8fbf6)!important;
}
.panel-lessons h3{margin-bottom:8px}
.student-permissions-box{
  border:1px solid #d9ded5;
  background:#f8faf7;
  border-radius:14px;
  padding:16px;
  margin:18px 0;
}
.student-permissions-box h4{margin:0 0 10px;color:#263128}
.test-student-button{background:#263128!important;color:#fff!important;border-color:#263128!important}
.test-student-button:hover{background:#354238!important}

/* De openbare leerlingpagina blijft rustig en compact. */
.emil-cheatsheet-card .emil-thumb{background-color:#f3ead6;background-size:cover!important;background-position:center!important}
.emil-lessons-grid{align-items:stretch}
.emil-lesson-card{min-width:0;transition:transform .15s ease,box-shadow .15s ease}
.emil-lesson-card:focus-visible{outline:3px solid #b88b2a;outline-offset:3px}
.emil-lesson-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.16)}

@media (max-width:900px){
  body.admin-sidebar-on:not(.butcher-original-layout){overflow-x:hidden}
  body.admin-sidebar-on:not(.butcher-original-layout) .student-info-grid,
  body.admin-sidebar-on:not(.butcher-original-layout) .student-dossier-grid,
  body.admin-sidebar-on:not(.butcher-original-layout) .settings-grid,
  body.admin-sidebar-on:not(.butcher-original-layout) .two,
  body.admin-sidebar-on:not(.butcher-original-layout) .three{
    grid-template-columns:1fr!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .student-dossier{
    width:100%!important;
    max-width:100%!important;
    padding:18px!important;
    border-radius:16px!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .student-panel{
    min-width:0!important;
    padding:17px!important;
    border-radius:14px!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .student-panel :where(input,select,textarea,button,.btn),
  body.admin-sidebar-on:not(.butcher-original-layout) .student-add-panel :where(input,select,textarea,button,.btn){
    min-height:48px!important;
    font-size:16px!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .student-panel textarea,
  body.admin-sidebar-on:not(.butcher-original-layout) .student-add-panel textarea{
    min-height:124px!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .student-add-panel .calhead,
  body.admin-sidebar-on:not(.butcher-original-layout) .student-dossier .calhead{
    align-items:flex-start!important;
    gap:12px!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .student-add-panel .actions,
  body.admin-sidebar-on:not(.butcher-original-layout) .student-dossier .actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .student-add-panel .actions>* ,
  body.admin-sidebar-on:not(.butcher-original-layout) .student-dossier .actions>*{
    width:100%!important;
  }
  body.admin-sidebar-on:not(.butcher-original-layout) .lesson-access-form .btn{
    width:100%!important;
  }
}

@media (min-width:701px) and (max-width:1180px){
  .emil-lessons-widget{padding-left:24px!important;padding-right:24px!important}
  .emil-lessons-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
  .emil-thumb{height:132px!important}
}

@media (max-width:700px){
  .emil-lessons-widget{
    width:100%;
    max-width:100%;
    padding:18px max(12px,env(safe-area-inset-right)) 28px max(12px,env(safe-area-inset-left))!important;
    overflow-x:hidden;
  }
  .emil-lessons-head{margin:4px 0 20px!important}
  .emil-lessons-head h2{font-size:29px!important;line-height:1.08!important}
  .emil-lessons-head p{font-size:17px!important}
  .emil-lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
  .emil-lesson-card{border-radius:12px!important;box-shadow:0 7px 18px rgba(0,0,0,.12)!important}
  .emil-thumb{height:112px!important;background-size:cover!important}
  .emil-thumb span{font-size:18px!important;text-align:center;padding:8px}
  .emil-lesson-detail{margin:0 auto!important;padding:20px 13px 32px!important;max-width:100%!important}
  .emil-lesson-detail h2{font-size:29px!important}
  .emil-file{min-height:52px;display:flex;align-items:center;padding:14px 15px!important}
  .emil-note-head{align-items:flex-start!important;flex-direction:column!important}
  .emil-note-toggle{width:100%!important}
  .emil-note-toggle button{flex:1;min-height:44px}
  .emil-note-view{height:68dvh!important;min-height:480px!important}
}

@media (max-width:390px){
  .emil-lessons-grid{gap:10px!important}
  .emil-thumb{height:100px!important}
  body.admin-sidebar-on:not(.butcher-original-layout) .student-dossier,
  body.admin-sidebar-on:not(.butcher-original-layout) .student-add-panel{padding:14px!important}
}

@media (prefers-reduced-motion:reduce){
  .emil-lesson-card{transition:none!important}
}