/* Forest Theme for AdminLTE - Updated 2026-03-11 */
/* Color Palette:
   Primary: Deep forest green (#0B3D2E)
   Secondary: Moss green (#2E6F57)
   Accent: Warm sunlight gold (#D4AF37)
   Background: Pure white (#ffffff)
   Text: Pure black (#000000)
*/

/* Body and Main Background */
body {
    background: #f5f5f5 !important;
    min-height: 100vh;
    position: relative;
}

/* Force light gray background on all content areas */
body.content-wrapper, 
.wrapper, 
.main-content, 
.content,
.content-wrapper {
    background: #f5f5f5 !important;
}

/* Also ensure all main content areas have light gray background */
.content-wrapper .container-fluid,
.content-wrapper .row,
.content-wrapper .col-md-12,
.content-wrapper .col-lg-12,
.content-wrapper .col-12 {
    background: #f5f5f5 !important;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 80%, rgba(212, 175, 55, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(46, 111, 87, 0.2) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

.wrapper {
    position: relative;
    z-index: 2;
}

/* Navbar */
.main-header {
    background: linear-gradient(90deg, #0B3D2E 0%, #2E6F57 100%);
    border-bottom: 2px solid #D4AF37;
    box-shadow: 0 2px 10px rgba(11, 61, 46, 0.3);
}

#navbarLastLogin {
    font-size: 0.75rem;
    opacity: 0.8;
}

.navbar-white .navbar-nav .nav-link {
    color: #E8F5E9 !important;
    transition: all 0.3s ease;
}

.navbar-white .navbar-nav .nav-link:hover {
    color: #D4AF37 !important;
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.5);
}

/* Content Wrapper - Main text styling */
.content-wrapper {
    background: #ffffff !important;
    color: #000000 !important;
    min-height: calc(100vh - 57px);
}

/* Force all text in content area to be black */
.content-wrapper *,
.main-content *,
.container-fluid * {
    color: #000000 !important;
}

/* Specific targeting for dashboard elements */
.content-wrapper .card-title,
.content-wrapper .card-header,
.content-wrapper h1,
.content-wrapper h2,
.content-wrapper h3,
.content-wrapper h4,
.content-wrapper h5,
.content-wrapper h6,
.content-wrapper p,
.content-wrapper span,
.content-wrapper label,
.content-wrapper div {
    color: #000000 !important;
}

/* Dashboard specific elements */
.content-wrapper .inner h3,
.content-wrapper .inner p,
.content-wrapper .card .inner,
.content-wrapper .card .icon {
    color: #000000 !important;
}

/* Override Bootstrap color classes */
.content-wrapper .text-muted,
.content-wrapper .text-secondary,
.content-wrapper .text-light,
.content-wrapper .text-dark {
    color: #000000 !important;
}

/* Table styling */
.content-wrapper .table th,
.content-wrapper .table td {
    color: #000000 !important;
    border-color: #dee2e6 !important;
}

