/* Axxium Branding for Traccar - Light Theme */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500&display=swap');

/* Login Screen ONLY - Blue sidebar to grey */
body:not([class]) div[style*="rgb(55, 91, 200)"],
body:not([class]) div[style*="#375bc8"] {
    background-color: #d6d6d6 !important;
}

/* Override fonts globally */
* {
    font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 300;
}

/* Main app background - Light */
body, #root {
    background-color: #f5f5f5 !important;
}

/* AppBar / Toolbar */
.MuiAppBar-root, .MuiToolbar-root {
    background-color: #ffffff !important;
    border-bottom: 2px solid #44fe00 !important;
    color: #0a0a0a !important;
}

/* Drawer / Sidebar - WHITE */
.MuiDrawer-paper {
    background-color: #ffffff !important;
    border-right: 1px solid #d6d6d6 !important;
}

/* Paper / Cards */
.MuiPaper-root {
    background-color: #ffffff !important;
    color: #0a0a0a !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* List items */
.MuiListItem-root {
    color: #0a0a0a !important;
}

.MuiListItem-root:hover {
    background-color: rgba(68, 254, 0, 0.1) !important;
}

.MuiListItemButton-root.Mui-selected {
    background-color: rgba(68, 254, 0, 0.15) !important;
    border-left: 4px solid #44fe00 !important;
}

/* Text colors */
.MuiTypography-root, .MuiListItemText-primary {
    color: #0a0a0a !important;
}

.MuiListItemText-secondary {
    color: #6c757d !important;
}

/* Icons */
.MuiSvgIcon-root {
    color: #0a0a0a !important;
}

/* BUTTONS - GREY NOT GREEN */
.MuiButton-root, .MuiIconButton-root {
    color: #0a0a0a !important;
}

.MuiButton-contained, .MuiButton-containedPrimary {
    background-color: #c0c0c0 !important;
    color: #0a0a0a !important;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

.MuiButton-contained:hover, .MuiButton-containedPrimary:hover {
    background-color: #a0a0a0 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
}

.MuiButton-outlined {
    border-color: #999999 !important;
    color: #0a0a0a !important;
    border-width: 2px !important;
}

.MuiButton-outlined:hover {
    background-color: rgba(68, 254, 0, 0.1) !important;
    border-color: #44fe00 !important;
}

.MuiButton-text {
    color: #0a0a0a !important;
}

.MuiButton-text:hover {
    background-color: rgba(68, 254, 0, 0.1) !important;
}

/* Form fields */
.MuiTextField-root, .MuiOutlinedInput-root {
    background-color: #ffffff !important;
}

.MuiOutlinedInput-notchedOutline {
    border-color: #d6d6d6 !important;
}

.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
    border-color: #44fe00 !important;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: #44fe00 !important;
    border-width: 2px !important;
}

.MuiInputLabel-root {
    color: #6c757d !important;
}

.MuiInputLabel-root.Mui-focused {
    color: #44fe00 !important;
    font-weight: 400;
}

.MuiInputBase-input {
    color: #0a0a0a !important;
}

/* Tables */
.MuiTable-root {
    background-color: #ffffff !important;
}

.MuiTableHead-root {
    background-color: #f5f5f5 !important;
}

.MuiTableHead-root .MuiTableCell-root {
    font-weight: 500 !important;
    border-bottom: 2px solid #44fe00 !important;
}

.MuiTableCell-root {
    color: #0a0a0a !important;
    border-color: #d6d6d6 !important;
}

.MuiTableRow-root:hover {
    background-color: rgba(68, 254, 0, 0.05) !important;
}

.MuiTableRow-root.Mui-selected {
    background-color: rgba(68, 254, 0, 0.1) !important;
}

/* Tabs */
.MuiTabs-root {
    background-color: #ffffff !important;
    border-bottom: 1px solid #d6d6d6 !important;
}

.MuiTab-root {
    color: #6c757d !important;
    font-weight: 400;
}

.MuiTab-root.Mui-selected {
    color: #0a0a0a !important;
    font-weight: 500;
}

.MuiTabs-indicator {
    background-color: #44fe00 !important;
    height: 3px !important;
}

/* Switches and checkboxes */
.MuiSwitch-track {
    background-color: #d6d6d6 !important;
}

.MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
    background-color: #44fe00 !important;
}

