/* 1. TOPBAR & LOGO */
.fi-topbar {
    background-color: #7c2d12 !important;
    border-bottom: 1px solid #7c2d12 !important;
    backdrop-filter: blur(8px);
}

.dark .fi-topbar {
    background-color: rgba(124, 45, 18, 0.8) !important;
    border-bottom: 1px solid rgba(124, 45, 18, 0.8) !important;
}

.fi-logo,
.fi-topbar-item-button svg,
.fi-topbar-item-button {
    color: #fed7aa !important;
    font-weight: 700;
}

.dark .fi-logo,
.dark .fi-topbar-item-button svg {
    color: #fed7aa !important;
}

/* 2. TOPBAR SEARCH FIELD & FOCUS STATES */
.fi-global-search-field .fi-input-wrp {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    --tw-ring-color: transparent !important;
    box-shadow: none !important;
}

.fi-global-search-field .fi-input-wrp:focus-within {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: #fed7aa !important;
    box-shadow: 0 0 0 2px rgba(254, 215, 170, 0.4) !important;
}

.fi-global-search-field input {
    color: #f5ece1 !important;
    border: none !important;
    outline: none !important;
}

.fi-global-search-field input::placeholder {
    color: #f1c58f !important;
    opacity: 0.5;
}

.fi-global-search-field .fi-input-wrp-prefix svg,
.fi-global-search-field .fi-loading-indicator {
    color: #fed7aa !important;
}

.dark .fi-global-search-field .fi-input-wrp {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(251, 146, 60, 0.2) !important;
}

.dark .fi-global-search-field .fi-input-wrp:focus-within {
    border-color: #fed7aa !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0 0 0 2px rgba(254, 215, 170, 0.2) !important;
}

/* 3. SIDEBAR CONTAINER */
.fi-sidebar {
    background-color: #f5ece1 !important;
    border-right: 1px solid #f5ece1 !important;
}

.dark .fi-sidebar {
    background-color: #5e4f3f !important;
    border-right: 1px solid #5e4f3f !important;
}

/* 4. SIDEBAR ITEMS (Nav Links) */
.fi-sidebar-item-btn .fi-sidebar-item-label,
.fi-sidebar-item-btn .fi-sidebar-item-icon {
    color: #7c2d12 !important;
}

.dark .fi-sidebar-item-btn .fi-sidebar-item-label,
.dark .fi-sidebar-item-btn .fi-sidebar-item-icon {
    color: #fed7aa !important;
}

.fi-sidebar-item-btn:hover {
    background-color: rgba(124, 45, 18, 0.05) !important;
}

.dark .fi-sidebar-item-btn:hover {
    background-color: rgba(254, 215, 170, 0.05) !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background-color: #7c2d12 !important;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: #fed7aa !important;
}

/* 5. NAVIGATION CONTROLS (Toggles & Separators) */
.fi-topbar-close-collapse-sidebar-btn,
.fi-topbar-open-sidebar-btn,
.fi-breadcrumbs-item-separator {
    color: #7c2d12 !important;
}

.fi-topbar-collapse-sidebar-btn-ctn svg,
.fi-topbar-open-collapse-sidebar-btn svg {
    color: #fed7aa !important;
}

.dark .fi-topbar-close-collapse-sidebar-btn,
.dark .fi-topbar-open-sidebar-btn,
.dark .fi-breadcrumbs-item-separator {
    color: #fed7aa !important;
    opacity: 0.4;
}

/* 6. BREADCRUMBS TEXT */
.fi-breadcrumbs-item-label {
    color: #7c2d12 !important;
    font-weight: 600;
}

.dark .fi-breadcrumbs-item-label {
    color: rgba(254, 215, 170, 0.6) !important;
}

/* 7. GLOBAL LAYOUT */
.fi-layout {
    background-color: #f5ece1 !important;
}

.dark .fi-layout {
    background-color: #5e4f3f !important;
}

.fi-main-ctn {
    background-color: transparent !important;
}

.fi-main {
    padding-bottom: 80px !important;
}

