/**
 * 💙 BAKA WAY - Staff Portal Brand Identity
 * มาตรฐานโทนสีสำหรับเจ้าหน้าที่ภาคสนาม (Operation / Field Work)
 * จิตวิทยาการใช้สี: ความคล่องตัว, การบริการ, ความเชื่อใจ (Royal Blue)
 */

:root {
    /* 🔵 Primary Palette (Light Mode) */
    --baka-primary: #0d6efd;
    --baka-primary-rgb: 13, 110, 253;
    --baka-primary-hover: #0b5ed7;
    --baka-accent: #60a5fa;

    /* Overrides สำหรับส่วนประกอบพื้นฐาน */
    --baka-sidebar-bg: #1e293b;
    --baka-sidebar-active: #0d6efd;
}

/* 🌑 Dark Mode Palette Override */
[data-bs-theme="dark"] {
    --baka-primary: #3b82f6;
    --baka-primary-hover: #2563eb;
    --baka-accent: #60a5fa;
    --bg-body: #0f172a; /* โทนสีกรมท่าเข้มเข้ากับความมั่นคง */
    --bg-card: #1e293b;
    --border-color: rgba(255, 255, 255, 0.1);

    /* 🛠️ แก้ไขปัญหาพื้นหลังขาวแสบตาใน Staff Portal */
    --text-main: #f1f5f9;
    --text-muted: #94a3b8;
}

/* Fix Sidebar Text Contrast in Dark Mode */
[data-bs-theme="dark"] .nav-item.open > .nav-link,
[data-bs-theme="dark"] .nav-link.active,
[data-bs-theme="dark"] .nav-link:hover {
    color: #ffffff !important;
}

/* บังคับการแสดงผลสีพื้นหลังในโหมดกลางคืนสำหรับ Staff Components */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .welcome-banner,
[data-bs-theme="dark"] .action-card,
[data-bs-theme="dark"] .profile-header,
[data-bs-theme="dark"] .search-bar,
[data-bs-theme="dark"] .project-card,
[data-bs-theme="dark"] .farmer-card {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color);
}

[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .page-subtitle {
    color: var(--text-muted) !important;
}

[data-bs-theme="dark"] .breadcrumb a,
[data-bs-theme="dark"] .breadcrumb span {
    color: var(--text-muted);
}

/* Custom Staff Elements */
.status-badge.task-pending {
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
}
.status-badge.task-ongoing {
    background: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
}
.status-badge.task-done {
    background: rgba(25, 135, 84, 0.1);
    color: #198754;
}

/* Mobile Optimization Overrides */
@media (max-width: 992px) {
    .baka-sidebar {
        background-color: var(--baka-sidebar-bg);
    }
}