/* ==================== LIGHT MODE ==================== */

body {
    background-color: #F5EEE8 !important;
}

header {
    /* background-color: #dacfc6 !important; */
    border-bottom: 1px solid #E2D8CF!important;
}

div[dusk="global-search-component"] {
    display: none !important;
}

div.rounded-lg {
    border-radius: 0px!important;
}

h1,
a.link-footer,
div[dusk="content"] button.text-gray-600,
div[dusk="content"] p.text-center,
header .text-gray-600,
header .text-gray-500,
.sidebar-menu .text-gray-600,
.sidebar-menu .text-gray-500 {
    color: #5B552F !important;
}

.hover\:\[\&\:not\(\:disabled\)\]\:text-primary-500:not(:disabled):hover,
div[dusk="content"] .link-default:hover {
    color: #F59C27 !important;
}

.hover\:bg-primary-400:hover,
.hover\:\[\&\:not\(\:disabled\)\]\:border-primary-400:not(:disabled):hover {
    border: 0px solid #5B552F !important;
    text-decoration: underline;
}

.hover\:bg-gray-200:hover {
    background-color: #F59C27 !important;
}

header {
    border-bottom: 2px solid #5B552F;
}

.content .text-gray-500,
.content .text-gray-600,
#nova-ui-dropdown-menu-v-1 .text-gray-500,
#nova-ui-dropdown-menu-v-1 .text-gray-600 {
    color: #5B552F !important;
}

.bg-primary-500 {
    background-color: #F59C27 !important;
}

a.rounded {
    border-radius: 0px!important;
}

div.rounded {
    border-radius: 0px!important;
}

a.shadow {
    box-shadow: none!important;
}

div.shadow {
    box-shadow: none!important;
}

/* ==================== DARK MODE ==================== */

body.dark,
body.dark header {
    background-color: #292716 !important;
}

body.dark h1,
body.dark a.link-footer,
body.dark div[dusk="content"] button.text-gray-600,
body.dark div[dusk="content"] p.text-center,
body.dark header .text-gray-600,
body.dark header .text-gray-500,
body.dark .sidebar-menu .text-gray-600,
body.dark .sidebar-menu .text-gray-500 {
    color: #fff !important;
}

body.dark .hover\:\[\&\:not\(\:disabled\)\]\:text-primary-500:not(:disabled):hover,
body.dark div[dusk="content"] .link-default:hover {
    color: #F59C27 !important;
}

body.dark .hover\:bg-primary-400:hover,
body.dark .hover\:\[\&\:not\(\:disabled\)\]\:border-primary-400:not(:disabled):hover {
    border: 0px solid #9E9A7E !important;
    text-decoration: underline;
}

body.dark .hover\:bg-gray-200:hover {
    background-color: #F59C27 !important;
}

body.dark header {
    border-bottom: 2px solid #9E9A7E;
}

body.dark .content .text-gray-500,
body.dark .content .text-gray-600,
body.dark #nova-ui-dropdown-menu-v-1 .text-gray-500,
body.dark #nova-ui-dropdown-menu-v-1 .text-gray-600 {
    color: #9E9A7E !important;
}

body.dark .bg-primary-500 {
    background-color: #F59C27 !important;
}

a.dark .text-gray-500,
a.dark .text-gray-800 {
    color: #fff!important;
}

a.dark span {
    color: #fff!important;
}

/* ==================== DARK MODE FIXES ==================== */

/* Force header background in dark mode */
body.dark header,
.dark header {
    background-color: #292716 !important;
}

/* Target all dark: prefixed bg classes */
.dark\:bg-white,
.dark\:bg-gray-50,
.dark\:bg-gray-100,
.dark\:bg-gray-200 {
    background-color: #292716 !important;
}

/* Force text colors in dark mode */
.dark\:text-gray-700,
.dark\:text-gray-800,
.dark\:text-gray-900 {
    color: #fff !important;
}

/* Button text in dark mode */
button.dark\:text-gray-800,
a.dark\:text-gray-800 {
    color: #fff !important;
}

/* Target specific button/link combinations */
.inline-flex.dark\:text-gray-800,
.inline-flex.dark\:bg-white {
    color: #fff !important;
    background-color: #F59C27 !important;
}

/* Remove gray overlays */
.dark\:bg-gray-50,
.dark\:bg-gray-100,
.dark\:bg-gray-200,
.dark\:bg-white {
    background-color: #292716 !important;
}

/* Header elements */
header .dark\:text-gray-600,
header .dark\:text-gray-500 {
    color: #9E9A7E !important;
}

