@import url('https://fonts.googleapis.com/css2?family=Jost:wght@500;600;700&family=Open+Sans:wght@400;600;700&display=swap');

/* ==========================================================================
   Kabaca unified theme (admin) — selaraskan admin dengan situs kabaca.id.
   Dimuat SETELAH pos-custom.css. Palet: primary #2878EB, secondary #F14D5D,
   dark #120F2D, light #ECF4FF, success #28A745. Font Jost + Open Sans.
   Sudut siku. Menang atas pos-custom lewat urutan-muat + !important.
   ========================================================================== */

/* 1) Retarget token layer pos-custom (recolor kartu/tabel/form/tab/badge/
      dropdown/alert/pagination/page-header sekaligus, tanpa !important). */
:root {
    --rdn-primary: #2878EB;
    --rdn-primary-dark: #1B5CC0;
    --rdn-primary-darker: #120F2D;
    --rdn-primary-mid: #2878EB;
    --rdn-primary-light: #5B97F0;
    --rdn-primary-rgb: 40, 120, 235;

    --rdn-accent: #2878EB;
    --rdn-accent-rgb: 40, 120, 235;

    --rdn-orange: #F14D5D;
    --rdn-orange-hover: #E23C4D;
    --rdn-orange-rgb: 241, 77, 93;

    --rdn-success: #28A745;
    --rdn-danger: #F14D5D;
    --rdn-danger-accent: #F14D5D;

    --rdn-sky: #ECF4FF;
    --rdn-alt-1: #ECF4FF;
    --rdn-bg: #ECF4FF;

    --rdn-text: #120F2D;
    --rdn-text-body: #41454E;

    --rdn-radius: 0px;
    --rdn-radius-lg: 0px;
    --rdn-radius-xl: 0px;

    --rdn-shadow-ring: 0 0 0 3px rgba(40, 120, 235, 0.30);
}

/* 2) Tipografi kabaca.id */
body {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.card-title, .modal-title, .rdn-brand-name {
    font-family: 'Jost', Helvetica, Arial, sans-serif !important;
    font-weight: 700;
}

/* 3) Sidebar gelap datar #120F2D (ganti gradien navy hardcode) */
.main-sidebar {
    background: #120F2D !important;
    box-shadow: 2px 0 12px rgba(18, 15, 45, 0.18) !important;
}

.main-sidebar .brand-link,
.main-sidebar .rdn-brand-link {
    background: rgba(255, 255, 255, 0.04) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Wordmark Kabaca (InstanceLogo = rdn/kabaca-text.png) — tampil natural, bukan 40x40 */
.main-sidebar .rdn-brand-img {
    width: auto !important;
    height: 34px !important;
    max-width: 170px;
    object-fit: contain !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.nav-sidebar .nav-item > .nav-link.active {
    background: #2878EB !important;
    box-shadow: none !important;
    color: #fff !important;
}

.nav-sidebar .nav-item > .nav-link:hover {
    background: rgba(255, 255, 255, 0.07) !important;
}

.nav-sidebar .nav-item > .nav-link:hover i {
    color: #ECF4FF !important;
}

/* 4) Navbar putih + garis atas jadi aksen primary tipis (bukan pita 4-warna) */
.main-header.navbar {
    background: #ffffff !important;
    backdrop-filter: none !important;
}

.main-header.navbar::before {
    background: #2878EB !important;
    height: 2px !important;
}

.main-header.navbar .nav-link strong,
.main-header.navbar .brand-text {
    color: #120F2D !important;
}

/* 5) Tombol datar & siku */
.btn-primary {
    background: #2878EB !important;
    border-color: #2878EB !important;
    color: #fff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #1B5CC0 !important;
    border-color: #1B5CC0 !important;
}

.btn-success {
    background: #28A745 !important;
    border-color: #28A745 !important;
    color: #fff !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
    background: #218838 !important;
    border-color: #218838 !important;
}

.btn-danger {
    background: #F14D5D !important;
    border-color: #F14D5D !important;
    color: #fff !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background: #E23C4D !important;
    border-color: #E23C4D !important;
}

.btn-info {
    background: #2878EB !important;
    border-color: #2878EB !important;
    color: #fff !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active {
    background: #1B5CC0 !important;
    border-color: #1B5CC0 !important;
}

.btn-secondary {
    background: #120F2D !important;
    border-color: #120F2D !important;
    color: #fff !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background: #26224A !important;
    border-color: #26224A !important;
}

/* 6) Header kartu/modal primary jadi datar #2878EB (buang gradien + aksen oranye) */
.card-primary:not(.card-outline) > .card-header,
.modal-header.bg-primary,
.modal-header.bg-info,
#frmModal .card-primary > .card-header {
    background: #2878EB !important;
    background-image: none !important;
    color: #fff !important;
}

.card-primary:not(.card-outline) > .card-header::after,
.modal-header.bg-primary::after,
#frmModal .card-primary > .card-header::after {
    display: none !important;
}

/* 7) Utilitas warna telanjang & small-box dashboard (bocor dari base bootstrap) */
.bg-primary { background-color: #2878EB !important; }
.bg-info { background-color: #2878EB !important; }
.bg-success { background-color: #28A745 !important; }
.bg-danger { background-color: #F14D5D !important; }
.bg-dark { background-color: #120F2D !important; }

.small-box.bg-primary, .small-box.bg-info { background-color: #2878EB !important; }
.small-box.bg-success { background-color: #28A745 !important; }
.small-box.bg-danger { background-color: #F14D5D !important; }
.small-box.bg-warning { background-color: #F5A623 !important; }

/* header kartu filter "Pencarian" (bg-info di ~22 view Index) */
.card-header.bg-info { background-color: #2878EB !important; color: #fff !important; }
.card-header.bg-info .btn-tool { color: rgba(255, 255, 255, 0.9) !important; }

/* 8) Header dropdown user (inline lama #305E8F→#06295A) */
.rdn-user-dropdown-header {
    background: linear-gradient(135deg, #2878EB 0%, #120F2D 100%) !important;
}

/* 9) Sudut siku pada komponen dengan radius hardcode (badge & avatar tetap bulat) */
.btn, .btn-sm,
.card, .card-header, .card-body, .card-footer,
.modal-content,
.form-control, .form-select, .custom-select, .input-group-text,
.dropdown-menu,
.nav-tabs .nav-link, .nav-pills .nav-link,
.select2-container--bootstrap4 .select2-selection,
.select2-container--default .select2-selection,
.select2-dropdown,
.dataTables_wrapper .pagination .page-link,
.page-item:first-child .page-link,
.page-item:last-child .page-link,
.alert,
.small-box {
    border-radius: 0 !important;
}