/* 8. SIDEBAR GROUP HEADERS */
.fi-sidebar-group-btn {
    background-color: transparent !important;
}

.fi-sidebar-group-label {
    color: #7c2d12 !important;
    font-weight: 800 !important;
    opacity: 0.7;
}

.dark .fi-sidebar-group-label {
    color: #fed7aa !important;
    opacity: 0.5;
}

.fi-sidebar-group-btn:hover {
    background-color: rgba(124, 45, 18, 0.03) !important;
}

.dark .fi-sidebar-group-btn:hover {
    background-color: rgba(254, 215, 170, 0.03) !important;
}

/* 9. SIDEBAR GROUP COLLAPSE CHEVRON */
.fi-sidebar-group-collapse-btn,
.fi-sidebar-group-collapse-btn svg {
    color: #7c2d12 !important;
}

.dark .fi-sidebar-group-collapse-btn,
.dark .fi-sidebar-group-collapse-btn svg {
    color: #fed7aa !important;
}

/* 10. USER MENU & DROPDOWN PANELS */
.fi-dropdown-panel {
    background-color: #f5ece1 !important;
    border: 1px solid rgba(124, 45, 18, 0.1) !important;
}

.dark .fi-dropdown-panel {
    background-color: #5e4f3f !important;
    border: 1px solid rgba(254, 215, 170, 0.1) !important;
}

/* Dividers between sections */
.fi-dropdown-list {
    border-top: 1px solid rgba(124, 45, 18, 0.1) !important;
}

.dark .fi-dropdown-list {
    border-top: 1px solid rgba(254, 215, 170, 0.1) !important;
}

/* Dropdown Header (Username) */
.fi-dropdown-header,
.fi-dropdown-header span,
.fi-dropdown-header svg {
    color: #7c2d12 !important;
}

.dark .fi-dropdown-header,
.dark .fi-dropdown-header span,
.dark .fi-dropdown-header svg {
    color: #fed7aa !important;
}

/* Theme Switcher */
.fi-theme-switcher-btn {
    color: #7c2d12 !important;
    opacity: 0.4;
}

.fi-theme-switcher-btn.fi-active {
    background-color: rgba(124, 45, 18, 0.1) !important;
    color: #7c2d12 !important;
    opacity: 1 !important;
}

.dark .fi-theme-switcher-btn {
    color: #fed7aa !important;
    opacity: 0.3;
}

.dark .fi-theme-switcher-btn.fi-active {
    background-color: rgba(254, 215, 170, 0.1) !important;
    color: #fed7aa !important;
    opacity: 1 !important;
}

/* Sign Out & List Items */
.fi-dropdown-list-item,
.fi-dropdown-list-item-label,
.fi-dropdown-list-item svg {
    color: #7c2d12 !important;
}

.dark .fi-dropdown-list-item,
.dark .fi-dropdown-list-item-label,
.dark .fi-dropdown-list-item svg {
    color: #fed7aa !important;
}

.fi-dropdown-list-item:hover {
    background-color: rgba(255, 68, 5, 0.05) !important;
}

.dark .fi-dropdown-list-item:hover {
    background-color: rgba(254, 215, 170, 0.05) !important;
}

/* 11. USER AVATAR & INITIALS */
.fi-user-avatar {
    filter: sepia(100%) hue-rotate(330deg) brightness(80%) saturate(200%) !important;
    border: 2px solid rgba(254, 215, 170, 0.4) !important;
    background-color: #7c2d12 !important;
}

.dark .fi-user-avatar {
    filter: sepia(100%) hue-rotate(330deg) brightness(110%) saturate(150%) !important;
    border-color: rgba(124, 45, 18, 0.6) !important;
}

.fi-user-menu-trigger:hover .fi-user-avatar {
    filter: sepia(100%) hue-rotate(330deg) brightness(100%) saturate(250%) !important;
    border-color: #fed7aa !important;
}

/* 12. CONTENT SURFACES & HEADINGS (Cards, Tables, Forms) */
.fi-section,
.fi-ta-ctn,
.fi-modal-window {
    background-color: #faf6f0 !important;
    border: 1px solid rgba(124, 45, 18, 0.15) !important;
    box-shadow: 0 4px 6px -1px rgba(124, 45, 18, 0.05) !important;
}

