/* JAVAPRIMA Kurs Pajak - UI FIX 10.1
   Scoped only to .jpkm. Does not modify the WordPress theme globally. */
.jpkm{
  --jpk-primary:#087f5b;
  --jpk-secondary:#0b7285;
  --jpk-blue:#075b8f;
  --jpk-text:#172033;
  --jpk-muted:#64748b;
  --jpk-border:#dfe4ea;
  --jpk-base:#ffffff;
  max-width:1120px;
  margin:25px auto;
  font-family:inherit;
  color:var(--jpk-text);
  line-height:1.5;
}
.jpkm,.jpkm *{box-sizing:border-box}

/* HEADER: dibuat mengikuti tampilan kartu "Tarif Bunga Pajak" — gradasi teal/biru, teks putih jelas */
.jpkm .hero{
  min-height:182px!important;
  height:182px!important;
  padding:36px 44px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-radius:22px 22px 0 0!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#0d6488 0%,#0e7080 52%,#147b73 100%)!important;
  color:#fff!important;
  filter:none!important;
  box-shadow:none!important;
}
.jpkm .hero h2,
html body .jpkm .hero h2,
html body .jpkm .hero h2 *{
  margin:0 0 10px!important;
  padding:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  opacity:1!important;
  font-size:clamp(32px,3.5vw,40px)!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.3px!important;
  text-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.jpkm .hero p,
html body .jpkm .hero p,
html body .jpkm .hero p *{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  opacity:1!important;
  font-size:16px!important;
  line-height:1.6!important;
  font-weight:400!important;
  text-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.jpkm .hero,.jpkm .hero *{filter:none!important}


/* HEADER TEXT ISOLATION v10.7 - prevent theme overlays/opacity/color effects */
.jpkm .hero{
  position:relative!important;
  isolation:isolate!important;
  opacity:1!important;
  transform:none!important;
}
.jpkm .hero::before,
.jpkm .hero::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
}
.jpkm .hero > *,
.jpkm .hero .jpkm-title,
.jpkm .hero .jpkm-subtitle{
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
.jpkm .hero .jpkm-title,
.jpkm .hero .jpkm-title:link,
.jpkm .hero .jpkm-title:visited,
.jpkm .hero .jpkm-title:hover,
.jpkm .hero .jpkm-title:focus,
.jpkm .hero h2.jpkm-title{
  color:rgb(255,255,255)!important;
  -webkit-text-fill-color:rgb(255,255,255)!important;
  text-fill-color:rgb(255,255,255)!important;
  background-color:transparent!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:none!important;
}
.jpkm .hero .jpkm-subtitle,
.jpkm .hero p.jpkm-subtitle{
  color:rgb(255,255,255)!important;
  -webkit-text-fill-color:rgb(255,255,255)!important;
  text-fill-color:rgb(255,255,255)!important;
  background-color:transparent!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:none!important;
}

/* PENCARIAN */
.jpkm .search{
  display:flex!important;
  gap:10px!important;
  align-items:flex-end!important;
  padding:16px!important;
  border:1px solid var(--jpk-border)!important;
  border-top:0!important;
  background:#fff!important;
}
.jpkm .search label{
  flex:1;
  color:var(--jpk-muted)!important;
  font-size:12px!important;
  font-weight:800!important;
}
.jpkm .search input{
  display:block!important;
  width:100%!important;
  height:44px!important;
  margin-top:6px!important;
  padding:0 12px!important;
  border:1px solid #cbd5e1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--jpk-text)!important;
  font:inherit!important;
}
.jpkm .search input:focus{
  outline:2px solid rgba(11,114,133,.25)!important;
  outline-offset:1px!important;
}

/* TOMBOL */
.jpkm .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:11px!important;
  background:var(--jpk-primary)!important;
  color:#fff!important;
  text-decoration:none!important;
  font:inherit!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.jpkm .btn.secondary{background:var(--jpk-secondary)!important}
.jpkm .btn.pdf{background:#b85b09!important}
.jpkm .btn:hover{filter:brightness(.96)!important}
.jpkm .btn:disabled{opacity:.65!important;cursor:wait!important}

/* KARTU INFORMASI */
.jpkm .meta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  padding:14px!important;
  border:1px solid var(--jpk-border)!important;
  border-top:0!important;
  background:#fff!important;
}
.jpkm .card{
  min-height:84px!important;
  min-width:0!important;
  padding:14px!important;
  border:1px solid var(--jpk-border)!important;
  border-radius:12px!important;
  background:#fff!important;
}
.jpkm .card small{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--jpk-muted)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-transform:uppercase!important;
}
.jpkm .card strong{
  display:block!important;
  color:var(--jpk-text)!important;
  font-size:14px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}

/* TOOLBAR */
.jpkm .tools{
  display:flex!important;
  gap:10px!important;
  justify-content:flex-end!important;
  padding:16px!important;
  border:1px solid var(--jpk-border)!important;
  border-top:0!important;
  background:#fff!important;
}

/* TABEL */
.jpkm .section{
  padding:20px 18px!important;
  border:1px solid var(--jpk-border)!important;
  border-top:0!important;
  background:#fff!important;
}
.jpkm .wrap{
  overflow:auto!important;
  border:1px solid var(--jpk-border)!important;
  border-radius:12px!important;
  background:#fff!important;
}
.jpkm table{
  width:100%!important;
  min-width:650px!important;
  margin:0!important;
  border-collapse:collapse!important;
  background:#fff!important;
}
.jpkm th{
  padding:13px 14px!important;
  background:#f4f7f9!important;
  color:var(--jpk-text)!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:800!important;
}
.jpkm td{
  padding:13px 14px!important;
  border-top:1px solid #e5e7eb!important;
  color:#263244!important;
  font-size:14px!important;
  vertical-align:middle!important;
}
.jpkm .note{
  padding:15px 18px!important;
  border:1px solid var(--jpk-border)!important;
  border-top:0!important;
  background:#fff!important;
  color:var(--jpk-muted)!important;
  font-size:12px!important;
  line-height:1.65!important;
}
.jpkm .source{margin-top:7px!important}
.jpkm .source a{
  color:var(--jpk-primary)!important;
  font-weight:700!important;
}

/* STATUS / ERROR */
.jpkm .status{
  display:none;
  margin:10px 14px!important;
  padding:10px 12px!important;
  border-radius:9px!important;
  font-size:13px!important;
}
.jpkm .status.ok{display:block!important;background:#ecfdf5!important;color:#047857!important}
.jpkm .status.err{display:block!important;background:#fff1f2!important;color:#be123c!important}
.jpkm .warning-box{
  margin:12px 14px!important;
  padding:10px 13px!important;
  border:1px solid #fde68a!important;
  border-radius:9px!important;
  background:#fffbeb!important;
  color:#92400e!important;
  font-size:12px!important;
}
.jpkm .error-box{
  padding:16px!important;
  border:1px solid #fecdd3!important;
  border-radius:0 0 12px 12px!important;
  background:#fff1f2!important;
  color:#be123c!important;
}

/* MOBILE */
@media(max-width:700px){
  .jpkm{margin:18px auto!important}
  .jpkm .hero{
    min-height:145px!important;
    height:auto!important;
    padding:28px 22px!important;
    border-radius:16px 16px 0 0!important;
  }
  .jpkm .hero h2{font-size:29px!important}
  .jpkm .hero p{font-size:14px!important}
  .jpkm .search{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .jpkm .search .btn{width:100%!important}
  .jpkm .meta{grid-template-columns:1fr!important}
  .jpkm .tools{flex-direction:column!important}
  .jpkm .tools .btn{width:100%!important}
}