/* Dropdown menus */
#nova-ui-dropdown-menu-v-1.dark\:bg-white {
    background-color: #292716 !important;
}

/* ==================== DARK MODE TEXT/ICON OVERRIDES ==================== */

/* Force ALL text colors in dark mode to white or tan */
body.dark {
    color: #fff !important;
}

body.dark *,
body.dark *::before,
body.dark *::after {
    color: #fff !important;
}

/* Override specific gray text colors */
body.dark .text-gray-400,
body.dark .text-gray-500,
body.dark .text-gray-600,
body.dark .text-gray-700,
body.dark .text-gray-800,
body.dark .text-gray-900 {
    color: #9E9A7E !important;
}

/* SVG icons in dark mode */
body.dark svg,
body.dark svg * {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}

/* Icon elements */
body.dark [class*="icon"],
body.dark i,
body.dark .svg {
    color: #fff !important;
}

/* Tailwind dark: prefixed text classes */
body.dark .dark\:text-gray-600,
body.dark .dark\:text-gray-500,
body.dark .dark\:text-gray-400 {
    color: #9E9A7E !important;
}

body.dark .dark\:text-white,
body.dark .dark\:text-gray-200,
body.dark .dark\:text-gray-300 {
    color: #fff !important;
}

/* Buttons and links */
body.dark button,
body.dark a,
body.dark span {
    color: #fff !important;
}

/* Header text */
body.dark header,
body.dark header * {
    color: #9E9A7E !important;
}

body.dark header .text-white,
body.dark header a.text-white {
    color: #fff !important;
}

/* Sidebar */
body.dark .sidebar-menu,
body.dark .sidebar-menu * {
    color: #9E9A7E !important;
}

/* Content area */
body.dark [dusk="content"],
body.dark [dusk="content"] * {
    color: #fff !important;
}

body.dark [dusk="content"] .text-gray-500,
body.dark [dusk="content"] .text-gray-600 {
    color: #9E9A7E !important;
}

/* Inputs and forms */
body.dark input,
body.dark textarea,
body.dark select {
    color: #fff !important;
    background-color: #3a3629 !important;
    border-color: #5B552F !important;
}

/* Placeholder text */
body.dark input::placeholder,
body.dark textarea::placeholder {
    color: #9E9A7E !important;
}

.dark body.bg-gray-100 {
    background: #403e2e!important;
    color: #fff!important;
}

.dark body.text-gray-400 {
    color: #fff!important;
}

.dark h1,
.dark a.link-footer,
.dark div[dusk="content"] button.text-gray-600,
.dark div[dusk="content"] p.text-center,
.dark .sidebar-menu .text-gray-600,
.dark .sidebar-menu .text-gray-500 {
    color: #fff !important;
}

.dark header {
    background: #292716!important;
    border-bottom: 1px solid #9E9A7E!important;
}

.dark header .text-gray-600,
.dark header .text-gray-500 {
    color: #9E9A7E!important;
}

.dark .bg-gray-100 {
    background-color: #9E9A7E!important;
}

.dark .bg-gray-800 {
    background-color: #292716!important;
}

html.dark .bg-gray-100 {
    background-color: #403e2e !important;
}

html.dark .bg-gray-800 {
    background-color: #292716 !important;
}

html.dark .dark\:bg-gray-800 {
    background-color: #292716 !important;
}

html.dark .dark\:bg-gray-900 {
    background-color: #292716 !important;
}

html.dark .dark\:bg-white {
    background-color: #292716 !important;
}

html.dark .dark\:bg-gray-50 {
    background-color: #292716 !important;
}

// border

/* Override divide colors with max specificity */
.dark\:divide-gray-100:is(.dark *)>:not([hidden])~:not([hidden]) {
    border-color: #9E9A7E !important;
}

/* Target the actual border elements */
.dark * .divide-gray-100 {
    border-color: #9E9A7E !important;
}

/* Use CSS variables override */
html.dark {
    /* --tw-divide-opacity: 1; */
}

html.dark .divide-gray-100,
html.dark .divide-gray-300,
html.dark .divide-gray-700 {
    border-color: #9E9A7E !important;
}

/* Specific color values */
/* [style*="border-color"] {
    border-color: #9E9A7E !important;
} */

/* Last resort - inline style override */
html.dark div.divide-gray-100,
html.dark div.divide-gray-300,
html.dark div.divide-gray-700,
html.dark [class*="divide"] {
    border-color: #9E9A7E !important;
}

.dark div.divide-gray-700{
    border-color: #fff!important;
}