@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
html, body {
    height: 100%;
}


body {
    font-family: 'Inter', 'Roboto', sans-serif;
    background-color: #F7F9F8;
    color: #1F2933;
    display: flex;
    flex-direction: column;
    
}

main {
    flex: 1 0 auto; /* Take remaining space */
}

.navbar {
    background-color: #0F6B4A;
}

.navbar-brand,
.nav-link {
    color: #ffffff !important;
    font-weight: 500;
}

.nav-link:hover {
    color: #C9A24D !important;
}

.btn-primary {
    background-color: #0F6B4A;
    border-color: #0F6B4A;
}

.btn-primary:hover {
    background-color: #0c5a3f;
}

.btn-accent {
    background-color: #C9A24D;
    color: #ffffff;
    border: none;
}

.card {
    border-radius: 12px;
    border: none;
}

.card-metric {
    border-left: 6px solid #0F6B4A;
}

.metric-icon {
    font-size: 32px;
    color: #C9A24D;
}

.badge-approved {
    background-color: #0F6B4A;
}

.badge-pending {
    background-color: #C9A24D;
}

.badge-rejected {
    background-color: #dc3545;
}

.bank-card img {
    max-height: 60px;
    filter: grayscale(100%);
    transition: all 0.3s ease;
}

.bank-card:hover img {
    filter: grayscale(0%);
    transform: scale(1.05);
}

footer {
    background-color: #0F6B4A;
    color: #ffffff;
    padding: 30px 0;
    margin-top: 60px;
   
    flex-shrink: 0;
}

/* Dropdown menu links use primary green */
.navbar .dropdown-menu a.dropdown-item {
    color: #0F6B4A;       /* Primary green text */
    font-weight: 500;
}

/* Hover effect: darken the green */
.navbar .dropdown-menu a.dropdown-item:hover {
    background-color: #0F6B4A; /* green background */
    color: #fff;               /* white text on hover */
}

/* Optional: active item style */
.navbar .dropdown-menu a.dropdown-item:active {
    background-color: #0B5438; /* slightly darker green */
    color: #fff;
}
.navbar .nav-link:focus,
.navbar .nav-link:active,
.navbar .dropdown-toggle:focus {
    outline: none;        /* Remove the blue border */
    box-shadow: none;     /* Remove the Bootstrap focus shadow */
}