/* NoteSmart V62: template materi satu kotak + titik-titik klik popup */
[data-testid="guru-jurnal-modal"] .ns-v58-materi-box,
[data-testid="guru-jurnal-modal"] .ns-v62-hide-legacy-material-helper,
[data-testid="guru-jurnal-modal"] .ns-v59-onebox-material,
[data-testid="guru-jurnal-modal"] .ns-v60-onebox-material{
  display:none!important;
}
[data-testid="guru-jurnal-modal"] .ns-v62-materi-box{
  display:block!important;
  margin:10px 0 12px!important;
  padding:14px!important;
  border:1px dashed #cfd8d3!important;
  border-radius:18px!important;
  background:#f8fbf9!important;
}
[data-testid="guru-jurnal-modal"] .ns-v62-title{
  font-size:12px!important;
  font-weight:800!important;
  color:#215c43!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  margin:0 0 10px!important;
}
[data-testid="guru-jurnal-modal"] .ns-v62-preview{
  font-size:16px!important;
  line-height:1.7!important;
  color:#1f2937!important;
}
[data-testid="guru-jurnal-modal"] .ns-v62-preview strong{
  font-weight:900!important;
  color:#1f2937!important;
}
[data-testid="guru-jurnal-modal"] .ns-v62-topic-btn{
  appearance:none!important;
  border:0!important;
  border-bottom:3px solid #2f6d55!important;
  background:transparent!important;
  color:#2f6d55!important;
  padding:0 2px 2px!important;
  margin:0 3px!important;
  font:inherit!important;
  font-weight:900!important;
  line-height:1.25!important;
  cursor:pointer!important;
  border-radius:0!important;
}
[data-testid="guru-jurnal-modal"] .ns-v62-topic-btn.is-empty{
  color:#6b7280!important;
  border-bottom-style:dotted!important;
  border-bottom-color:#8aa296!important;
}
[data-testid="guru-jurnal-modal"] .ns-v62-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:12px!important;
}
[data-testid="guru-jurnal-modal"] .ns-v62-actions button{
  appearance:none!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
[data-testid="guru-jurnal-modal"] .ns-v62-soft{
  border:1px solid #cddcd4!important;
  background:#edf4f0!important;
  color:#215c43!important;
}
#ns-v62-topic-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  background:rgba(15,23,42,.45)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
}
#ns-v62-topic-modal .ns-v62-topic-dialog{
  width:min(520px,100%)!important;
  background:#fff!important;
  border-radius:22px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.28)!important;
  padding:18px!important;
  color:#1f2937!important;
}
#ns-v62-topic-modal .ns-v62-topic-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
#ns-v62-topic-modal .ns-v62-topic-head h3{
  margin:0!important;
  font-size:20px!important;
  line-height:1.25!important;
  color:#215c43!important;
  font-weight:900!important;
}
#ns-v62-topic-modal .ns-v62-topic-sub{
  font-size:13px!important;
  line-height:1.5!important;
  color:#6b7280!important;
  margin:4px 0 0!important;
}
#ns-v62-topic-modal .ns-v62-close{
  appearance:none!important;
  border:0!important;
  background:#f3f4f6!important;
  color:#374151!important;
  width:40px!important;
  height:40px!important;
  border-radius:999px!important;
  font-size:22px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
#ns-v62-topic-modal label{
  display:block!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:800!important;
  color:#374151!important;
  margin:10px 0 6px!important;
}
#ns-v62-topic-modal input{
  width:100%!important;
  border:1px solid #d1d5db!important;
  border-radius:16px!important;
  padding:13px 14px!important;
  background:#fff!important;
  color:#111827!important;
  font:inherit!important;
  font-size:16px!important;
  line-height:1.45!important;
  outline:none!important;
  box-sizing:border-box!important;
}
#ns-v62-topic-modal input:focus{
  border-color:#215c43!important;
  box-shadow:0 0 0 3px rgba(33,92,67,.12)!important;
}
#ns-v62-topic-modal .ns-v62-topic-actions{
  display:flex!important;
  gap:10px!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  margin-top:14px!important;
}
#ns-v62-topic-modal .ns-v62-topic-actions button{
  appearance:none!important;
  border-radius:999px!important;
  padding:11px 16px!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
#ns-v62-topic-modal .ghost{background:#f3f4f6!important;color:#374151!important;border:0!important;}
#ns-v62-topic-modal .primary{background:#215c43!important;color:#fff!important;border:1px solid #215c43!important;}
@media (max-width:640px){
  [data-testid="guru-jurnal-modal"] .ns-v62-preview{font-size:15px!important;}
  #ns-v62-topic-modal{align-items:flex-end!important;padding:0!important;}
  #ns-v62-topic-modal .ns-v62-topic-dialog{width:100%!important;border-radius:22px 22px 0 0!important;padding:16px!important;}
  #ns-v62-topic-modal .ns-v62-topic-actions button{flex:1 1 calc(50% - 8px)!important;}
}