.fi-header-heading,
.fi-ta-header-cell-label,
.fi-ta-header-cell,
.fi-section-header-heading,
.fi-repeater-header-heading {
    color: #7c2d12 !important;
    font-weight: 700 !important;
}

.fi-ta-header-cell {
    background-color: transparent !important;
}

.dark .fi-section,
.dark .fi-ta-ctn,
.dark .fi-modal-window {
    background-color: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(254, 215, 170, 0.1) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2) !important;
}

.dark .fi-header-heading,
.dark .fi-ta-header-cell-label,
.dark .fi-ta-header-cell,
.dark .fi-section-header-heading,
.dark .fi-repeater-header-heading {
    color: #fed7aa !important;
}

.fi-ta-row,
.fi-section-header {
    border-color: rgba(124, 45, 18, 0.1) !important;
}

.dark .fi-ta-row,
.dark .fi-section-header {
    border-color: rgba(254, 215, 170, 0.05) !important;
}

/* 13. FORM INPUTS, LABELS, PLACEHOLDERS & REMARKS */
.fi-fo-field-label,
.fi-fo-field-label-content {
    color: #7c2d12 !important;
    font-weight: 600 !important;
}

/* Fixes the black text when a Date or Text is selected/typed */
.fi-input,
.fi-fo-text-input input,
.fi-fo-date-time-picker input {
    color: #7c2d12 !important;
    /* Orange-900 */
    font-weight: 400 !important;
}

/* Fixes the "Remarks" (Helper Text / Description) appearing black */
.fi-fo-field-wrp-helper-text,
.fi-fo-field-wrp-description,
.fi-fo-field-wrp-helper-text span {
    color: #7c2d12 !important;
    opacity: 0.8;
}

.fi-input::placeholder,
.fi-textarea::placeholder {
    color: rgba(124, 45, 18, 0.5) !important;
}

.fi-select-button .text-gray-500,
.fi-select-button .text-gray-400 {
    color: rgba(124, 45, 18, 0.6) !important;
}

/* --- Dark Mode --- */
.dark .fi-fo-field-label,
.dark .fi-fo-field-label-content,
.dark .fi-input,
.dark .fi-fo-field-wrp-helper-text {
    color: #fed7aa !important;
}

.dark .fi-input::placeholder,
.dark .fi-textarea::placeholder {
    color: rgba(254, 215, 170, 0.5) !important;
}

/* 14. RADIO LABELS & SECONDARY BUTTONS (Unified Cancel/Create Another) */
.fi-fo-radio-label-text,
.fi-fo-radio-label-text p,
.fi-checkbox-group-option-label,
.fi-radio-group-option-label {
    color: #7c2d12 !important;
    font-weight: 500 !important;
}

