/* NoteSmart V41: selector WA stabil, tombol header kembali/tutup, dan rapikan tanggal jurnal guru. */
:root{--ns-v41-green:#24523d;--ns-v41-border:#dce8e1;--ns-v41-text:#172033;}

/* Pengaturan Notifikasi WA: select asli tetap ada untuk penyimpanan, tetapi sentuhan diarahkan ke picker stabil. */
html.ns-page-pengaturan select.ns-v41-wa-native-select,
body.ns-page-pengaturan select.ns-v41-wa-native-select{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
.ns-v41-wa-picker{
  width:100%;
  position:relative;
  z-index:3;
}
.ns-v41-wa-picker-btn{
  width:100%!important;
  min-height:58px!important;
  border:1px solid #d7e4de!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#172033!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 16px!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.2!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
  transform:none!important;
  animation:none!important;
}
.ns-v41-wa-picker-btn:active{background:#f8fbf9!important;}
.ns-v41-wa-picker-btn svg{width:20px;height:20px;flex:0 0 auto;color:#1f2937;}
.ns-v41-wa-picker-btn .ns-v41-wa-picker-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#ns-v41-mode-modal{
  position:fixed;
  inset:0;
  z-index:2147483300;
  display:none;
  align-items:flex-end;
  justify-content:center;
  background:rgba(6,18,13,.50);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  padding:16px;
  padding-bottom:max(16px,env(safe-area-inset-bottom));
  box-sizing:border-box;
}
#ns-v41-mode-modal.is-open{display:flex!important;}
.ns-v41-mode-card{
  width:min(100%,460px);
  border-radius:30px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.30);
  padding:18px;
  box-sizing:border-box;
  animation:nsV41ModeIn .16s ease-out;
}
@keyframes nsV41ModeIn{from{transform:translateY(16px);opacity:.65}to{transform:none;opacity:1}}
.ns-v41-mode-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.ns-v41-mode-title{margin:0;color:#172033;font-size:22px;line-height:1.15;font-weight:950;letter-spacing:-.02em;}
.ns-v41-mode-sub{margin:4px 0 0;color:#667085;font-size:13.5px;line-height:1.35;}
.ns-v41-mode-close{width:40px;height:40px;border:0;border-radius:15px;background:#f3f6f5;color:#172033;display:grid;place-items:center;font-size:24px;font-weight:900;line-height:1;}
.ns-v41-mode-options{display:grid;gap:10px;margin-top:12px;}
.ns-v41-mode-option{
  min-height:58px;
  border-radius:18px;
  border:1px solid #dce8e1;
  background:#fff;
  color:#172033;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  font-size:17px;
  font-weight:900;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.ns-v41-mode-option.is-active{border-color:var(--ns-v41-green);background:#eef7f1;color:var(--ns-v41-green);}
.ns-v41-mode-option .check{width:26px;height:26px;border-radius:999px;border:2px solid currentColor;display:grid;place-items:center;font-size:15px;opacity:.30;}
.ns-v41-mode-option.is-active .check{opacity:1;background:var(--ns-v41-green);color:#fff;border-color:var(--ns-v41-green);}
@media (min-width:720px){#ns-v41-mode-modal{align-items:center}.ns-v41-mode-card{border-radius:28px}}

/* Header: tombol garis tiga diganti dengan tombol kembali/tutup. */
#ns-v33-universal-header .ns-v41-header-nav,
#ns-v33-universal-header [data-ns-v33-menu].ns-v41-header-nav{
  width:40px!important;
  height:40px!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#1f2937!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
  flex:0 0 auto!important;
}
#ns-v33-universal-header .ns-v41-header-nav svg{width:23px;height:23px;display:block;}
#ns-v33-universal-header .ns-v41-header-nav:active{background:#f4f7f6!important;}
body.ns-page-jurnal #ns-v33-universal-header .ns-v41-header-nav,
html.ns-v38-journal #ns-v33-universal-header .ns-v41-header-nav{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}

/* Di halaman isian jurnal guru, tanggal native yang berada di sisi kanan header disembunyikan agar tidak dobel. */
body.ns-page-jurnal [data-testid="guru-top-header"] [data-testid="guru-date-prev"],
body.ns-page-jurnal [data-testid="guru-top-header"] [data-testid="guru-date-label"],
body.ns-page-jurnal [data-testid="guru-top-header"] [data-testid="guru-date-next"],
html.ns-page-jurnal [data-testid="guru-top-header"] [data-testid="guru-date-prev"],
html.ns-page-jurnal [data-testid="guru-top-header"] [data-testid="guru-date-label"],
html.ns-page-jurnal [data-testid="guru-top-header"] [data-testid="guru-date-next"]{
  display:none!important;
  visibility:hidden!important;
}
body.ns-page-jurnal #ns-v37-date-trigger,
html.ns-page-jurnal #ns-v37-date-trigger,
body.ns-page-jurnal .ns-v41-hide-date-duplicate,
html.ns-page-jurnal .ns-v41-hide-date-duplicate{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  min-width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Footer guru: tidak ada tombol Keluar di isian jurnal; logout ada di tombol tutup header dashboard. */
[data-testid="guru-bottom-nav"] [data-testid="guru-nav-keluar"]{color:#24523d!important;}
[data-testid="guru-bottom-nav"] [data-testid="guru-nav-keluar"] svg{color:#24523d!important;}