/* NoteSmart V79: polish Android profesional dan interaksi lebih halus. */
:root{
  --ns79-green:#24523d;
  --ns79-green-2:#1f4735;
  --ns79-surface:#ffffff;
  --ns79-surface-soft:#f7faf8;
  --ns79-border:#dde7e1;
  --ns79-text:#12202b;
  --ns79-muted:#667085;
  --ns79-shadow-sm:0 8px 22px rgba(15,23,42,.06);
  --ns79-shadow-md:0 14px 34px rgba(15,23,42,.10);
}
html,body,#root{
  -webkit-font-smoothing:antialiased !important;
  text-rendering:optimizeLegibility !important;
}
body{
  background: linear-gradient(180deg, #f6faf8 0%, #f3f6f9 100%) !important;
  color: var(--ns79-text) !important;
}
main{
  padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
}
#ns-v33-universal-header,
body header:first-of-type,
#root header:first-of-type{
  backdrop-filter: saturate(1.12) blur(14px) !important;
  -webkit-backdrop-filter: saturate(1.12) blur(14px) !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.06) !important;
}
.ns-card,
[class*="card"],
[class*="Card"],
.rounded-2xl,
.rounded-3xl,
main section{
  border-radius: 20px !important;
  border-color: var(--ns79-border) !important;
  box-shadow: var(--ns79-shadow-sm) !important;
}
button,
[role="button"],
a.btn,
input[type="button"],
input[type="submit"]{
  min-height: 42px;
  border-radius: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}
button:active,
[role="button"]:active,
a.btn:active{
  transform: scale(.985) !important;
}
input,select,textarea{
  min-height: 46px !important;
  border-radius: 14px !important;
  border-color: var(--ns79-border) !important;
  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35) !important;
}
input:focus,select:focus,textarea:focus{
  border-color: rgba(36,82,61,.42) !important;
  box-shadow: 0 0 0 4px rgba(36,82,61,.10) !important;
}
nav[data-testid="footer-nav"],
nav.ns-footer-nav,
[class*="bottom-nav"],
[class*="BottomNav"]{
  backdrop-filter: saturate(1.1) blur(16px) !important;
  -webkit-backdrop-filter: saturate(1.1) blur(16px) !important;
  box-shadow: 0 -10px 24px rgba(15,23,42,.07) !important;
}
[data-testid="admin-sidebar"],
aside[class*="sidebar"],
.ns-admin-sidebar{
  box-shadow: 14px 0 40px rgba(15,23,42,.08) !important;
}
[data-testid^="jurnal-row-"],
[data-testid^="audit-row-"],
[data-testid^="guru-row-"],
[data-testid^="siswa-row-"]{
  border-radius: 18px !important;
  box-shadow: var(--ns79-shadow-sm) !important;
}
[data-testid^="jurnal-row-"] button,
[data-testid^="audit-row-"] button{
  min-height: 38px !important;
  border-radius: 12px !important;
}
[role="tablist"] button,
[role="tab"]{
  border-radius: 14px !important;
}
@media (max-width: 640px){
  main{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .ns-card,
  [class*="card"],
  [class*="Card"],
  main section{
    border-radius: 18px !important;
  }
  button,
  [role="button"]{
    min-height: 44px !important;
  }
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}