/* Unified Secondary Buttons (Cancel, Create Another, Repeater Add) */
.fi-btn.fi-color-gray,
.fi-fo-repeater-add .fi-btn,
.fi-ac-btn-action:not(.fi-color-primary) {
    background-color: #faf6f0 !important;
    /* Matches Create Another background */
    color: #7c2d12 !important;
    border: 1px solid rgba(124, 45, 18, 0.15) !important;
    font-weight: 500 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

/* Unified Hover States */
.fi-btn.fi-color-gray:hover,
.fi-btn.fi-color-gray:focus-visible,
.fi-fo-repeater-add .fi-btn:hover,
.fi-ac-btn-action:not(.fi-color-primary):hover {
    background-color: rgba(124, 45, 18, 0.08) !important;
    border-color: rgba(124, 45, 18, 0.3) !important;
    color: #7c2d12 !important;
}

/* --- Dark Mode --- */
.dark .fi-fo-radio-label-text,
.dark .fi-checkbox-group-option-label {
    color: #fed7aa !important;
}

.dark .fi-btn.fi-color-gray,
.dark .fi-ac-btn-action:not(.fi-color-primary) {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(254, 215, 170, 0.2) !important;
    color: #fed7aa !important;
}

.dark .fi-btn.fi-color-gray:hover,
.dark .fi-ac-btn-action:not(.fi-color-primary):hover {
    background-color: rgba(254, 215, 170, 0.08) !important;
    color: #fed7aa !important;
}

/* 15. GLOBAL ICON SCALING */
.fi-icon.fi-size-md,
.fi-sidebar-item-icon {
    width: 1.15rem !important;
    height: 1.15rem !important;
}

.fi-icon.fi-size-lg {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.fi-icon.fi-size-sm {
    width: 0.9rem !important;
    height: 0.9rem !important;
}

.fi-user-avatar {
    width: 2rem !important;
    height: 2rem !important;
}

/* 17. AUTHENTICATION & LOGIN PAGE */
body {
    background-color: #f5ece1 !important;
}

.fi-simple-main {
    background-color: #faf6f0 !important;
    border: 1px solid rgba(124, 45, 18, 0.15) !important;
    box-shadow: 0 4px 6px -1px rgba(124, 45, 18, 0.05) !important;
}

.fi-simple-header-heading {
    color: #7c2d12 !important;
    font-weight: 700 !important;
}

.dark body {
    background-color: #5e4f3f !important;
}

.dark .fi-simple-main {
    background-color: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(254, 215, 170, 0.1) !important;
}

.dark .fi-simple-header-heading {
    color: #fed7aa !important;
}

/* 18. LOGIN PAGE & PRIMARY BUTTON OVERRIDES */

/* 1. The App Name / Logo (Restricted to the Login Page!) */
.fi-simple-header .fi-logo {
    color: #7c2d12 !important;
    /* Orange-900 */
    font-weight: 800 !important;
    font-size: 1.5rem !important;
}

/* 2. The Input Fields & Wrappers */
.fi-input-wrp,
.fi-input {
    background-color: #f5ece1 !important;
    color: #7c2d12 !important;
    border: none !important;
}

.fi-input-wrp {
    box-shadow: inset 0 0 0 1px rgba(124, 45, 18, 0.2) !important;
}

.fi-input {
    background-color: transparent !important;
    color: #7c2d12 !important;
}

.fi-input-wrp:focus-within {
    box-shadow: inset 0 0 0 2px #7c2d12 !important;
}

/* The divider line between the input and the eye icon */
.fi-input-wrp-suffix,
.fi-input-wrp-prefix {
    border-color: rgba(124, 45, 18, 0.2) !important;
}

/* 3. Input Icons (Password Eye, etc.) */
.fi-input-wrp .fi-icon-btn {
    color: #7c2d12 !important;
    opacity: 0.7;
}

.fi-input-wrp .fi-icon-btn:hover {
    opacity: 1;
}

/* 4. The "Remember me" Checkbox */
.fi-checkbox-input {
    background-color: #f5ece1 !important;
    border-color: rgba(124, 45, 18, 0.4) !important;
}

.fi-checkbox-input:checked {
    background-color: #7c2d12 !important;
    border-color: #7c2d12 !important;
}

/* 5. Force the Primary Button (Sign in) to your exact theme */
.fi-btn.fi-color-primary {
    background-color: #7c2d12 !important;
    color: #ffffff !important;
    border: none !important;
}

.fi-btn.fi-color-primary:hover,
.fi-btn.fi-color-primary:focus-visible {
    background-color: #63230d !important;
}

/* --- Dark Mode --- */
.dark .fi-simple-header .fi-logo {
    color: #fed7aa !important;
    /* Orange-200 */
}

.dark .fi-input-wrp {
    background-color: rgba(0, 0, 0, 0.2) !important;
    box-shadow: inset 0 0 0 1px rgba(254, 215, 170, 0.2) !important;
}

.dark .fi-input {
    background-color: transparent !important;
    color: #fed7aa !important;
}

.dark .fi-input-wrp:focus-within {
    box-shadow: inset 0 0 0 2px #fed7aa !important;
}

.dark .fi-input-wrp-suffix,
.dark .fi-input-wrp-prefix {
    border-color: rgba(254, 215, 170, 0.2) !important;
}

.dark .fi-input-wrp .fi-icon-btn {
    color: #fed7aa !important;
}

.dark .fi-checkbox-input {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(254, 215, 170, 0.3) !important;
}

.dark .fi-checkbox-input:checked {
    background-color: #c85610 !important;
    border-color: #c85610 !important;
}

.dark .fi-btn.fi-color-primary {
    background-color: #c85610 !important;
    color: #ffffff !important;
}

.dark .fi-btn.fi-color-primary:hover,
.dark .fi-btn.fi-color-primary:focus-visible {
    background-color: #e88836 !important;
}

/* 19. GLOBAL SEARCH DROPDOWN RESULTS */
.fi-global-search-results-ctn {
    background-color: #faf6f0 !important;
    border: 1px solid rgba(124, 45, 18, 0.15) !important;
}

.fi-global-search-result-group-label,
.fi-global-search-results-ctn h3,
.fi-global-search-results-ctn .text-sm.font-semibold {
    color: #7c2d12 !important;
    font-weight: 800 !important;
}

.fi-global-search-result-title {
    color: #7c2d12 !important;
    font-weight: 700 !important;
}

.fi-global-search-result-details,
.fi-global-search-result-details dt,
.fi-global-search-result-details dd {
    color: rgba(124, 45, 18, 0.75) !important;
}

.fi-global-search-result-link:hover {
    background-color: rgba(124, 45, 18, 0.06) !important;
}

.dark .fi-global-search-results-ctn {
    background-color: #5e4f3f !important;
    border: 1px solid rgba(254, 215, 170, 0.1) !important;
}

.dark .fi-global-search-result-group-label,
.dark .fi-global-search-results-ctn h3,
.dark .fi-global-search-results-ctn .text-sm.font-semibold {
    color: #fed7aa !important;
}

.dark .fi-global-search-result-title {
    color: #fed7aa !important;
}

.dark .fi-global-search-result-details,
.dark .fi-global-search-result-details dt,
.dark .fi-global-search-result-details dd {
    color: rgba(254, 215, 170, 0.65) !important;
}

.dark .fi-global-search-result-link:hover {
    background-color: rgba(254, 215, 170, 0.06) !important;
}

/* 20. TABLE BODY TEXT & FOOTERS */
.fi-ta-text-item,
.fi-ta-text,
.fi-ta-cell {
    color: #7c2d12 !important;
}

.fi-copyable {
    color: #7c2d12 !important;
    transition: opacity 0.2s;
}

.fi-copyable:hover {
    opacity: 0.7;
}

.fi-ta-footer,
.fi-ta-footer p,
.fi-ta-footer span {
    color: rgba(124, 45, 18, 0.8) !important;
}

.dark .fi-ta-text-item,
.dark .fi-ta-text,
.dark .fi-ta-cell,
.dark .fi-copyable {
    color: #fed7aa !important;
}

.dark .fi-ta-footer,
.dark .fi-ta-footer p,
.dark .fi-ta-footer span {
    color: rgba(254, 215, 170, 0.8) !important;
}

/* 21. UNIFIED SELECT COMPONENTS (Final Theme Color Fix) */

/* 1. SHARED WRAPPER & DROPDOWN PANELS */
.fi-fo-select .fi-input-wrp,
.fi-fo-select-native .fi-input-wrp,
.fi-select-input-wrp,
.fi-dropdown-panel,
.fi-select-input-search-ctn {
    background-color: #f5ece1 !important;
    border: none !important;
    box-shadow: inset 0 0 0 1px rgba(124, 45, 18, 0.2) !important;
}

/* 2. THE TEXT COLOR FIX (Forces Orange-900 on Selected Values) */
.fi-select-input,
/* Native Selected Text */
.fi-select-input-value-label,
/* Searchable Selected Text */
.fi-select-input-btn span:not(.fi-select-input-placeholder),
.fi-fo-select .text-gray-900,
.fi-dropdown-list-item,
.fi-select-input-option span {
    color: #7c2d12 !important;
    /* Your Theme Orange */
    font-weight: 400 !important;
    background-color: transparent !important;
}

/* 3. NATIVE OPTION LIST BACKGROUNDS */
.fi-select-input option {
    background-color: #f5ece1 !important;
    color: #7c2d12 !important;
}

/* 4. UNIFIED PLACEHOLDER STYLING (0.5 Opacity) */
.fi-select-input:has(option[value=""]:checked),
.fi-select-input-placeholder,
.fi-fo-select .text-gray-400,
.fi-fo-select .text-gray-500 {
    color: rgba(124, 45, 18, 0.5) !important;
    font-weight: 400 !important;
}

/* 5. HOVER & ACTIVE HIGHLIGHTS */
.fi-dropdown-list-item:hover,
.fi-dropdown-list-item:focus,
.fi-select-input-option[aria-selected="true"],
.fi-select-input-option.fi-active {
    background-color: rgba(124, 45, 18, 0.1) !important;
}

/* 6. ICONS & ACTIONS */
.fi-input-wrp-suffix,
.fi-select-input-trigger-icon,
.fi-input-wrp-suffix svg {
    color: #7c2d12 !important;
}

/* 7. FOCUS STATE */
.fi-input-wrp:focus-within,
.fi-select-input-wrp:focus-within {
    box-shadow: inset 0 0 0 2px #7c2d12 !important;
}

/* --- DARK MODE --- */
.dark .fi-select-input,
.dark .fi-select-input-value-label,
.dark .fi-select-input-btn span {
    color: #fed7aa !important;
    /* Orange-200 */
}

.dark .fi-fo-select .fi-input-wrp,
.dark .fi-fo-select-native .fi-input-wrp,
.dark .fi-dropdown-panel {
    background-color: #5e4f3f !important;
}

/* 22. TABS NAVIGATION STYLING */
.fi-tabs-item-active {
    background-color: rgba(124, 45, 18) !important;
    border-bottom: 2px solid #7c2d12 !important;
    color: #7c2d12 !important;
    /* Ensures active text matches your orange */
}

.fi-tabs-item {
    transition: all 0.2s ease !important;
}

.fi-tabs-item:hover {
    color: #7c2d12 !important;
    background-color: rgba(124, 45, 18, 0.03) !important;
}

/* Dark Mode Support */
.dark .fi-tabs-item-active {
    background-color: rgba(254, 215, 170, 0.1) !important;
    border-bottom-color: #fed7aa !important;
    color: #fed7aa !important;
}

.dark .fi-tabs-item:hover {
    color: #fed7aa !important;
}

/* 23. READ-ONLY & DISABLED COMPONENTS */
/* Targets Standard Inputs, Selects, and the Searchable Dropdown Button Labels */
.fi-input-wrp.fi-disabled input,
.fi-input-wrp.fi-disabled select,
.fi-input-wrp.fi-disabled textarea,
.fi-input-wrp.fi-disabled .fi-select-input-value-label,
/* <--- Searchable Label */
.fi-input-wrp.fi-disabled .fi-select-input-btn,
/* <--- The Button Wrapper */
input:disabled,
select:disabled,
textarea:disabled,
button:disabled .fi-select-input-value-label {
    -webkit-text-fill-color: #a88477 !important;
    color: #a88477 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
    background-color: transparent !important;
}

/* Dark Mode Support */
.dark .fi-input-wrp.fi-disabled input,
.dark .fi-input-wrp.fi-disabled select,
.dark .fi-input-wrp.fi-disabled textarea,
.dark .fi-input-wrp.fi-disabled .fi-select-input-value-label,
.dark .fi-input-wrp.fi-disabled .fi-select-input-btn,
.dark input:disabled,
.dark select:disabled,
.dark textarea:disabled,
.dark button:disabled .fi-select-input-value-label {
    -webkit-text-fill-color: #fed7aa !important;
    color: #fed7aa !important;
    opacity: 1 !important;
}

/* Fix for the little "X" (Clear) and "Chevron" icons in disabled state */
.fi-disabled .fi-select-input-trigger-icon,
.fi-disabled .fi-input-wrp-suffix svg,
.fi-disabled .fi-select-input-value-remove-btn svg {
    color: #7c2d12 !important;
    opacity: 0.5 !important;
    /* Keep icons slightly faded so they don't distract from text */
}

.dark .fi-disabled .fi-select-input-trigger-icon,
.dark .fi-disabled .fi-input-wrp-suffix svg {
    color: #fed7aa !important;
}

/* ==========================================================================
   24. CUSTOM CLINICAL OVERVIEW & ADVISOR CARDS
   ========================================================================== */

/* A. Patient Summary Profile Card */
.cbss-patient-card {
    background-color: #faf6f0 !important;
    border: 1px solid rgba(124, 45, 18, 0.15) !important;
    color: #7c2d12 !important;
}
.cbss-patient-card-header {
    border-color: rgba(124, 45, 18, 0.15) !important;
}
.cbss-patient-card-grid {
    background-color: #f5ece1 !important;
    border: 1px solid rgba(124, 45, 18, 0.1) !important;
    color: #7c2d12 !important;
}
.cbss-patient-card-vitals {
    background-color: rgba(124, 45, 18, 0.05) !important;
    color: #7c2d12 !important;
}
.cbss-patient-card-bullets-container {
    border-color: rgba(124, 45, 18, 0.15) !important;
}
.cbss-patient-card-bullets {
    color: rgba(124, 45, 18, 0.8) !important;
}

/* B. Vitals Intake Advisor - First Consultation (Green/Emerald Theme Accent) */
.cbss-vitals-first {
    background-color: rgba(220, 252, 231, 0.4) !important; /* Soft Emerald */
    border: 1px solid rgba(34, 197, 94, 0.2) !important;
    color: #14532d !important;
}

/* C. Vitals Intake Advisor - Subsequent Consultation (Orange/Amber Theme Accent) */
.cbss-vitals-subsequent {
    background-color: rgba(254, 243, 199, 0.4) !important; /* Soft Warm Amber */
    border: 1px solid rgba(245, 158, 11, 0.2) !important;
    color: #78350f !important;
}

/* D. Oncology Active Profile Card */
.cbss-oncology-card {
    background-color: rgba(254, 242, 242, 0.4) !important; /* Soft Rose Red tint */
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
    color: #991b1b !important;
}
.cbss-oncology-card-header {
    border-color: rgba(239, 68, 68, 0.2) !important;
}

/* ================= Dark Mode Overrides ================= */
.dark .cbss-patient-card {
    background-color: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(254, 215, 170, 0.1) !important;
    color: #fed7aa !important;
}
.dark .cbss-patient-card-header {
    border-color: rgba(254, 215, 170, 0.1) !important;
}
.dark .cbss-patient-card-grid {
    background-color: rgba(94, 79, 63, 0.3) !important;
    border: 1px solid rgba(254, 215, 170, 0.05) !important;
    color: #fed7aa !important;
}
.dark .cbss-patient-card-vitals {
    background-color: rgba(254, 215, 170, 0.05) !important;
    color: #fed7aa !important;
}
.dark .cbss-patient-card-bullets-container {
    border-color: rgba(254, 215, 170, 0.1) !important;
}
.dark .cbss-patient-card-bullets {
    color: rgba(254, 215, 170, 0.8) !important;
}
.dark .cbss-vitals-first {
    background-color: rgba(6, 78, 59, 0.3) !important;
    border: 1px solid rgba(52, 211, 153, 0.2) !important;
    color: #a7f3d0 !important;
}
.dark .cbss-vitals-subsequent {
    background-color: rgba(120, 53, 15, 0.3) !important;
    border: 1px solid rgba(251, 146, 60, 0.2) !important;
    color: #fed7aa !important;
}
.dark .cbss-oncology-card {
    background-color: rgba(153, 27, 27, 0.2) !important;
    border: 1px solid rgba(248, 113, 113, 0.2) !important;
    color: #fca5a5 !important;
}
.dark .cbss-oncology-card-header {
    border-color: rgba(248, 113, 113, 0.2) !important;
}