/* WAFA QR Patch v1.1.69 - Top Tab Active Indicator Fix
   Memperjelas tab aktif antara Meja Scan dan Panel Admin. */

button[data-wafa-top-tab],
a[data-wafa-top-tab],
[role="button"][data-wafa-top-tab]{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:8px 14px!important;
  border-radius:12px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

button[data-wafa-top-tab] svg,
a[data-wafa-top-tab] svg,
[role="button"][data-wafa-top-tab] svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 auto!important;
  color:currentColor!important;
  stroke:currentColor!important;
}

button[data-wafa-top-tab][data-wafa-top-tab-active="true"],
a[data-wafa-top-tab][data-wafa-top-tab-active="true"],
[role="button"][data-wafa-top-tab][data-wafa-top-tab-active="true"]{
  background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 100%)!important;
  color:#ffffff!important;
  box-shadow:0 8px 18px rgba(14,165,233,.28), inset 0 1px 0 rgba(255,255,255,.18)!important;
  opacity:1!important;
}

button[data-wafa-top-tab][data-wafa-top-tab-active="true"]::after,
a[data-wafa-top-tab][data-wafa-top-tab-active="true"]::after,
[role="button"][data-wafa-top-tab][data-wafa-top-tab-active="true"]::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-7px!important;
  transform:translateX(-50%)!important;
  width:42%!important;
  height:3px!important;
  border-radius:999px!important;
  background:#38bdf8!important;
  box-shadow:0 0 10px rgba(56,189,248,.75)!important;
}

button[data-wafa-top-tab][data-wafa-top-tab-active="false"],
a[data-wafa-top-tab][data-wafa-top-tab-active="false"],
[role="button"][data-wafa-top-tab][data-wafa-top-tab-active="false"]{
  background:transparent!important;
  color:#94a3b8!important;
  box-shadow:none!important;
  opacity:.88!important;
}

button[data-wafa-top-tab][data-wafa-top-tab-active="false"]:hover,
a[data-wafa-top-tab][data-wafa-top-tab-active="false"]:hover,
[role="button"][data-wafa-top-tab][data-wafa-top-tab-active="false"]:hover{
  background:rgba(15,23,42,.55)!important;
  color:#e2e8f0!important;
}

/* Jika container tab terlalu sempit di HP, tetap rapi dan jelas. */
@media (max-width:640px){
  button[data-wafa-top-tab],
  a[data-wafa-top-tab],
  [role="button"][data-wafa-top-tab]{
    min-height:32px!important;
    padding:7px 10px!important;
    font-size:11px!important;
  }
  button[data-wafa-top-tab][data-wafa-top-tab-active="true"]::after,
  a[data-wafa-top-tab][data-wafa-top-tab-active="true"]::after,
  [role="button"][data-wafa-top-tab][data-wafa-top-tab-active="true"]::after{
    bottom:-5px!important;
  }
}