/* Tema JINGGA untuk payment-admin (override warna primary AdminLTE 3 / Bootstrap 4).
   Palet: jingga #fd7e14, gelap #e8590c, terang #ffe9d6. Diterapkan konsisten ke
   tombol, badge, navbar, sidebar, card, dan link. */

:root {
  --orange:        #fd7e14;
  --orange-dark:   #e8590c;
  --orange-darker: #d24e05;
  --orange-light:  #ffe9d6;
}

/* ── Tombol primary ── */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
  background-color: var(--orange);
  border-color: var(--orange);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--orange-dark) !important;
  border-color: var(--orange-darker) !important;
  box-shadow: 0 0 0 .2rem rgba(253,126,20,.35) !important;
}
.btn-outline-primary {
  color: var(--orange);
  border-color: var(--orange);
}
.btn-outline-primary:hover {
  background-color: var(--orange);
  border-color: var(--orange);
  color: #fff;
}

/* ── Link ── */
a { color: var(--orange-dark); }
a:hover { color: var(--orange-darker); }

/* ── Navbar jingga ── */
.navbar-orange,
.bg-orange { background-color: var(--orange) !important; }
.navbar-orange .nav-link,
.navbar-orange .navbar-brand { color: #fff !important; }
.bg-orange, .bg-orange > .card-title { color: #fff !important; }

/* ── Sidebar abu-abu gelap dengan aksen jingga ── */
.sidebar-dark-orange { background-color: #56606b; }
.sidebar-dark-orange .brand-link {
  color: #f6f6f6;
  background-color: #4c5661;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.sidebar-dark-orange .brand-link .brand-image { color: var(--orange); }
.sidebar-dark-orange .brand-text { color: #f6f6f6; }

.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link { color: #c2c7d0; }
.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link .nav-icon { color: #a4abb4; }
.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link:hover {
  background-color: rgba(253,126,20,.18);
  color: #fff;
}
.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link:hover .nav-icon { color: #fff; }
.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--orange);
  color: #fff;
  box-shadow: 0 2px 6px rgba(253,126,20,.4);
}
.sidebar-dark-orange .nav-sidebar > .nav-item > .nav-link.active .nav-icon { color: #fff; }
.sidebar-dark-orange .nav-header { color: #8d949c; }

/* ── Card outline & header jingga ── */
.card-orange.card-outline { border-top: 3px solid var(--orange); }
.card-orange > .card-header { color: var(--orange-darker); }

/* ── Badge & callout ── */
.badge-orange { background-color: var(--orange); color: #fff; }
.callout.callout-warning { border-left-color: var(--orange); }

/* ── Login page ── */
.login-logo a, .register-logo a { color: var(--orange-dark); }

/* ── Fokus input ── */
.form-control:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 .2rem rgba(253,126,20,.25);
}

/* ── Tombol kecil untuk aksi tabel ── */
.btn-xs {
  padding: .1rem .4rem;
  font-size: .75rem;
  line-height: 1.4;
  border-radius: .2rem;
}