.MuiSwitch-switchBase.Mui-checked {
    color: #44fe00 !important;
}

.MuiCheckbox-root {
    color: #6c757d !important;
}

.MuiCheckbox-root.Mui-checked {
    color: #44fe00 !important;
}

.MuiRadio-root {
    color: #6c757d !important;
}

.MuiRadio-root.Mui-checked {
    color: #44fe00 !important;
}

/* Chips */
.MuiChip-root {
    background-color: #f5f5f5 !important;
    color: #0a0a0a !important;
    border: 1px solid #d6d6d6 !important;
}

.MuiChip-filled {
    background-color: #44fe00 !important;
    color: #0a0a0a !important;
    font-weight: 400;
}

/* Dividers */
.MuiDivider-root {
    border-color: #d6d6d6 !important;
}

/* Menu items */
.MuiMenuItem-root {
    color: #0a0a0a !important;
}

.MuiMenuItem-root:hover {
    background-color: rgba(68, 254, 0, 0.1) !important;
}

.MuiMenuItem-root.Mui-selected {
    background-color: rgba(68, 254, 0, 0.15) !important;
    font-weight: 400;
}

/* Popovers and menus */
.MuiPopover-paper, .MuiMenu-paper {
    background-color: #ffffff !important;
    border: 1px solid #d6d6d6 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

/* Map controls */
.maplibregl-ctrl-group {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

.maplibregl-ctrl-group button {
    background-color: #ffffff !important;
    color: #0a0a0a !important;
}

.maplibregl-ctrl-group button:hover {
    background-color: #44fe00 !important;
    color: #0a0a0a !important;
}

.maplibregl-ctrl-group button + button {
    border-top: 1px solid #d6d6d6 !important;
}

/* Scrollbars */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    background-color: #44fe00;
    border-radius: 6px;
    border: 2px solid #f5f5f5;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #55ff11;
}

::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius: 6px;
}

/* Links */
a {
    color: #44fe00 !important;
    text-decoration: none !important;
}

a:hover {
    color: #55ff11 !important;
    text-decoration: underline !important;
}

/* Dialogs */
.MuiDialog-paper {
    background-color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
}

.MuiDialogTitle-root {
    border-bottom: 2px solid #44fe00 !important;
    color: #0a0a0a !important;
    font-weight: 500;
}

/* Snackbar / Notifications */
.MuiSnackbar-root .MuiPaper-root {
    background-color: #ffffff !important;
    color: #0a0a0a !important;
    border-left: 4px solid #44fe00 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

/* Progress indicators */
.MuiCircularProgress-root {
    color: #44fe00 !important;
}

.MuiLinearProgress-bar {
    background-color: #44fe00 !important;
}

.MuiLinearProgress-root {
    background-color: #d6d6d6 !important;
}

/* Tooltips */
.MuiTooltip-tooltip {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    font-size: 0.875rem !important;
}

.MuiTooltip-arrow {
    color: #0a0a0a !important;
}

/* Accordion */
.MuiAccordion-root {
    background-color: #ffffff !important;
    border: 1px solid #d6d6d6 !important;
}

.MuiAccordionSummary-root {
    border-bottom: 1px solid #d6d6d6 !important;
}

.MuiAccordionSummary-root.Mui-expanded {
    border-bottom-color: #44fe00 !important;
}

/* Badges */
.MuiBadge-badge {
    background-color: #44fe00 !important;
    color: #0a0a0a !important;
    font-weight: 500;
}