/* NoteSmart V46 Clean Audit: stabilisasi tanpa menyembunyikan seluruh halaman. */
html,body,#root{max-width:100%;}
html.ns-page-jurnal body,
html.ns-page-piket body{overflow-x:hidden!important;}

/* Jangan ada animasi/layout shift di halaman isian jurnal guru. */
html.ns-page-jurnal #root main,
html.ns-page-jurnal #root .ns-animate-in,
html.ns-page-jurnal #root [data-testid^="guru-"]{
  transform:none!important;
  animation:none!important;
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
}
html.ns-page-jurnal #root [data-testid^="guru-"]{
  transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease!important;
}

/* Header jurnal hanya menampilkan title + tanggal aktif. */
html.ns-page-jurnal [data-testid="guru-top-header"],
html.ns-page-jurnal #ns-v37-date-trigger,
html.ns-page-jurnal [data-testid="guru-date-label"],
html.ns-page-jurnal [data-testid="guru-date-prev"],
html.ns-page-jurnal [data-testid="guru-date-next"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html.ns-page-jurnal #ns-v33-universal-header .ns-v33-actions > :not(#ns-v38-datebar){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html.ns-page-jurnal #ns-v38-datebar,
html.ns-page-jurnal #ns-v38-datebar *{
  transform:none!important;
  animation:none!important;
  transition:none!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  backface-visibility:hidden!important;
}

/* Piket Guru: cegah bayangan tombol hapus bawaan di luar panel, tanpa menunda render halaman. */
html.ns-page-piket main button[class*="red-"]:not(#ns-daily-picket-settings-panel *),
html.ns-page-piket main a[class*="red-"]:not(#ns-daily-picket-settings-panel *),
html.ns-page-piket main button[class*="rose-"]:not(#ns-daily-picket-settings-panel *),
html.ns-page-piket main a[class*="rose-"]:not(#ns-daily-picket-settings-panel *),
html.ns-page-piket main button[class*="danger"]:not(#ns-daily-picket-settings-panel *),
html.ns-page-piket main [data-testid*="delete" i]:not(#ns-daily-picket-settings-panel *),
html.ns-page-piket main [data-action="delete"]:not(#ns-daily-picket-settings-panel *){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  box-shadow:none!important;
}

/* Panel Piket Guru mobile: semua konten tetap di dalam kotak. */
#ns-daily-picket-settings-panel,
#ns-daily-picket-settings-panel *{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
#ns-daily-picket-settings-panel{
  overflow:hidden!important;
  contain:layout paint!important;
}
#ns-daily-picket-settings-panel .ns-dp-tabs{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 12px!important;
  padding:0!important;
  margin:14px 0 18px!important;
  overflow:visible!important;
}
#ns-daily-picket-settings-panel .ns-dp-tab{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  width:100%!important;
  min-width:0!important;
  height:54px!important;
  min-height:54px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#ns-daily-picket-settings-panel .ns-dp-grid,
#ns-daily-picket-settings-panel .ns-dp-assign-row,
#ns-daily-picket-settings-panel .ns-dp-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
}
#ns-daily-picket-settings-panel .ns-dp-box,
#ns-daily-picket-settings-panel .ns-dp-activity-card,
#ns-daily-picket-settings-panel .ns-dp-picket-card,
#ns-daily-picket-settings-panel .ns-dp-assign-row{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
#ns-daily-picket-settings-panel .ns-dp-activity-top{
  display:grid!important;
  grid-template-columns:1fr minmax(92px,38%)!important;
  align-items:center!important;
  gap:10px!important;
}
#ns-daily-picket-settings-panel .ns-dp-activity-top .ns-dp-btn.small{
  width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
#ns-daily-picket-settings-panel .ns-dp-btn,
#ns-daily-picket-settings-panel .ns-dp-select,
#ns-daily-picket-settings-panel input,
#ns-daily-picket-settings-panel textarea,
#ns-daily-picket-settings-panel select{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
#ns-daily-picket-settings-panel h2,
#ns-daily-picket-settings-panel h3,
#ns-daily-picket-settings-panel h4,
#ns-daily-picket-settings-panel p,
#ns-daily-picket-settings-panel label,
#ns-daily-picket-settings-panel span{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

/* Kartu jadwal piket di isian jurnal. */
#ns-picket-helper{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 16px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#ns-picket-helper,
#ns-picket-helper *{
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:break-word!important;
}
#ns-picket-helper .ns-dp-picket-card,
#ns-picket-helper .ns-picket-actions,
#ns-picket-helper .ns-dp-btn{
  width:100%!important;
}

@media (max-width:430px){
  #ns-daily-picket-settings-panel{padding:14px!important;border-radius:24px!important;}
  #ns-daily-picket-settings-panel .ns-dp-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  #ns-daily-picket-settings-panel .ns-dp-tab{height:52px!important;min-height:52px!important;font-size:15px!important;}
  #ns-daily-picket-settings-panel .ns-dp-box{padding:14px!important;}
}