/* ================== NAVBAR ================== */
.main-header.navbar {
    background-color: #008080 !important; /* Navbar background */
}

/* Navbar teks */
.main-header.navbar .nav-link,
.main-header.navbar .navbar-brand,
.main-header.navbar .navbar-text {
    color: #a4eb34 !important; /* teks navbar */
}

/* Hover teks navbar */
.main-header.navbar .nav-link:hover {
    color: #ffffff !important; /* putih saat hover */
}


/* ================== SIDEBAR ================== */

/* Warna brand/logo */
.brand-link {
    background-color: #006666 !important; /* lebih gelap untuk kontras */
    color: #fff !important;
}

/* Menu aktif di sidebar */
.nav-sidebar > .nav-item > .nav-link.active {
    background-color: #006666 !important; 
    color: #fff !important;
}

/* Hover menu sidebar */
.nav-sidebar > .nav-item > .nav-link:hover {
    background-color: #009999 !important; /* lebih muda dari #008080 */
    color: #a4eb34 !important;            /* teks hijau neon biar jelas */
}

/* ================== BUTTON ================== */

/* btn-info custom */
.btn-info {
    background-color: #a4eb34 !important;
    border-color: #a4eb34 !important;
    color: #000 !important; /* hitam biar kontras */
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #8bcf2a !important; /* versi lebih gelap saat hover */
    border-color: #8bcf2a !important;
    color: #fff !important;
}

.bg-info {
    background-color: #008080 !important;
    border-color: #008080 !important;
    color: #fff !important;
}


/* btn-success custom */
.btn-success {
    background-color: #008080 !important;
    border-color: #008080 !important;
    color: #fff !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #006666 !important; /* versi lebih gelap saat hover */
    border-color: #006666 !important;
    color: #fff !important;
}

/* ================== CARD OUTLINE ================== */

/* Card-outline success pakai warna #008080 */
.card-success.card-outline {
    border-color: #008080 !important;
}

.card-success.card-outline > .card-header {
    color: #008080 !important;
    border-color: #008080 !important;
}
/* Small size untuk Select2 Bootstrap4 */
.select2-container--bootstrap4 .select2-selection--single.form-control-sm,
.select2-container--bootstrap4 .select2-selection--multiple.form-control-sm {
  min-height: calc(1.8125rem + 2px);  /* sama dengan form-control-sm bootstrap */
  height: calc(1.8125rem + 2px);
  font-size: .875rem; /* font kecil */
  padding: .25rem .5rem;
}

