/* FluxCore CRM Custom Theme - Orange Light Theme */

:root {
    /* Primary Colors */
    --fc-primary: hsl(27 100% 50%);
    --fc-primary-hover: #E8850D;
    --fc-primary-light: #FFF5E6;
    --fc-primary-dark: #D47B0A;

    /* Background Colors */
    --fc-bg-main: #FFFFFF;
    --fc-bg-light: #F8F9FA;
    --fc-bg-card: #FFFFFF;
    --fc-bg-dark: #333333;

    /* Text Colors */
    --fc-text-primary: #333333;
    --fc-text-secondary: #6C757D;
    --fc-text-muted: #9CA3AF;
    --fc-text-light: #FFFFFF;

    /* Border Colors */
    --fc-border: #E5E5E5;
    --fc-border-light: #F0F0F0;

    /* Status Colors */
    --fc-success: #28A745;
    --fc-warning: #FFC107;
    --fc-danger: #DC3545;
    --fc-info: #17A2B8;
}

/* Global Styles */
body {
    background-color: var(--fc-bg-light) !important;
    color: var(--fc-text-primary) !important;
    font-family: 'Figtree', sans-serif;
}

/* Override Bootstrap dark classes */
.bg-dark {
    background-color: var(--fc-bg-light) !important;
}

.text-white {
    color: var(--fc-text-primary) !important;
}

.text-secondary {
    color: var(--fc-text-secondary) !important;
}

.border-secondary {
    border-color: var(--fc-border) !important;
}

