/* Scannara brand override - dimuat paling akhir agar menang specificity */
:root {
    --scannara-primary: #0e8c70;
    --scannara-primary-hover: #0a6f59;
    --scannara-primary-10: rgba(14, 140, 112, .10);
    --scannara-primary-18: rgba(14, 140, 112, .18);
    --scannara-primary-25: rgba(14, 140, 112, .25);
    --scannara-primary-40: rgba(14, 140, 112, .40);
}

/* ===== Primary buttons ===== */
.btn-primary,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary {
    background-color: var(--scannara-primary) !important;
    border-color: var(--scannara-primary-hover) !important;
    color: #fff !important;
}

.btn-primary:hover:not(.disabled):not(:disabled) {
    background-color: var(--scannara-primary-hover) !important;
    border-color: var(--scannara-primary-hover) !important;
    box-shadow: 0 8px 25px -8px var(--scannara-primary) !important;
}

.btn-outline-primary,
.btn-flat-primary,
.btn-outline-primary:focus {
    border-color: var(--scannara-primary) !important;
    color: var(--scannara-primary) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover:not(.disabled):not(:disabled),
.btn-flat-primary:hover:not(.disabled):not(:disabled) {
    background-color: var(--scannara-primary-10) !important;
    color: var(--scannara-primary-hover) !important;
}

/* ===== Outline warning (tombol Name Tag dll) jadi ikut palet brand ===== */
.btn-outline-warning {
    border-color: var(--scannara-primary) !important;
    color: var(--scannara-primary) !important;
    background-color: transparent !important;
}

.btn-outline-warning:hover:not(.disabled):not(:disabled),
.btn-outline-warning.active,
.btn-outline-warning:focus {
    background-color: var(--scannara-primary-10) !important;
    color: var(--scannara-primary-hover) !important;
}

.btn-outline-warning .feather,
.btn-outline-warning [data-feather] {
    stroke: currentColor !important;
}

/* ===== Datatable buttons (Export, Add New Record, dst) ===== */
.dt-buttons .btn,
.dt-buttons .btn-outline-secondary,
.dataTables_wrapper .dt-buttons .btn,
.dataTables_wrapper .btn-outline-secondary {
    border-color: var(--scannara-primary) !important;
    color: var(--scannara-primary) !important;
    background-color: transparent !important;
}

.dt-buttons .btn:hover,
.dt-buttons .btn:focus,
.dt-buttons .btn.active,
.dataTables_wrapper .dt-buttons .btn:hover,
.dataTables_wrapper .dt-buttons .btn:focus,
.dataTables_wrapper .dt-buttons .btn.active {
    background-color: var(--scannara-primary) !important;
    color: #fff !important;
    border-color: var(--scannara-primary-hover) !important;
}

/* ===== Sidebar / horizontal menu (top nav) ===== */
.horizontal-layout .header-navbar .navbar-container ul.nav li > a.nav-link,
.horizontal-layout .header-navbar .navbar-container ul.nav li > a.dropdown-item,
.horizontal-layout .header-navbar .navbar-container ul.nav li > a.dropdown-toggle {
    color: #4b4b4b;
}

.horizontal-layout .header-navbar .navbar-container ul.nav li > a:hover,
.horizontal-layout .header-navbar .navbar-container ul.nav li > a:focus,
.horizontal-layout .header-navbar .navbar-container ul.nav li.active > a,
.horizontal-layout .header-navbar .navbar-container ul.nav li.sidebar-group-active > a,
.horizontal-layout .header-navbar .navbar-container ul.nav .dropdown-item:hover,
.horizontal-layout .header-navbar .navbar-container ul.nav .dropdown-item:focus,
.horizontal-layout .header-navbar .navbar-container ul.nav .dropdown-item.active {
    background-color: var(--scannara-primary-10) !important;
    color: var(--scannara-primary-hover) !important;
}

.horizontal-layout .header-navbar .navbar-container ul.nav li.active > a,
.horizontal-layout .header-navbar .navbar-container ul.nav li.sidebar-group-active > a,
.horizontal-layout .header-navbar .navbar-container ul.nav .dropdown-item.active {
    background: linear-gradient(118deg, var(--scannara-primary), var(--scannara-primary-hover)) !important;
    color: #fff !important;
    box-shadow: 0 0 10px 1px var(--scannara-primary-25) !important;
}

.horizontal-layout .header-navbar .navbar-container ul.nav li.active > a i,
.horizontal-layout .header-navbar .navbar-container ul.nav .dropdown-item.active i {
    color: #fff !important;
}

/* Vertical sidebar (jika dipakai) */
.main-menu.menu-dark .navigation li a:hover,
.main-menu.menu-light .navigation li a:hover {
    background: var(--scannara-primary-10) !important;
    color: var(--scannara-primary-hover) !important;
}
.main-menu .navigation li.active > a {
    background: linear-gradient(118deg, var(--scannara-primary), var(--scannara-primary-hover)) !important;
    color: #fff !important;
    box-shadow: 0 0 10px 1px var(--scannara-primary-25) !important;
}

/* ===== Brand title di navbar ===== */
.header-navbar .navbar-brand .brand-text,
.header-navbar .brand-text {
    color: var(--scannara-primary) !important;
    font-weight: 800;
    letter-spacing: -.01em;
}

/* ===== Badge & alert primary biar konsisten ===== */
.badge.bg-primary,
.bg-primary,
.alert-primary .alert-link {
    background-color: var(--scannara-primary) !important;
    border-color: var(--scannara-primary-hover) !important;
    color: #fff !important;
}

.alert-primary {
    background: var(--scannara-primary-10) !important;
    color: var(--scannara-primary-hover) !important;
}

.alert-primary .alert-heading {
    color: var(--scannara-primary-hover) !important;
}

.text-primary,
.alert-primary .alert-link {
    color: var(--scannara-primary) !important;
}

/* Avatar bg-light-primary */
.avatar.bg-light-primary,
.badge.badge-light-primary {
    color: var(--scannara-primary-hover) !important;
    background-color: var(--scannara-primary-10) !important;
}

/* ===== Focus / form ===== */
.form-control:focus,
.form-select:focus,
.input-group:focus-within .form-control,
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--scannara-primary) !important;
    box-shadow: 0 3px 10px 0 var(--scannara-primary-18) !important;
}

/* ===== Kebab/options trigger di datatable ===== */
.dropdown-toggle .ti.text-warning,
.dropdown-toggle .text-warning,
button.text-warning,
a.text-warning,
.btn .ti.text-warning,
.btn .text-warning {
    color: var(--scannara-primary) !important;
}

.dropdown-toggle:hover .ti.text-warning,
.dropdown-toggle.show .ti.text-warning,
.dropdown-toggle:focus .ti.text-warning {
    color: var(--scannara-primary-hover) !important;
}

/* Dropdown item hover/active ikut brand */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
    background-color: var(--scannara-primary-10) !important;
    color: var(--scannara-primary-hover) !important;
}

.dropdown-menu .dropdown-item.text-danger:hover,
.dropdown-menu .dropdown-item.text-danger:focus {
    color: #c0392b !important;
}