/* LFB SMART - Modern Dashboard Theme (Green Edition) */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap');

:root {
    --bg-main: #F3F6F9;
    --white: #ffffff;
    --primary: #00695c; /* ปรับเป็นสีเขียวเข้ม (Teal Green) */
    --secondary: #2e7d32; /* ปรับเป็นสีเขียวป่า (Forest Green) */
    --success: #00ac69;
    --info: #00cfd5;
    --warning: #f4a100;
    --danger: #e81500;
    --text-dark: #212832;
    --text-muted: #69707a;
    --border-color: #e3e6ec;
}

body {
    background-color: var(--bg-main);
    font-family: 'Sarabun', sans-serif;
    color: var(--text-dark);
}

/* Navbar Style */
.top-nav {
    background: var(--white);
    border-bottom: 1px solid var(--border-color);
    padding: 0.75rem 2rem;
}

.nav-link-custom {
    color: var(--text-muted);
    font-weight: 500;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    transition: all 0.2s;
}

.nav-link-custom:hover, .nav-link-custom.active {
    color: var(--primary);
    background: #e6f2f1; /* ปรับไฮไลท์เป็นสีเขียวอ่อนจางๆ */
}

/* Card Styles */
.stat-card {
    border: none;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.05);
    height: 100%;
}

.stat-card .icon-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

/* Color Schemes (Updated to Green Tones) */
.bg-light-blue { background-color: #e0f2f1; color: #00695c; } /* เปลี่ยนจาก Blue เป็นเขียวเข้ม */
.bg-light-red { background-color: #fff0f0; color: #dc3545; }
.bg-light-cyan { background-color: #e0fcff; color: #00ced1; }
.bg-light-grey { background-color: #f8f9fa; color: #6c757d; }

/* Dashboard Components */
.chart-container {
    background: var(--white);
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.05);
}

.health-item {
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bg-health-green { background-color: #e6f6f0; color: #008a54; }
.bg-health-yellow { background-color: #fef8e6; color: #a16b00; }
.bg-health-red { background-color: #fdeaea; color: #b71c1c; }

/* Custom Text */
.text-xs { font-size: 0.75rem; }
.fw-600 { font-weight: 600; }