.content-wrapper .table thead th {
    background: #f8f9fa !important;
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Form styling */
.content-wrapper .form-control,
.content-wrapper .form-select {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ced4da !important;
}

.content-wrapper .form-control:focus,
.content-wrapper .form-select:focus {
    border-color: #0B3D2E !important;
    box-shadow: 0 0 0 0.2rem rgba(11, 61, 46, 0.25) !important;
}

/* Button styling */
.content-wrapper .btn-primary {
    background: linear-gradient(90deg, #0B3D2E 0%, #2E6F57 100%) !important;
    border-color: #0B3D2E !important;
    color: #ffffff !important;
}

.content-wrapper .btn-secondary {
    background: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

.content-wrapper .btn-success {
    background: #28a745 !important;
    border-color: #28a745 !important;
    color: #ffffff !important;
}

.content-wrapper .btn-danger {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #ffffff !important;
}

.content-wrapper .btn-warning {
    background: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000000 !important;
}

.content-wrapper .btn-info {
    background: #17a2b8 !important;
    border-color: #17a2b8 !important;
    color: #ffffff !important;
}

/* Card styling */
.content-wrapper .card {
    background: #e3f2fd !important;
    color: #000000 !important;
    border: 1px solid #bbdefb !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.content-wrapper .card-header {
    background: linear-gradient(90deg, #bbdefb 0%, #90caf9 100%) !important;
    color: #000000 !important;
    border-bottom: 2px solid #64b5f6 !important;
    border-radius: 8px 8px 0 0 !important;
}

.content-wrapper .card-body {
    background: #e3f2fd !important;
    color: #000000 !important;
}

/* Sidebar */
.main-sidebar {
    background: linear-gradient(180deg, #0B3D2E 0%, #0F2A1D 100%);
    box-shadow: 2px 0 15px rgba(11, 61, 46, 0.4);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
    color: #E8F5E9;
    border-radius: 8px;
    margin: 2px 8px;
    transition: all 0.3s ease;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background: rgba(46, 111, 87, 0.3);
    color: #D4AF37;
    transform: translateX(5px);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background: linear-gradient(90deg, #2E6F57, #0B3D2E);
    color: #D4AF37;
    box-shadow: 0 2px 8px rgba(212, 175, 55, 0.3);
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link {
    color: #E8F5E9;
    border-radius: 6px;
    margin: 1px 12px;
    transition: all 0.3s ease;
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link:hover {
    background: rgba(46, 111, 87, 0.2);
    color: #D4AF37;
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active {
    background: linear-gradient(90deg, #2E6F57, #0B3D2E);
    color: #D4AF37;
    box-shadow: 0 2px 8px rgba(212, 175, 55, 0.3);
}

/* Brand Logo */
.brand-link {
    background: linear-gradient(90deg, #0B3D2E, #2E6F57);
    border-bottom: 1px solid #D4AF37;
}

.brand-text {
    color: #E8F5E9 !important;
}

/* Dashboard Cards - Specific Background Classes */
.content-wrapper .bg-light-green,
.content-wrapper .bg-brown,
.content-wrapper .bg-gold,
.content-wrapper .bg-light-blue,
.content-wrapper .bg-info,
.content-wrapper .bg-success,
.content-wrapper .bg-warning,
.content-wrapper .bg-danger,
.content-wrapper .bg-primary {
    background: #e3f2fd !important;
    border: 1px solid #bbdefb !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Force text visibility in dashboard cards */
.content-wrapper .bg-light-green *,
.content-wrapper .bg-brown *,
.content-wrapper .bg-gold *,
.content-wrapper .bg-light-blue *,
.content-wrapper .bg-info *,
.content-wrapper .bg-success *,
.content-wrapper .bg-warning *,
.content-wrapper .bg-danger *,
.content-wrapper .bg-primary * {
    color: #000000 !important;
}

/* Dashboard card inner elements */
.content-wrapper .card .inner h3,
.content-wrapper .card .inner p,
.content-wrapper .card .inner {
    color: #000000 !important;
    font-weight: 600 !important;
}

.content-wrapper .card .inner h3 {
    font-size: 2rem !important;
    font-weight: 700 !important;
}

.content-wrapper .card .inner p {
    font-size: 1rem !important;
    font-weight: 500 !important;
}

/* Dashboard card icons */
.content-wrapper .card .icon i {
    color: #1976d2 !important;
    font-size: 2rem !important;
}

/* Total record card special styling */
.total-record-card {
    background: linear-gradient(135deg, #0B3D2E 0%, #2E6F57 100%) !important;
    border: 2px solid #D4AF37 !important;
}

.total-record-card * {
    color: #ffffff !important;
}

.total-record-card h4 {
    color: #D4AF37 !important;
    font-weight: 800 !important;
}

.total-record-card h2 {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 2.5rem !important;
    text-shadow: 0 1px 3px rgba(11, 61, 46, 0.5);
}

/* RFO Dashboard Cards - Different Dark Colors with White Text */

/* Forms Assigned - Dark Blue */
.content-wrapper .small-box.bg-info {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    border: 1px solid #0d47a1 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(21, 101, 192, 0.3) !important;
}

.content-wrapper .small-box.bg-info * {
    color: #ffffff !important;
}

/* Not Started - Dark Gray */
.content-wrapper .small-box.bg-secondary {
    background: linear-gradient(135deg, #424242 0%, #212121 100%) !important;
    border: 1px solid #212121 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(66, 66, 66, 0.3) !important;
}

.content-wrapper .small-box.bg-secondary * {
    color: #ffffff !important;
}

/* Saved Draft - Medium Blue */
.content-wrapper .small-box.bg-light-blue {
    background: linear-gradient(135deg, #1976d2 0%, #0d47a1 100%) !important;
    border: 1px solid #0d47a1 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3) !important;
}

.content-wrapper .small-box.bg-light-blue * {
    color: #ffffff !important;
}

/* Submitted - Forest Green */
.content-wrapper .small-box.bg-primary {
    background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%) !important;
    border: 1px solid #1b5e20 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(46, 125, 50, 0.3) !important;
}

.content-wrapper .small-box.bg-primary * {
    color: #ffffff !important;
}

/* Approved - Green */
.content-wrapper .small-box.bg-success {
    background: linear-gradient(135deg, #388e3c 0%, #2e7d32 100%) !important;
    border: 1px solid #2e7d32 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(56, 142, 60, 0.3) !important;
}

.content-wrapper .small-box.bg-success * {
    color: #ffffff !important;
}

/* Rejected - Red */
.content-wrapper .small-box.bg-danger {
    background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%) !important;
    border: 1px solid #b71c1c !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(211, 47, 47, 0.3) !important;
}

.content-wrapper .small-box.bg-danger * {
    color: #ffffff !important;
}

/* RFO Dashboard Card Text Styling */
.content-wrapper .small-box .inner h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 2.5rem !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.content-wrapper .small-box .inner p {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* RFO Dashboard Card Icons */
.content-wrapper .small-box .icon {
    color: rgba(255, 255, 255, 0.8) !important;
}

.content-wrapper .small-box .icon i {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 3rem !important;
}

/* Make login / brand header clearly visible on the background */
.login-logo a, .login-logo a b, .brand-link .brand-text {
    color: #FFFFFF !important; /* white for maximum visibility */
    text-shadow: 0 3px 10px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.3);
    font-weight: 700;
    font-size: 1.4rem;
}

/* If login page uses heading inside content, ensure it's visible */
.login-box .login-logo, .login-box .login-logo a {
    color: #FFFFFF !important;
    text-shadow: 0 3px 10px rgba(0,0,0,0.8), 0 0 20px rgba(212, 175, 55, 0.3);
    font-weight: 700;
}

/* Stronger, forced visibility for the login header */
.login-page .login-logo,
.login-page .login-logo a,
.brand-link .brand-text {
    color: #D4AF37 !important; /* warm sunlight gold */
    text-shadow: 0 6px 22px rgba(11,61,46,0.6) !important;
    font-weight: 700 !important;
    font-size: 1.6rem !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Ensure the brand text sits above subtle overlays */
.login-logo, .login-logo a {
    background: transparent !important;
}

/* Slight padding so the header reads clearly above the login card */
.login-box .login-logo {
    margin-bottom: 10px !important;
}

/* Global fixes: force brand/logo visibility and improve header dropdown contrast */
.brand-link .brand-text, .main-header .brand-link, .main-header .navbar-brand {
    color: #D4AF37 !important; /* warm gold for logo */
    text-shadow: 0 4px 18px rgba(0,0,0,0.6) !important;
    font-weight: 700 !important;
}

/* Dashboard / content headings: make clearly visible */
.content-wrapper h1, .content-wrapper h2, .content-wrapper h3 {
    color: #D4AF37 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.45) !important;
}

/* Header user dropdown and menu contrast */
.navbar .user-menu .dropdown-menu, .navbar .dropdown-menu {
    background: rgba(12,36,30,0.95) !important;
    border: 1px solid rgba(212,175,55,0.08) !important;
    color: #FFFFFF !important;
}
.navbar .user-menu .dropdown-menu .dropdown-item, .navbar .dropdown-menu .dropdown-item {
    color: #E8F5E9 !important;
}
.navbar .user-menu .dropdown-menu .dropdown-item:hover, .navbar .dropdown-menu .dropdown-item:hover {
    background: rgba(46,111,87,0.12) !important;
    color: #D4AF37 !important;
}

/* Ensure nav text items are readable */
.nav-link, .nav-sidebar .nav-link {
    color: #FFFFFF !important;
}

/* Minor tweak: make small-box numbers and labels more legible */
.small-box h3 { color: #FFFFFF !important; }
.small-box p { color: #E8F5E9 !important; }

/* Content Wrapper */
.content-wrapper {
    background: #5a6578;
    color: #E8F5E9;
}

.content-header {
    background: rgba(15, 42, 29, 0.8);
    border-bottom: 1px solid rgba(212, 175, 55, 0.3);
    backdrop-filter: blur(10px);
}

.content-header h1 {
    color: #E8F5E9;
    text-shadow: 0 2px 4px rgba(11, 61, 46, 0.5);
}

.breadcrumb-item a {
    color: #D4AF37;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
    color: #E8F5E9;
}

.breadcrumb-item.active {
    color: #E8F5E9;
}

/* Cards */
.card {
    background: rgba(15, 42, 29, 0.9);
    border: 1px solid rgba(46, 111, 87, 0.5);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(11, 61, 46, 0.3);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

/* Dashboard Cards - Forest Blue Theme */
.card.bg-info, .small-box.bg-info {
    background: linear-gradient(135deg, #1e3a5f, #2d5a8f) !important;
    border: 1px solid #4a7abf !important;
}

/* Dashboard Cards - Forest Green Theme */
.card.bg-success, .small-box.bg-success {
    background: linear-gradient(135deg, #166534, #22c55e) !important;
    border: 1px solid #4ade80 !important;
}

/* Dashboard Cards - Forest Brown Theme */
.card.bg-warning, .small-box.bg-warning {
    background: linear-gradient(135deg, #7c4a30, #a67c52) !important;
    border: 1px solid #c49a6c !important;
}

/* Dashboard Cards - Forest Red Theme */
.card.bg-danger, .small-box.bg-danger {
    background: linear-gradient(135deg, #8b2c1c, #c44430) !important;
    border: 1px solid #d55a4a !important;
}

/* Form Cards - Forest Brown Theme */
#formsContainer .card, .card:has(.btn-success) {
    background: linear-gradient(135deg, #6b4423, #8b5a3c) !important;
    border: 1px solid #a67c52 !important;
}

/* Available Forms - Forest Green Theme */
.card:has(.btn-primary):not(:has(.btn-warning)) {
    background: linear-gradient(135deg, #2d5016, #4a7c2e) !important;
    border: 1px solid #6b8e4a !important;
}

/* Draft Forms - Forest Moss Theme */
.card:has(.btn-warning) {
    background: linear-gradient(135deg, #4a5d2e, #6b8e4a) !important;
    border: 1px solid #8fbf6f !important;
}

/* Submitted Forms - Forest Pine Theme */
.card:has(.btn-info) {
    background: linear-gradient(135deg, #1e4d2b, #2d7a4a) !important;
    border: 1px solid #4a8f5f !important;
}

/* Rejected Forms - Forest Bark Theme */
.card:has(.btn-danger) {
    background: linear-gradient(135deg, #5d3a1a, #8b5a3c) !important;
    border: 1px solid #a67c52 !important;
}

/* RFO Dashboard Specific Cards */
.card.bg-light-blue {
    background: linear-gradient(135deg, #1e3a5f, #2d5a8f) !important;
    border: 1px solid #4a7abf !important;
}

.card.bg-light-green {
    background: linear-gradient(135deg, #2d5016, #4a7c2e) !important;
    border: 1px solid #6b8e4a !important;
}

.card.bg-light-gold {
    background: linear-gradient(135deg, #6b4423, #8b5a3c) !important;
    border: 1px solid #a67c52 !important;
}

.small-box.bg-danger {
    background: linear-gradient(135deg, #8b2c1c, #c44430) !important;
    border: 1px solid #d55a4a !important;
}

/* Ensure text is visible on RFO dashboard cards */
.card.bg-light-blue .inner h3,
.card.bg-light-blue .inner p,
.card.bg-light-green .inner h3,
.card.bg-light-green .inner p,
.card.bg-light-gold .inner h3,
.card.bg-light-gold .inner p {
    color: #ffffff !important;
}

#formsContainer .card .card-title,
#formsContainer .card .card-header {
    color: #ffffff !important;
}

#formsContainer .card .inner h3,
#formsContainer .card .inner p {
    color: #ffffff !important;
}

/* Graph/Chart Cards - Forest Green Theme */
.card:has(canvas), .card:has(.chart), .card:has(.chartjs-render-monitor) {
    background: linear-gradient(135deg, #1e4d2b, #2d7a4a) !important;
    border: 1px solid #4a8f5f !important;
}

/* Table Cards - Forest Green Theme */
.card:has(.table), .card:has(.table-responsive) {
    background: linear-gradient(135deg, #2d5016, #4a7c2e) !important;
    border: 1px solid #6b8e4a !important;
}

.card:has(.table) .table,
.card:has(.table-responsive) .table {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #1f2937 !important;
}

.card:has(.table) .table th,
.card:has(.table-responsive) .table th {
    background: rgba(107, 142, 74, 0.2) !important;
    color: #2d5016 !important;
    border-color: #8fbf6f !important;
}

.card:has(.table) .table td,
.card:has(.table-responsive) .table td {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #1f2937 !important;
    border-color: #8fbf6f !important;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(11, 61, 46, 0.4);
    border-color: rgba(212, 175, 55, 0.4);
}

.card-header {
    background: linear-gradient(90deg, rgba(11, 61, 46, 0.8), rgba(46, 111, 87, 0.8));
    border-bottom: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 12px 12px 0 0;
    color: #E8F5E9;
}

.card-title {
    color: #E8F5E9;
    text-shadow: 0 1px 2px rgba(11, 61, 46, 0.5);
}

.card-body {
    background: transparent;
    color: #E8F5E9;
}

/* Small Boxes */
.small-box {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
}

.small-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(11, 61, 46, 0.1), rgba(46, 111, 87, 0.1));
    pointer-events: none;
}

.small-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(11, 61, 46, 0.4);
}

.small-box .inner {
    position: relative;
    z-index: 1;
}

.small-box h3 {
    color: #E8F5E9;
    text-shadow: 0 2px 4px rgba(11, 61, 46, 0.5);
}

.small-box p {
    color: #E8F5E9;
}

.small-box-footer {
    background: rgba(11, 61, 46, 0.3);
    color: #D4AF37;
    border-top: 1px solid rgba(212, 175, 55, 0.3);
    transition: all 0.3s ease;
}

.small-box-footer:hover {
    background: rgba(212, 175, 55, 0.2);
    color: #E8F5E9;
}

/* Override small box colors with forest theme */
.small-box.bg-info {
    background: linear-gradient(135deg, #2E6F57, #0B3D2E) !important;
}

.small-box.bg-success {
    background: linear-gradient(135deg, #0B3D2E, #2E6F57) !important;
}

.small-box.bg-warning {
    background: linear-gradient(135deg, #D4AF37, #B8941F) !important;
}

.small-box.bg-danger {
    background: linear-gradient(135deg, #1a472a, #0F2A1D) !important;
}

/* Buttons */
.btn {
    border-radius: 8px;
    transition: all 0.3s ease;
    border: none;
    font-weight: 500;
}

.btn-primary {
    background: linear-gradient(135deg, #0B3D2E, #2E6F57);
    box-shadow: 0 4px 12px rgba(11, 61, 46, 0.3);
}

.btn-primary:hover {
    background: linear-gradient(135deg, #2E6F57, #0B3D2E);
    box-shadow: 0 6px 20px rgba(11, 61, 46, 0.4);
    transform: translateY(-1px);
}

.btn-success {
    background: linear-gradient(135deg, #2E6F57, #0B3D2E);
}

.btn-success:hover {
    background: linear-gradient(135deg, #0B3D2E, #2E6F57);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
}

.btn-warning {
    background: linear-gradient(135deg, #D4AF37, #B8941F);
    color: #0F2A1D;
}

.btn-warning:hover {
    background: linear-gradient(135deg, #B8941F, #D4AF37);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.5);
}

/* Forms */
.form-control {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(46, 111, 87, 0.5);
    border-radius: 8px;
    color: #1a1a1a;
    transition: all 0.3s ease;
}

.form-control:focus {
    background: rgba(255, 255, 255, 1);
    border-color: #D4AF37;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
    color: #0d0d0d;
}

.form-control::placeholder {
    color: #666666;
}

/* Direct Chat */
.direct-chat .card-body {
    background: rgba(15, 42, 29, 0.7);
}

.direct-chat-text {
    background: rgba(46, 111, 87, 0.8);
    border: 1px solid rgba(212, 175, 55, 0.2);
    color: #E8F5E9;
    border-radius: 12px;
}

.direct-chat-msg.right .direct-chat-text {
    background: rgba(212, 175, 55, 0.8);
    color: #0F2A1D;
}

/* Todo List */
.todo-list > li {
    background: rgba(15, 42, 29, 0.6);
    border: 1px solid rgba(46, 111, 87, 0.3);
    border-radius: 8px;
    margin-bottom: 8px;
    transition: all 0.3s ease;
}

.todo-list > li:hover {
    background: rgba(46, 111, 87, 0.2);
    border-color: rgba(212, 175, 55, 0.3);
}

.todo-list .text {
    color: #E8F5E9;
}

/* Badges */
.badge {
    border-radius: 6px;
    font-weight: 500;
}

.badge-primary {
    background: linear-gradient(135deg, #0B3D2E, #2E6F57);
}

.badge-success {
    background: linear-gradient(135deg, #2E6F57, #0B3D2E);
}

.badge-warning {
    background: linear-gradient(135deg, #D4AF37, #B8941F);
    color: #0F2A1D;
}

.badge-danger {
    background: linear-gradient(135deg, #1a472a, #0F2A1D);
}

.badge-info {
    background: linear-gradient(135deg, #2E6F57, #0B3D2E);
}

/* Footer */
.main-footer {
    background: linear-gradient(90deg, #0B3D2E, #2E6F57);
    border-top: 2px solid #D4AF37;
    color: #E8F5E9;
}

.main-footer a {
    color: #D4AF37;
    transition: color 0.3s ease;
}

.main-footer a:hover {
    color: #E8F5E9;
}

/* Dropdown Menus */
.dropdown-menu {
    background: rgba(15, 42, 24, 0.95);
    border: 1px solid rgba(46, 111, 87, 0.5);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(11, 61, 46, 0.4);
    backdrop-filter: blur(10px);
}

.dropdown-item {
    color: #E8F5E9;
    transition: all 0.3s ease;
}

.dropdown-item:hover {
    background: rgba(46, 111, 87, 0.3);
    color: #D4AF37;
}

.dropdown-divider {
    border-color: rgba(46, 111, 87, 0.3);
}

/* Control Sidebar */
.control-sidebar {
    background: linear-gradient(180deg, #0B3D2E, #0F2A1D);
    box-shadow: -2px 0 15px rgba(11, 61, 46, 0.4);
}

/* Icons */
.nav-icon {
    color: #D4AF37;
    transition: all 0.3s ease;
}

.nav-link:hover .nav-icon {
    color: #E8F5E9;
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.5);
}

/* Pagination */
.pagination .page-link {
    background: rgba(15, 42, 29, 0.8);
    border: 1px solid rgba(46, 111, 87, 0.5);
    color: #E8F5E9;
    transition: all 0.3s ease;
}

.pagination .page-link:hover {
    background: rgba(46, 111, 87, 0.3);
    border-color: #D4AF37;
    color: #D4AF37;
}

.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #0B3D2E, #2E6F57);
    border-color: #D4AF37;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .card {
        margin-bottom: 15px;
    }
    
    .small-box {
        margin-bottom: 15px;
    }
}

/* Smooth transitions */
* {
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0F2A1D;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #2E6F57, #0B3D2E);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #0B3D2E, #2E6F57);
}