/*
 * Tema MASTER (membedakan dari VPS Budikarya): warna utama (primary) AdminLTE/Bootstrap 4 biru #007bff -> hijau #28A745.
 * Dimuat SETELAH adminlte.min.css (di template/v_topbar.php dan v_login.php). Tidak mengubah tata letak, hanya warna.
 * Cabut tema ini: hapus 2 baris <link ...tema-master.css> (v_topbar.php, v_login.php). Dipasang 14 Okt 2026.
 * Warna: utama #28A745 | hover #218838 | aktif/gelap #1e7e34 | terang #e6f4ea | cincin fokus rgba(40,167,69,.5)
 */
:root { --primary: #28A745; }

/* tautan & teks */
a { color: #28A745; }
a:hover { color: #1e7e34; }
.text-primary { color: #28A745 !important; }
a.text-primary:hover, a.text-primary:focus { color: #1e7e34 !important; }
.border-primary { border-color: #28A745 !important; }
.bg-primary, .badge-primary { background-color: #28A745 !important; }
.bg-gradient-primary { background: #28A745 linear-gradient(180deg, #4bb460, #28A745) repeat-x !important; }
a.badge-primary:hover, a.badge-primary:focus { background-color: #1e7e34 !important; }

/* tombol */
.btn-primary { color: #fff; background-color: #28A745; border-color: #28A745; }
.btn-primary:hover { color: #fff; background-color: #218838; border-color: #1e7e34; }
.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5); }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #28A745; border-color: #28A745; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5); }
.btn-outline-primary { color: #28A745; border-color: #28A745; }
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active { color: #fff; background-color: #28A745; border-color: #28A745; }
.btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5); }
.btn-link { color: #28A745; }
.btn-link:hover { color: #1e7e34; }

/* bilah atas, sidebar, kartu */
.navbar-primary { background-color: #28A745; }
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-treeview > .nav-item > .nav-link.active { background-color: #28A745; color: #fff; }
.card-primary:not(.card-outline) > .card-header { background-color: #28A745; }
.card-primary:not(.card-outline) { border: 1px solid #28A745; }
.card-primary.card-outline { border-top: 3px solid #28A745; }
.card-primary.card-outline-tabs > .card-header a.active { border-top: 3px solid #28A745; }
.callout.callout-primary { border-left-color: #28A745; }

/* navigasi, paginasi, dropdown, progress */
.page-item.active .page-link { color: #fff; background-color: #28A745; border-color: #28A745; }
.page-link { color: #28A745; }
.page-link:hover { color: #1e7e34; }
.page-link:focus { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #28A745; }
.dropdown-item.active, .dropdown-item:active { color: #fff; background-color: #28A745; }
.list-group-item.active { background-color: #28A745; border-color: #28A745; }
.progress-bar { background-color: #28A745; }

/* form */
.form-control:focus, .custom-select:focus, .custom-file-input:focus ~ .custom-file-label { border-color: #71dd8a; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25); }
.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #28A745; background-color: #28A745; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25); }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #71dd8a; }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color: #b1ecc0; border-color: #b1ecc0; }
.custom-range::-webkit-slider-thumb { background-color: #28A745; }
.custom-range::-moz-range-thumb { background-color: #28A745; }

/* kotak centang icheck-primary (dipakai ~120 tempat; bawaan #3c8dbc) */
.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before { background-color: #28A745; border-color: #28A745; }
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before { border-color: #28A745; }

/* select2 (default dan tema bootstrap4) */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option[aria-selected=true]:hover { background-color: #28A745; color: #fff; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #28A745; border-color: #1e7e34; color: #fff; }
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--bootstrap4.select2-container--focus .select2-selection { border-color: #71dd8a; }

/* pemilih tanggal (daterangepicker / bootstrap-datepicker) */
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #28A745; border-color: transparent; color: #fff; }
.daterangepicker .ranges li.active { background-color: #28A745; color: #fff; }
.daterangepicker .drp-buttons .btn-primary, .daterangepicker .applyBtn { background-color: #28A745; border-color: #28A745; }
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
.datepicker table tr td span.active, .datepicker table tr td span.active:hover { background-color: #28A745 !important; background-image: none; border-color: #1e7e34; color: #fff; text-shadow: none; }

/* DataTables Buttons: kolom pilihan & hover */
div.dt-button-collection .dt-button:hover { background-color: #28A745; color: #fff; }