/* Navbar Styling */
.navbar {
    background-color: var(--fc-bg-card) !important;
    border-bottom: 1px solid var(--fc-border) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.navbar-dark {
    background-color: var(--fc-bg-card) !important;
}

.navbar-dark .navbar-brand,
.navbar-dark .nav-link {
    color: var(--fc-text-primary) !important;
}

.navbar-dark .nav-link:hover,
.navbar-dark .nav-link.active {
    color: var(--fc-primary) !important;
}

.navbar-dark .navbar-toggler-icon {
    filter: invert(1) grayscale(1) brightness(0);
}

/* Dropdown Menus */
.dropdown-menu-dark {
    background-color: var(--fc-bg-card) !important;
    border: 1px solid var(--fc-border);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.dropdown-menu-dark .dropdown-item {
    color: var(--fc-text-primary) !important;
}

.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
    background-color: var(--fc-primary-light) !important;
    color: var(--fc-primary) !important;
}

.dropdown-menu-dark .dropdown-item.active {
    background-color: var(--fc-primary) !important;
    color: var(--fc-text-light) !important;
}

.dropdown-divider {
    border-color: var(--fc-border) !important;
}

/* Cards */
.card {
    background-color: var(--fc-bg-card) !important;
    border: 1px solid var(--fc-border) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.card.bg-dark {
    background-color: var(--fc-bg-card) !important;
}

.card-header {
    background-color: var(--fc-bg-card) !important;
    border-bottom-color: var(--fc-border) !important;
}

.card-body {
    color: var(--fc-text-primary);
}

/* Primary Button */
.btn-primary {
    background-color: var(--fc-primary) !important;
    border-color: var(--fc-primary) !important;
    color: var(--fc-text-light) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--fc-primary-hover) !important;
    border-color: var(--fc-primary-hover) !important;
}

/* Outline Buttons */
.btn-outline-primary {
    color: var(--fc-primary) !important;
    border-color: var(--fc-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--fc-primary) !important;
    color: var(--fc-text-light) !important;
}

.btn-outline-secondary {
    color: var(--fc-text-secondary) !important;
    border-color: var(--fc-border) !important;
}

.btn-outline-secondary:hover {
    background-color: var(--fc-bg-light) !important;
    color: var(--fc-text-primary) !important;
}

.btn-outline-light {
    color: var(--fc-text-secondary) !important;
    border-color: var(--fc-border) !important;
}

.btn-outline-light:hover {
    background-color: var(--fc-bg-light) !important;
    color: var(--fc-text-primary) !important;
}

/* Tables */
.table-dark {
    --bs-table-bg: var(--fc-bg-card);
    --bs-table-color: var(--fc-text-primary);
    --bs-table-border-color: var(--fc-border);
    --bs-table-hover-bg: var(--fc-primary-light);
    --bs-table-hover-color: var(--fc-text-primary);
}

.table-dark th {
    background-color: var(--fc-bg-light) !important;
    color: var(--fc-text-secondary) !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.table-dark td {
    color: var(--fc-text-primary) !important;
}

/* Forms */
.form-control {
    background-color: var(--fc-bg-card) !important;
    border-color: var(--fc-border) !important;
    color: var(--fc-text-primary) !important;
}

.form-control:focus {
    border-color: var(--fc-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(247, 147, 30, 0.25) !important;
}

.form-select {
    background-color: var(--fc-bg-card) !important;
    border-color: var(--fc-border) !important;
    color: var(--fc-text-primary) !important;
}

.form-select:focus {
    border-color: var(--fc-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(247, 147, 30, 0.25) !important;
}

.form-label,
.input-label {
    color: var(--fc-text-secondary) !important;
    font-weight: 500;
}

.input-group-text {
    background-color: var(--fc-bg-light) !important;
    border-color: var(--fc-border) !important;
    color: var(--fc-text-secondary) !important;
}

/* Alert Bar (Info/Proprietary) */
.alert-dark,
.bg-dark.border-secondary.rounded {
    background-color: var(--fc-bg-dark) !important;
    color: var(--fc-text-light) !important;
}

/* Stat Cards with Icon Backgrounds */
.bg-primary.bg-opacity-10,
.bg-info.bg-opacity-10,
.bg-success.bg-opacity-10,
.bg-warning.bg-opacity-10 {
    background-color: var(--fc-primary-light) !important;
}

.text-primary,
.text-info,
.text-success,
.text-warning {
    color: var(--fc-primary) !important;
}

/* Badges */
.badge.bg-primary,
.badge.bg-info,
.badge.bg-success,
.badge.bg-warning {
    background-color: var(--fc-primary-light) !important;
    color: var(--fc-primary) !important;
}

.badge.bg-secondary {
    background-color: var(--fc-bg-light) !important;
    color: var(--fc-text-secondary) !important;
}

.badge.bg-danger {
    background-color: #FEE2E2 !important;
    color: #DC3545 !important;
}

/* Status Badges */
.badge.bg-warning.bg-opacity-10 {
    background-color: #FEF3C7 !important;
    color: #D97706 !important;
}

.badge.bg-success.bg-opacity-10 {
    background-color: #D1FAE5 !important;
    color: #059669 !important;
}

.badge.bg-info.bg-opacity-10 {
    background-color: var(--fc-primary-light) !important;
    color: var(--fc-primary) !important;
}

/* Links */
a.text-info {
    color: var(--fc-primary) !important;
}

a.text-info:hover {
    color: var(--fc-primary-hover) !important;
}

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--fc-text-primary) !important;
}

/* Page Headers */
header.bg-dark {
    background-color: var(--fc-bg-card) !important;
    border-bottom: 1px solid var(--fc-border) !important;
}

/* Main Content Area */
main {
    background-color: var(--fc-bg-light);
}

.min-vh-100.bg-dark {
    background-color: var(--fc-bg-light) !important;
}

.py-5.bg-dark {
    background-color: var(--fc-bg-light) !important;
}

/* Icon backgrounds */
.rounded.p-2.bg-primary.bg-opacity-10,
.rounded.p-2.bg-info.bg-opacity-10,
.rounded.p-2.bg-success.bg-opacity-10,
.rounded.p-2.bg-warning.bg-opacity-10 {
    background-color: var(--fc-primary-light) !important;
}

.rounded.p-2 i.bi {
    color: var(--fc-primary) !important;
}

/* Section Headers */
.border-bottom.border-secondary {
    border-bottom-color: var(--fc-border) !important;
}

/* Attachments */
.card.bg-black.bg-opacity-25 {
    background-color: var(--fc-bg-light) !important;
}

/* Shadow utilities */
.shadow-lg {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Pagination */
.pagination .page-link {
    /*color: var(--fc-primary);*/
    border-color: var(--fc-border);
}
.pagination .page-item.active .page-link {
    background-color: var(--fc-primary);
    border-color: var(--fc-primary);
}

/* Override text-white-50 */
.text-white-50 {
    color: var(--fc-text-muted) !important;
}

/* Logo area brand color */
.bg-primary.rounded,
.bg-indigo-600,
[style*="bg-indigo"],
.navbar-brand div[style] {
    background-color: var(--fc-primary) !important;
}

/* Tab navigation style (for Cost Breakdown tabs) */
.nav-tabs {
    border-bottom: 1px solid var(--fc-border);
}

.nav-tabs .nav-link {
    color: var(--fc-text-secondary);
    border: none;
    border-bottom: 2px solid transparent;
}

.nav-tabs .nav-link:hover {
    color: var(--fc-primary);
    border-bottom-color: var(--fc-primary-light);
}

.nav-tabs .nav-link.active {
    color: var(--fc-primary);
    border-bottom-color: var(--fc-primary);
    background-color: transparent;
}

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

::-webkit-scrollbar-track {
    background: var(--fc-bg-light);
}

::-webkit-scrollbar-thumb {
    background: var(--fc-border);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--fc-text-muted);
}

/* Additional overrides for navbar text colors */
.navbar .nav-link,
.navbar .navbar-brand span {
    color: var(--fc-text-primary) !important;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: var(--fc-primary) !important;
}

/* Override inline indigo styles */
.border-indigo-500 {
    border-color: var(--fc-border) !important;
}

/* Ensure all card text is dark */
.card .text-white,
.card-header .text-white,
.card-body .text-white {
    color: var(--fc-text-primary) !important;
}

/* Fix .fw-medium text color */
.fw-medium {
    color: var(--fc-text-primary) !important;
}

/* Project Manager specific pills and badges */
.badge.border {
    border-color: var(--fc-primary) !important;
}

/* Money/Financial text highlighting */
.text-success:not(.bi) {
    color: #059669 !important;
}

/* Table header styling */
thead tr {
    background-color: var(--fc-bg-light) !important;
}

/* Ensure forms in dark cards are visible */
.card .form-control,
.card .form-select {
    background-color: var(--fc-bg-card) !important;
    color: var(--fc-text-primary) !important;
    border-color: var(--fc-border) !important;
}

/* Override body bg-dark class */
body.bg-dark {
    background-color: var(--fc-bg-light) !important;
}

body.text-white {
    color: var(--fc-text-primary) !important;
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #ff730010 0%, #ff730020 45%, #ff73000d 100%);
}

.bg-icon-primary {
    background: #ff73000d !important;

}

.bg-icon-primary i {
    color: #ff7300;

}