/*
 * Copyright (c) D3V Services Limited on behalf of their client.
 * All code used in this development is either the property of D3V or their client and is not to be altered or reproduced without prior written consent from either of the above.
 */

.filament-logo.env-indicator-local {
    filter: brightness(0) saturate(100%) invert(45%) sepia(62%) saturate(4187%) hue-rotate(213deg) brightness(99%) contrast(91%);

}

.filament-logo.env-indicator-staging {
    filter: brightness(0) saturate(100%) invert(69%) sepia(56%) saturate(6289%) hue-rotate(12deg) brightness(101%) contrast(96%);
}

.urgent {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

.filament-tables-row.urgent {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

/* To ensure text within cells is also white */
.filament-tables-row.urgent td,
.filament-tables-row.urgent th {
    color: #ffffff !important;
}

/* For better accessibility, you might want to style links differently */
.filament-tables-row.urgent a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

a[href*="assets"] .fi-sidebar-item-icon {
    color: #f59e0b !important; /* Orange */
}

a.fi-sidebar-item-button[href*="assets"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="asset-map"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="client-asset-health"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="asset-inspections"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="asset-groups"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="asset-types"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="wheel-layouts"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="asset-datasets"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="asset-issues"] .fi-sidebar-item-icon {
    color: #8f06a7 !important; /* purple */
}

a.fi-sidebar-item-button[href*="jobs"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="job-types"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href="https://fleetmate.test"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href="https://admin.fleetmate.co"] .fi-sidebar-item-icon {
    color: dodgerblue !important; /* blue */
}

a.fi-sidebar-item-button[href*="clients"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="parent-clients"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="users"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="staff"] .fi-sidebar-item-icon {
    color: #34D399 !important; /* green */
}

a.fi-sidebar-item-button[href*="service-settings"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="service-centre-map"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="service-centres"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="service-reasons"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="affiliate-dashboard"] .fi-sidebar-item-icon,
a.fi-sidebar-item-button[href*="service-types"] .fi-sidebar-item-icon {
    color: orange !important; /* orange */
}

/* iOS Dropdown Z-Index Fix - Fixes dropdown appearing behind content on iOS devices */
@supports (-webkit-touch-callout: none) {
    /* iOS-specific detection */
    /* Apply z-index and minimal transform only to the panel wrapper, not interactive elements */
    .fi-dropdown-panel {
        z-index: 99999 !important;
        /* Create stacking context for iOS without breaking positioning */
        isolation: isolate;
    }
    
    /* Ensure dropdown list container has proper z-index */
    .fi-dropdown-list {
        z-index: inherit;
        position: relative;
    }
    
    /* Ensure topbar doesn't interfere with dropdown positioning */
    .fi-topbar {
        z-index: 1000 !important;
    }
}

/* General dropdown z-index fix for all browsers - ensures dropdown is above table rows and other content */
.fi-dropdown-panel {
    z-index: 9999 !important;
}