/* ================== PREMIUM SIDEBAR & BUTTON ================== */
.main-sidebar {
    background: linear-gradient(180deg, #004b4b 0%, #006a6a 45%, #008080 100%) !important;
}

.brand-link {
    background: linear-gradient(90deg, #005959 0%, #0a7f7f 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.nav-sidebar > .nav-item > .nav-link {
    border-radius: 10px;
    margin: 4px 10px;
    color: #e9fff8 !important;
    transition: all .2s ease;
}

.nav-sidebar > .nav-item > .nav-link:hover {
    background: linear-gradient(90deg, rgba(255,138,0,.95) 0%, rgba(255,94,0,.95) 100%) !important;
    color: #fff !important;
    transform: translateX(2px);
}

.nav-sidebar > .nav-item > .nav-link.active {
    background: linear-gradient(90deg, #ff8a00 0%, #ff5e00 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(255,94,0,.34);
}

.btn,
.btn.btn-sm,
.btn.btn-xs {
    border: 0 !important;
    color: #fff !important;
}

.btn-success,
.btn-primary,
.btn-info {
    background: linear-gradient(90deg, #ff8a00 0%, #ff5e00 100%) !important;
    box-shadow: 0 8px 18px rgba(255,94,0,.22);
}

.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-info:hover, .btn-info:focus, .btn-info:active {
    color: #fff !important;
    background: linear-gradient(90deg, #ffa133 0%, #ff6f1a 100%) !important;
}

.btn-danger {
    background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%) !important;
    box-shadow: 0 8px 18px rgba(220,38,38,.26);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background: linear-gradient(90deg, #f87171 0%, #ef4444 100%) !important;
}

.btn-warning {
    color: #1f2937 !important;
    background: linear-gradient(90deg, #facc15 0%, #f59e0b 100%) !important;
    box-shadow: 0 8px 18px rgba(245,158,11,.24);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    color: #111827 !important;
    background: linear-gradient(90deg, #fde047 0%, #fbbf24 100%) !important;
}

.btn-secondary {
    background: linear-gradient(90deg, #64748b 0%, #475569 100%) !important;
    box-shadow: 0 8px 18px rgba(71,85,105,.22);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background: linear-gradient(90deg, #94a3b8 0%, #64748b 100%) !important;
}

.btn-light {
    color: #1f2937 !important;
    background: linear-gradient(90deg, #f8fafc 0%, #e2e8f0 100%) !important;
    box-shadow: 0 8px 18px rgba(148,163,184,.22);
    border: 1px solid rgba(148,163,184,.35) !important;
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
    color: #111827 !important;
    background: linear-gradient(90deg, #ffffff 0%, #cbd5e1 100%) !important;
}

.btn-dark {
    color: #fff !important;
    background: linear-gradient(90deg, #1f2937 0%, #111827 100%) !important;
    box-shadow: 0 8px 18px rgba(17,24,39,.32);
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
    background: linear-gradient(90deg, #374151 0%, #1f2937 100%) !important;
}

/* ================== SUMMERNOTE TOOLBAR FIX ================== */
.note-editor .note-toolbar .btn,
.note-editor .note-toolbar .btn-light,
.note-editor .note-toolbar .note-btn {
    color: #1f2937 !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: none !important;
}

.note-editor .note-toolbar .btn:hover,
.note-editor .note-toolbar .btn:focus,
.note-editor .note-toolbar .btn-light:hover,
.note-editor .note-toolbar .btn-light:focus,
.note-editor .note-toolbar .note-btn:hover,
.note-editor .note-toolbar .note-btn:focus {
    color: #111827 !important;
    background: #e2e8f0 !important;
    border-color: #94a3b8 !important;
}

.note-editor .note-toolbar .note-icon-caret,
.note-editor .note-toolbar [class^="note-icon-"],
.note-editor .note-toolbar [class*=" note-icon-"] {
    color: #1f2937 !important;
}

/* ================== PELAKU USAHA CHIPS ================== */
.pelaku-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px !important;
    border: 2px solid transparent !important;
    font-weight: 700;
    letter-spacing: .15px;
    padding: .42rem .8rem !important;
    box-shadow: none !important;
    transition: all .18s ease;
}

a.pelaku-filter-chip,
a.pelaku-filter-chip:hover,
a.pelaku-filter-chip:focus,
a.pelaku-filter-chip:active,
button.pelaku-filter-chip,
button.pelaku-filter-chip:hover,
button.pelaku-filter-chip:focus,
button.pelaku-filter-chip:active {
    text-decoration: none !important;
}

.pelaku-filter-chip .badge {
    border-radius: 999px;
    padding: .2rem .42rem;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.1;
}

.btn.pelaku-filter-chip--semua,
a.btn.pelaku-filter-chip--semua,
button.btn.pelaku-filter-chip--semua,
.pelaku-filter-chip--semua {
    background: #fff !important;
    color: #111827 !important;
    border: 2px solid #1f2937 !important;
}

.pelaku-filter-chip--semua .badge {
    background: #1f2937 !important;
    color: #fff !important;
}

.btn.pelaku-filter-chip--semua.is-active,
a.btn.pelaku-filter-chip--semua.is-active,
button.btn.pelaku-filter-chip--semua.is-active,
.pelaku-filter-chip--semua.is-active {
    background: #111827 !important;
    color: #fff !important;
    border: 2px solid #111827 !important;
    box-shadow: 0 10px 20px rgba(17, 24, 39, .16) !important;
}

.pelaku-filter-chip--semua.is-active .badge {
    background: #f9fafb !important;
    color: #111827 !important;
}

.btn.pelaku-filter-chip--usaha,
a.btn.pelaku-filter-chip--usaha,
button.btn.pelaku-filter-chip--usaha,
.pelaku-filter-chip--usaha {
    background: #eefbf3 !important;
    color: #166534 !important;
    border: 2px solid #1f9d55 !important;
}

.pelaku-filter-chip--usaha .badge {
    background: #166534 !important;
    color: #fff !important;
}

.btn.pelaku-filter-chip--usaha.is-active,
a.btn.pelaku-filter-chip--usaha.is-active,
button.btn.pelaku-filter-chip--usaha.is-active,
.pelaku-filter-chip--usaha.is-active {
    background: linear-gradient(90deg, #1f9d55 0%, #15803d 100%) !important;
    color: #fff !important;
    border: 2px solid #166534 !important;
    box-shadow: 0 10px 20px rgba(21, 128, 61, .24) !important;
}

.pelaku-filter-chip--usaha.is-active .badge {
    background: #f0fdf4 !important;
    color: #166534 !important;
}

.btn.pelaku-filter-chip--non-usaha,
a.btn.pelaku-filter-chip--non-usaha,
button.btn.pelaku-filter-chip--non-usaha,
.pelaku-filter-chip--non-usaha {
    background: #eaf8fb !important;
    color: #0f5f6d !important;
    border: 2px solid #14879a !important;
}

.pelaku-filter-chip--non-usaha .badge {
    background: #0f5f6d !important;
    color: #fff !important;
}

.btn.pelaku-filter-chip--non-usaha.is-active,
a.btn.pelaku-filter-chip--non-usaha.is-active,
button.btn.pelaku-filter-chip--non-usaha.is-active,
.pelaku-filter-chip--non-usaha.is-active {
    background: linear-gradient(90deg, #1aa0b5 0%, #14879a 100%) !important;
    color: #fff !important;
    border: 2px solid #0f6f7f !important;
    box-shadow: 0 10px 20px rgba(20, 135, 154, .24) !important;
}

.pelaku-filter-chip--non-usaha.is-active .badge {
    background: #f0fcff !important;
    color: #0f5f6d !important;
}

.pelaku-filter-chip:hover {
    transform: translateY(-1px);
}

.pelaku-jenis-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    padding: .3rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .15px;
    border: 1px solid transparent;
}

.pelaku-jenis-badge--usaha {
    background: #eaf9ef !important;
    color: #166534 !important;
    border-color: #86efac !important;
}

.pelaku-jenis-badge--non-usaha {
    background: #d7f0f5 !important;
    color: #0f5f6d !important;
    border-color: #7dd3e0 !important;
}