:root {
    --autumn-orange: #D97706; /* Deep orange */
    --autumn-yellow: #FBBF24; /* Warm yellow */
    --autumn-red: #B91C1C;    /* Autumn red */
    --autumn-brown: #78350F;  /* Deep brown */
    --autumn-green: #28a745;  /* Bootstrap green */
    --autumn-bg: #ffffff;     /* White background */
}

body {
    background-color: var(--autumn-bg);
    color: var(--autumn-brown);
}

.navbar-dark {
    background-color: var(--autumn-brown);
}

.btn-minv-custom, .btn-link-minv-custom {
    background-color: var(--autumn-orange);
    color: white;
    border-radius: 8px;
}

.btn:hover, .btn-link:hover {
    background-color: var(--autumn-yellow);
}

.btn-minv-custom:hover, .btn-link-minv-custom:hover {
    background-color: var(--autumn-yellow);
}

h1, h2 {
    color: var(--autumn-red);
}

a {
    color: var(--autumn-orange);
    text-decoration: none;
}

a:hover {
    color: var(--autumn-yellow);
}

.card {
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--autumn-orange);
}

form {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.table {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
}

th, td {
    padding: 10px;
}

th {
    background-color: var(--autumn-orange);
    color: white;
}

td {
    background-color: var(--autumn-yellow);
}

.navbar-nav .nav-link.active {
    background-color: var(--autumn-yellow); /* Custom highlight color */
    color: var(--autumn-brown); /* Text color */
    border-radius: 8px; /* Rounded corners */
}

.dropdown-menu .dropdown-item.active {
    background-color: var(--autumn-orange); /* Submenu highlight color */
    color: white; /* Text color for active submenu item */
}

.sidebar {
    height: 100vh; /* Full viewport height */
    position: fixed; /* Stay fixed during scroll */
    top: 0;
    left: 0;
    padding-top: 20px;
    background-color: var(--autumn-orange); /* Match table header background color */
}

.sidebar .nav-link {
    font-size: 0.9em; /* Reduced font size */
    padding: 10px 15px;
    color: white; /* Ensure text color is light */
}

.sidebar .nav-link.active {
    background-color: var(--autumn-yellow); /* Highlight for active link */
    color: var(--autumn-brown);
    border-radius: 5px;
}

.sidebar .nav-link:hover {
    background-color: var(--autumn-yellow); /* Highlight on hover */
    color: var(--autumn-brown);
}

form button {
    margin: 0;
    padding: 0.25rem 0.5rem; /* Match button size */
    vertical-align: middle;
}

form {
    display: inline-block; /* Keep the form inline to match button layout */
}

/* Ensure consistent styles for sidebar buttons */
.nav-item form button {
    color: white; /* Match other nav links */
    text-decoration: none; /* No underline */
    padding: 0.5rem 1rem; /* Same padding as other links */
    width: 100%; /* Full width to align like other links */
    text-align: left; /* Left-align like nav links */
    background-color: transparent; /* Ensure no background */
    border: none; /* Remove button border */
    cursor: pointer; /* Pointer cursor for click feedback */
}

.nav-item form button:hover {
    color: var(--autumn-yellow); /* Hover effect to match other links */
    background-color: transparent; /* Ensure no background change */
}

.navbar .btn-outline-light {
    border-color: #ffffff; /* White border to match navbar */
    color: #ffffff; /* White text */
}

.navbar .btn-outline-light:hover {
    background-color: #ffffff; /* Light background on hover */
    color: #343a40; /* Dark text on hover */
}

.bg-danger {
    background-color: var(--autumn-red) !important;
}

.bg-custom-danger {
    background-color: var(--autumn-red) !important;
}

.text-white {
    color: #ffffff !important;
}

/* Ensure "Actions" and "Items" have the same color as the rest of the column names */
.table th a {
    color: var(--autumn-orange);
}
.btn-dark {
    background-color: #343a40;
    border-color: #343a40;
    color: #fff;
}

.btn-dark:hover {
    background-color: #23272b;
    border-color: #1d2124;
    color: #fff;
}