/**
 * CarGPS Custom Styles
 * Based on Traccar - Licensed under Apache License 2.0
 *
 * This file contains custom styling for CarGPS branding
 * inspired by the reference design.
 */

:root {
  --cargps-primary: #10B981;
  --cargps-primary-dark: #059669;
  --cargps-primary-light: #34D399;
  --cargps-sidebar-bg: #1F2937;
  --cargps-sidebar-hover: #374151;
  --cargps-text-light: #F9FAFB;
  --cargps-border: #E5E7EB;
}

/* Override primary colors in light mode */
body:not(.dark-mode) {
  --primary-color: var(--cargps-primary);
  --primary-hover: var(--cargps-primary-dark);
}

/* Green accent for buttons and interactive elements */
.MuiButton-containedPrimary {
  background-color: var(--cargps-primary) !important;
}

.MuiButton-containedPrimary:hover {
  background-color: var(--cargps-primary-dark) !important;
}

/* Sidebar styling (if applicable) */
.sidebar {
  background-color: var(--cargps-sidebar-bg) !important;
}

.sidebar-item:hover {
  background-color: var(--cargps-sidebar-hover) !important;
}

/* Navigation bar styling */
.MuiAppBar-root {
  background-color: var(--cargps-primary) !important;
}

/* Tab styling for Mapa/Satelitní toggle */
.MuiToggleButton-root.Mui-selected {
  background-color: var(--cargps-primary) !important;
  color: white !important;
}

/* Map controls */
.maplibregl-ctrl-group button {
  border-color: var(--cargps-border);
}

.maplibregl-ctrl-group button:hover {
  background-color: var(--cargps-primary-light);
}

/* Cards and panels */
.MuiCard-root {
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

/* Vehicle/device cards with green accents */
.device-card-active {
  border-left: 4px solid var(--cargps-primary);
}

/* Status indicators */
.status-online {
  color: var(--cargps-primary) !important;
}

/* Attribution footer (REQUIRED for Apache License 2.0) */
.traccar-attribution {
  font-size: 0.75rem;
  color: #6B7280;
  text-align: center;
  padding: 8px;
  border-top: 1px solid var(--cargps-border);
}

.traccar-attribution a {
  color: var(--cargps-primary);
  text-decoration: none;
}

.traccar-attribution a:hover {
  text-decoration: underline;
}

/* Loading spinner with CarGPS colors */
.loader {
  border-right-color: var(--cargps-primary) !important;
}

/* Form inputs focus state */
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--cargps-primary) !important;
}

/* Checkbox and radio button colors */
.MuiCheckbox-root.Mui-checked,
.MuiRadio-root.Mui-checked {
  color: var(--cargps-primary) !important;
}

/* Switch toggle colors */
.MuiSwitch-switchBase.Mui-checked {
  color: var(--cargps-primary) !important;
}

.MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: var(--cargps-primary) !important;
}

/* Links */
a {
  color: var(--cargps-primary);
}

a:hover {
  color: var(--cargps-primary-dark);
}

/* Selected items in lists */
.MuiListItem-root.Mui-selected {
  background-color: rgba(16, 185, 129, 0.08) !important;
}

.MuiListItem-root.Mui-selected:hover {
  background-color: rgba(16, 185, 129, 0.12) !important;
}

/* Tabs */
.MuiTab-root.Mui-selected {
  color: var(--cargps-primary) !important;
}

.MuiTabs-indicator {
  background-color: var(--cargps-primary) !important;
}

/* Badges */
.MuiBadge-badge {
  background-color: var(--cargps-primary) !important;
}

/* Progress indicators */
.MuiLinearProgress-bar {
  background-color: var(--cargps-primary) !important;
}

.MuiCircularProgress-root {
  color: var(--cargps-primary) !important;
}