/* 1. Integrated Background with Grid */
body, .content-wrapper {
    background-color: #fd8700 !important; /* Fallback */
    background-image: 
        /* Vertical Grid Lines */
        linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px),
        /* Horizontal Grid Lines */
        linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),
        /* Your Main Orange Gradient */
        linear-gradient(to right, #fd8700e2, #ffb813d8) !important;
    
    /* Grid size: Change '25px 25px' to make the squares bigger or smaller */
    background-size: 25px 25px, 25px 25px, 100% 100% !important;
    background-attachment: fixed;
    min-height: 100vh;
}

/* 2. Top Navbar & Brand Logo */
.main-header, .brand-link {
    background: linear-gradient(to right, #fd8700, #FFB713) !important;
    border: none !important;
}

/* 3. Text Visibility */
.main-header .nav-link, 
.brand-link, 
.brand-link .brand-text,
.content-header h1 {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

/* 4. Active Sidebar Items */
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background: linear-gradient(to right, #fd8700, #FFB713) !important;
    color: #fff !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}

/* 5. Clean Card Styles */
.content .card {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Custom Orange Gradient Back Button From Dashboard*/
.btn-orange-gradient {
    background: linear-gradient(to right, #fd8700, #FFB713);
    border: none;
    color: white !important;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover Effect */
.btn-orange-gradient:hover {
    background: linear-gradient(to right, #e67a00, #f0ab11); /* Slightly darker on hover */
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(253, 135, 0, 0.3);
    color: white !important;
}

/* Active/Pressed Effect */
.btn-orange-gradient:active {
    transform: translateY(0);
    box-shadow: none;
}