/*!
 * Tarlac Agricultural University - College of Engineering and Technology
 * RMDSS - Research Management and Decision Support System
 * 60-30-10 Color Rule Implementation
 * 
 * Color Scheme:
 * - 60% Light Neutral (Backgrounds): #f8f9fc, #ffffff
 * - 30% Forest Green (Primary UI): #1a472a, #0f2d1a
 * - 10% Gold (Accent): #c9a227, #a68520
 */

/* Import base styles from sb-admin-2 */
@import url('sb-admin-2.css');

/* ============================================
   TAU-CET 60-30-10 COLOR RULE OVERRIDES
   ============================================ */

/* ============================================
   60% - DOMINANT COLOR (Backgrounds)
   Light neutrals for content areas
   ============================================ */

body,
#wrapper #content-wrapper,
.card-body {
    background-color: #f8f9fc !important;
}

.card {
    background-color: #ffffff !important;
}

.card-footer {
    background-color: #f8f9fc !important;
}

/* ============================================
   30% - SECONDARY COLOR (Primary UI)
   Forest Green - Sidebar, Topbar, Headers
   ============================================ */

/* Sidebar - Forest Green */
.sidebar-dark,
.bg-gradient-primary {
    background-color: #1a472a !important;
    background-image: linear-gradient(180deg, #1a472a 10%, #0f2d1a 100%) !important;
}

.sidebar-dark .sidebar-brand,
.sidebar-dark .sidebar-brand .sidebar-brand-icon i {
    color: #ffffff !important;
}

.sidebar-dark .sidebar-brand .sidebar-brand-icon i {
    color: #c9a227 !important;
}

.sidebar-dark hr.sidebar-divider {
    border-top: 1px solid rgba(201, 162, 39, 0.3) !important;
}

.sidebar-dark .sidebar-heading {
    color: rgba(255, 255, 255, 0.6) !important;
}

.sidebar-dark .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar-dark .nav-item .nav-link i {
    color: rgba(255, 255, 255, 0.6) !important;
}

.sidebar-dark .nav-item .nav-link:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.sidebar-dark .nav-item .nav-link:hover i,
.sidebar-dark .nav-item.active .nav-link i {
    color: #c9a227 !important;
}

.sidebar-dark .nav-item.active .nav-link {
    color: #ffffff !important;
    background-color: rgba(201, 162, 39, 0.2) !important;
    border-left: 3px solid #c9a227 !important;
}

/* Topbar */
.topbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e3e6f0 !important;
}

.topbar #sidebarToggleTop,
.topbar .nav-item .nav-link {
    color: #1a472a !important;
}

.topbar #sidebarToggleTop:hover {
    background-color: rgba(26, 71, 42, 0.05) !important;
}

.topbar .nav-item .nav-link:hover {
    color: #c9a227 !important;
}

.topbar .nav-item .nav-link .badge-counter {
    background-color: #c9a227 !important;
    color: #0f2d1a !important;
}

.topbar .dropdown-list .dropdown-header {
    background-color: #1a472a !important;
    border: 1px solid #1a472a !important;
    color: #ffffff !important;
}

/* ============================================
   10% - ACCENT COLOR (Highlights)
   Gold - Buttons, Links, Badges
   ============================================ */

/* Primary Button - Gold */
.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #c9a227 !important;
    border-color: #c9a227 !important;
    color: #0f2d1a !important;
    font-weight: 600 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #a68520 !important;
    border-color: #a68520 !important;
    color: #ffffff !important;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(201, 162, 39, 0.5) !important;
}

/* Success Button - Green */
.btn-success,
.btn-success:disabled,
.btn-success.disabled {
    background-color: #1a472a !important;
    border-color: #1a472a !important;
    color: #ffffff !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #0f2d1a !important;
    border-color: #0f2d1a !important;
}

.btn-outline-primary {
    border-color: #c9a227 !important;
    color: #c9a227 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #c9a227 !important;
    border-color: #c9a227 !important;
    color: #0f2d1a !important;
}