/* ========================================
   BASIC CUSTOM CSS - SIM BAZNAS SUMBAWA
   Style: Classic, Clean, Professional
   Primary Color: BAZNAS Green (#0d9f4f)
   ======================================== */

:root {
    --baznas-green: #0d9f4f;
    --baznas-green-dark: #076e34;
    --baznas-gold: #ffc107;
}

/* Base Overrides */
body {
    background-color: #f4f6f9 !important;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

/* Classic Cards */
.card {
    border-radius: 4px !important;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2) !important;
    margin-bottom: 1.5rem;
    border: none !important;
}

.card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: .75rem 1.25rem;
}

.card-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

/* Standardize Green Brand */
.bg-success, 
.btn-success,
.card-success.card-outline {
    border-top: 3px solid var(--baznas-green) !important;
}

.sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-success .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--baznas-green) !important;
    color: #fff !important;
}

.btn-success, .btn-primary {
    background-color: var(--baznas-green-dark) !important;
    border-color: #055427 !important;
    color: #fff !important;
}

.btn-success:hover, .btn-primary:hover {
    background-color: #055427 !important;
    border-color: #04431f !important;
}

.btn-warning, .btn-gold {
    background-color: var(--baznas-gold) !important;
    border-color: #eab308 !important;
    color: #000 !important;
}

.btn-warning:hover, .btn-gold:hover {
    background-color: #eab308 !important;
    border-color: #ca8a04 !important;
    color: #000 !important;
}

.btn-outline-success {
    border-color: var(--baznas-green-dark) !important;
    color: var(--baznas-green-dark) !important;
}

.btn-outline-success:hover {
    background-color: var(--baznas-green-dark) !important;
    color: #fff !important;
}

.text-success {
    color: var(--baznas-green) !important;
}

/* Tables - Classic Look */
.table thead th {
    border-top: 0;
    border-bottom-width: 2px;
    font-weight: 600;
    background-color: #f8f9fa;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.02);
}

.table td, .table th {
    vertical-align: middle !important;
}

/* Sidebar - Modern Premium Green */
.main-sidebar {
    background: linear-gradient(180deg, #064e3b 0%, #022c22 100%) !important;
    box-shadow: 4px 0 10px rgba(0,0,0,0.1) !important;
}

.brand-link {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    padding: 1rem !important;
}

.sidebar-dark-success .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--baznas-gold) !important;
    color: #000 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 10px rgba(255, 193, 7, 0.2) !important;
}

.nav-sidebar .nav-link p {
    font-weight: 400;
}

.nav-sidebar .nav-link:hover {
    background-color: rgba(255,255,255,0.05) !important;
    color: var(--baznas-gold) !important;
}

/* Badges */
.badge-success {
    background-color: var(--baznas-green) !important;
}

/* Small Boxes Correction */
.small-box {
    border-radius: 4px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

.small-box > .inner {
    padding: 20px;
}

/* Pagination & Select2 Fixes */
.page-item.active .page-link {
    background-color: var(--baznas-green) !important;
    border-color: var(--baznas-green) !important;
}

.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: var(--baznas-green) !important;
}

/* Header & Navbar */
.main-header {
    border-bottom: 1px solid #dee2e6 !important;
}

/* Remove pulse and glass effects */
.sidebar .brand-image,
.card:hover,
.table tbody tr:hover {
    animation: none !important;
    transform: none !important;
    box-shadow: inherit !important;
}

.content-wrapper {
    animation: none !important;
}