/* Portal Sekolah v208 — aksen Langganan kuning dan tombol hapus transparan. */

body .app #subNav.subnav > button[data-page="subscription"] {
  border: 2px solid #efd16e !important;
  border-left: 9px solid #dfb52d !important;
  background: #fff8d8 !important;
  color: #735500 !important;
  box-shadow: 0 6px 16px rgba(179, 128, 0, .10) !important;
}

body .app #subNav.subnav > button[data-page="subscription"]:hover,
body .app #subNav.subnav > button[data-page="subscription"]:focus-visible {
  border-color: #e4bd38 !important;
  border-left-color: #c89513 !important;
  background: #fff2b8 !important;
  color: #684b00 !important;
}

body .app #subNav.subnav > button[data-page="subscription"].active {
  border-color: #d8a91d !important;
  border-left-color: #9f6900 !important;
  background: #ffe99a !important;
  color: #604000 !important;
  box-shadow: 0 8px 19px rgba(184, 125, 0, .19) !important;
}

body .app #subNav.subnav > button[data-page="subscription"].active::before {
  background: #9f6900 !important;
}

.eskul-v203-admin .eskul-v205-danger-button,
.eskul-v203-admin .eskul-v205-row-delete,
.eskul-v203-admin [data-eskul-registration-delete] {
  border: 1px solid #ff5360 !important;
  background: transparent !important;
  color: #d92d3a !important;
  box-shadow: none !important;
}

.eskul-v203-admin .eskul-v205-danger-button:hover,
.eskul-v203-admin .eskul-v205-row-delete:hover,
.eskul-v203-admin [data-eskul-registration-delete]:hover {
  border-color: #e93644 !important;
  background: rgba(255, 83, 96, .08) !important;
  color: #bd1f2c !important;
}

.eskul-v203-admin .eskul-v205-danger-button:active,
.eskul-v203-admin .eskul-v205-row-delete:active,
.eskul-v203-admin [data-eskul-registration-delete]:active {
  background: rgba(255, 83, 96, .14) !important;
  transform: scale(.975);
}

.eskul-v203-admin .eskul-v205-danger-button:disabled,
.eskul-v203-admin .eskul-v205-row-delete:disabled,
.eskul-v203-admin [data-eskul-registration-delete]:disabled {
  background: transparent !important;
  opacity: .42;
  cursor: not-allowed;
}

@media (max-width: 850px) {
  body .app #subNav.subnav > button[data-page="subscription"] {
    border-left-width: 7px !important;
  }
}