/* Rev97: precise sidebar identity and active-student table controls */
body:not(.login-page):not(.scan-body) .main-sidebar .user-panel.user-panel-pro-v97,
body:not(.login-page):not(.scan-body) .mobile-menu-drawer-v59 .user-panel.user-panel-pro-v97{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  width:calc(100% - 20px)!important;
  min-height:74px!important;
  margin:10px!important;
  padding:11px 12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#123966 0%,#1766a1 58%,#198b94 100%)!important;
  box-shadow:0 10px 24px rgba(3,20,43,.24)!important;
}

body:not(.login-page):not(.scan-body) .user-panel-pro-v97::after{
  content:""!important;
  position:absolute!important;
  right:-32px!important;
  top:-42px!important;
  width:105px!important;
  height:105px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.07)!important;
  pointer-events:none!important;
}

body:not(.login-page):not(.scan-body) .user-panel-pro-v97 .user-brand-logo-v97{
  position:relative!important;
  z-index:1!important;
  float:none!important;
  display:flex!important;
  flex:0 0 48px!important;
  align-items:center!important;
  justify-content:center!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0!important;
}

body:not(.login-page):not(.scan-body) .user-panel-pro-v97 .user-brand-logo-v97 img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  max-width:48px!important;
  object-fit:contain!important;
  margin:0!important;
  padding:3px!important;
  border:2px solid rgba(255,255,255,.9)!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 6px 14px rgba(3,20,43,.22)!important;
}

body:not(.login-page):not(.scan-body) .user-panel-pro-v97 .user-brand-copy-v97{
  position:relative!important;
  z-index:1!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  float:none!important;
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  white-space:normal!important;
}

body:not(.login-page):not(.scan-body) .user-panel-pro-v97 .user-brand-name-v97{
  display:-webkit-box!important;
  width:100%!important;
  max-height:34px!important;
  margin:0 0 5px!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:.05px!important;
  white-space:normal!important;
  word-break:break-word!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

body:not(.login-page):not(.scan-body) .user-panel-pro-v97 .user-brand-status-v97{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#dffbea!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1!important;
}

body:not(.login-page):not(.scan-body) .user-panel-pro-v97 .user-brand-status-v97 i{
  color:#39df78!important;
  font-size:8px!important;
  filter:drop-shadow(0 0 4px rgba(57,223,120,.55))!important;
}

.page-siswa-v95 .ui97-table-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 13px;
  padding:10px 12px;
  border:1px solid #d8e3ef;
  border-radius:10px;
  background:linear-gradient(135deg,#f8fbff,#edf5fc);
}

.page-siswa-v95 .ui97-page-size-form{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
}

.page-siswa-v95 .ui97-page-size-form label{
  margin:0;
  color:#35506f;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.page-siswa-v95 .ui97-page-size-form .form-control{
  width:92px!important;
  min-width:92px!important;
  height:38px!important;
  min-height:38px!important;
  padding:7px 28px 7px 11px!important;
  border-color:#bfd0e2!important;
  background:#fff!important;
  font-weight:700;
}

.page-siswa-v95 .ui97-active-note{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border:1px solid #bde6cb;
  border-radius:999px;
  color:#16743d;
  background:#eefbf3;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.page-siswa-v95 .ui97-active-note i{color:#20a85a}

@media (min-width:768px){
  body.sidebar-collapse:not(.login-page):not(.scan-body) .main-sidebar .user-panel.user-panel-pro-v97{
    width:42px!important;
    min-height:52px!important;
    margin:9px 4px!important;
    padding:5px!important;
    justify-content:center!important;
  }
  body.sidebar-collapse:not(.login-page):not(.scan-body) .main-sidebar .user-panel-pro-v97 .user-brand-logo-v97,
  body.sidebar-collapse:not(.login-page):not(.scan-body) .main-sidebar .user-panel-pro-v97 .user-brand-logo-v97 img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    flex-basis:38px!important;
  }
  body.sidebar-collapse:not(.login-page):not(.scan-body) .main-sidebar .user-panel-pro-v97 .user-brand-copy-v97{
    display:none!important;
  }
}

@media (max-width:767px){
  .page-siswa-v95 .ui97-table-controls{
    align-items:stretch;
    flex-direction:column;
  }
  .page-siswa-v95 .ui97-page-size-form{
    justify-content:space-between;
  }
  .page-siswa-v95 .ui97-active-note{
    align-self:flex-start;
  }
}

@media print{
  .page-siswa-v95 .ui97-table-controls{display:none!important}
}