/* Tahap 134 — perapian Jadwal per Kelas. Hanya layout, tidak mengubah logika simpan. */
/* Kartu terjadwal: kelas | peringatan | kedua waktu (satu area di kanan). */
#ke-native-panel #ken-schedule-classes{container-name:kenjadwal;container-type:inline-size;min-width:0}
body.kl-v11-guru #ke-native-panel #ken-schedule-classes .ken-sched-row{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.12fr)!important;
 gap:12px!important;align-items:stretch!important;
 min-width:0;box-sizing:border-box;padding:14px!important;
}
body.kl-v11-guru #ke-native-panel #ken-schedule-classes .ken-sched-row--new{
 grid-template-columns:minmax(0,1fr) minmax(0,2.12fr)!important;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-class,
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-times,
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-warning{min-width:0;box-sizing:border-box}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-class{
 border-left:3px solid #e99b39;padding-left:10px;display:flex;align-items:center;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-class-label{
 display:flex!important;align-items:flex-start;gap:8px;margin:0!important;width:100%;
 min-width:0;line-height:1.4;cursor:pointer;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-class-label input[type=checkbox]{
 flex:0 0 auto;width:17px;height:17px;margin:2px 0 0;accent-color:#21bd6c;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-class-text{display:block;min-width:0;overflow-wrap:anywhere;font-size:12px}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-class-text strong{display:block;color:#f4fff7;font-size:12px;line-height:1.48;font-weight:800}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-class-sub{
 display:block!important;font-size:11px!important;line-height:1.5!important;
 font-weight:600;color:#bcd8c8!important;margin-top:3px;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-warning{
 background:#293025!important;border:1px solid #80672e!important;border-left:3px solid #edc16e!important;
 border-radius:9px;padding:10px 11px;box-shadow:none!important;align-self:stretch;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-warning strong{display:block;font-size:11.5px;color:#ffe5a8;line-height:1.4;margin-bottom:4px}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-warning small{
 display:block;color:#f4dcb1!important;font-size:11px!important;line-height:1.45!important;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-times{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-items:start;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row--existing .ken-sched-times{
 grid-template-columns:1fr;gap:7px;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-time-label{
 display:block!important;min-width:0;margin:0!important;font-weight:700!important;font-size:11px!important;line-height:1.5;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-time-label input[type=datetime-local]{
 box-sizing:border-box;width:100%!important;min-width:0;max-width:100%!important;
 display:block;padding:9px 7px!important;margin:4px 0 0!important;
 border-radius:9px!important;font-size:12px!important;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-time-readonly{
 box-sizing:border-box;display:block;width:100%;min-width:0;
 background:#182a32;color:#e5f5ec;border:1px solid #426654;border-radius:8px;
 padding:7px 9px;margin-top:3px;overflow-wrap:break-word;font-size:11px;line-height:1.35;
}
body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-class-label:has(input:disabled){cursor:default}
/* Responsif berdasarkan lebar panel, bukan lebar jendela browser. */
@container kenjadwal (max-width:490px){
 body.kl-v11-guru #ke-native-panel #ken-schedule-classes .ken-sched-row{
  grid-template-columns:1fr!important;gap:10px!important;
 }
 body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-times,
 body.kl-v11-guru #ke-native-panel .ken-sched-row--existing .ken-sched-times{grid-template-columns:repeat(2,minmax(0,1fr));}
 body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-class{min-height:45px}
}
@container kenjadwal (max-width:330px){
 body.kl-v11-guru #ke-native-panel .ken-sched-row .ken-sched-times,
 body.kl-v11-guru #ke-native-panel .ken-sched-row--existing .ken-sched-times{grid-template-columns:1fr}
}