/**
 * Mobile dark theme — full chrome coverage.
 * Applied when <html class="theme-dark">.
 */

html.theme-dark {
	color-scheme: dark;
	--brand: #923A91;
	--brand-mid: #BA68B8;
	--brand-deep: #6A1B68;
	--brand-soft: rgba(146, 58, 145, 0.22);
	--brand-soft-strong: rgba(146, 58, 145, 0.32);
	--surface: #0F1115;
	--card: #1A1D24;
	--text: #E8EAED;
	--text-strong: #F3F4F6;
	--muted: #9AA3B2;
	--border: #2A3140;
	--border-strong: #3A4458;
	--shadow-card: 0 8px 22px rgba(0, 0, 0, 0.4);
	--shadow-elevated: 0 14px 34px rgba(0, 0, 0, 0.5);
}

html.theme-dark,
html.theme-dark body {
	background: var(--surface) !important;
	color: var(--text) !important;
}

html.theme-dark #loading_panel,
html.theme-dark #loading_data_panel {
	background-color: var(--surface) !important;
	color: var(--text) !important;
}

/* ---------- Pages / headers ---------- */
html.theme-dark .page,
html.theme-dark .page > .content-block,
html.theme-dark .page > .content-block > .scroll,
html.theme-dark #page_events > .content-block,
html.theme-dark #page_places > .content-block,
html.theme-dark #page_events > .content-block > .scroll,
html.theme-dark #page_places > .content-block > .scroll {
	background: var(--surface) !important;
	color: var(--text) !important;
}

html.theme-dark .page .header,
html.theme-dark .page .mobile-page-header {
	background: var(--card) !important;
	border-bottom-color: var(--border) !important;
	color: var(--text-strong) !important;
}

html.theme-dark .page .header .title,
html.theme-dark .page .mobile-page-lead,
html.theme-dark .page h4,
html.theme-dark #page_history h4,
html.theme-dark #page_object_control h4,
html.theme-dark #page_settings h4 {
	color: var(--text-strong) !important;
}

html.theme-dark .page .mobile-page-lead,
html.theme-dark .help-block {
	color: var(--muted) !important;
}

html.theme-dark .page .mobile-page-icon-button,
html.theme-dark .page .close-page-button {
	color: var(--text-strong) !important;
	background: transparent !important;
}

/* Settings / history / control white cards */
html.theme-dark #page_history .form-group,
html.theme-dark #page_object_control .form-group,
html.theme-dark #page_settings .form-group,
html.theme-dark #page_history .scroll > .row.vertical-align {
	background: linear-gradient(180deg, #1E232C 0%, #1A1D24 100%) !important;
	border-color: var(--border) !important;
	box-shadow: var(--shadow-card) !important;
	color: var(--text) !important;
}

html.theme-dark #page_history .form-group .row > [class*="col-xs-"]:first-child,
html.theme-dark #page_object_control .form-group .row > [class*="col-xs-"]:first-child,
html.theme-dark #page_settings .form-group .row > [class*="col-xs-"]:first-child,
html.theme-dark #page_history .scroll > .row.vertical-align > [class*="col-xs-"]:first-child {
	color: var(--muted) !important;
}

html.theme-dark .mobile-settings-widget-row,
html.theme-dark .mobile-settings-widgets {
	background: #171A21 !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark .mobile-settings-widget-row.is-checked {
	background: var(--brand-soft) !important;
	border-color: var(--brand-mid) !important;
}

/* Forms */
html.theme-dark .form-control,
html.theme-dark select.form-control,
html.theme-dark input.form-control,
html.theme-dark textarea.form-control,
html.theme-dark .mobile-report-filters .form-control,
html.theme-dark .mobile-report-filters .input-group .form-control,
html.theme-dark #page_history .form-control,
html.theme-dark #page_object_control .form-control,
html.theme-dark #page_settings .form-control {
	background-color: #12151C !important;
	border-color: var(--border-strong) !important;
	color: var(--text-strong) !important;
}

html.theme-dark .form-control:focus {
	border-color: var(--brand-mid) !important;
	box-shadow: 0 0 0 3px var(--brand-soft) !important;
}

html.theme-dark .form-control option {
	background: #1E1E1E;
	color: var(--text);
}

html.theme-dark .input-group-addon,
html.theme-dark .mobile-report-filters .input-group-addon {
	background: #2A2F3A !important;
	border-color: var(--border-strong) !important;
	color: var(--text) !important;
}

html.theme-dark .mobile-page-search,
html.theme-dark .page .input-group.form-group.btn-group {
	background: var(--card) !important;
	border-color: var(--border) !important;
}

html.theme-dark .mobile-page-search .form-control,
html.theme-dark .page .mobile-page-search .form-control {
	background: #12151C !important;
	color: var(--text-strong) !important;
}

/* ---------- Menu (بیشتر) ---------- */
html.theme-dark #page_menu {
	background: linear-gradient(180deg, #141820 0%, #0F1115 100%) !important;
	border-right-color: var(--border) !important;
	color: var(--text) !important;
	box-shadow: 20px 0 48px rgba(0, 0, 0, 0.45) !important;
}

html.theme-dark #page_menu .menu-panel-header {
	background: #1E232C !important;
	border-color: var(--border) !important;
	box-shadow: none !important;
}

html.theme-dark #page_menu .menu-panel-title {
	color: var(--brand-mid) !important;
}

html.theme-dark #page_menu .menu-panel-subtitle {
	color: var(--muted) !important;
}

html.theme-dark #page_menu .close-menu-button {
	background: #2A2F3A !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
	box-shadow: none !important;
}

html.theme-dark #page_menu ul.menu li a {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
	box-shadow: none !important;
}

html.theme-dark #page_menu ul.menu li a span.label {
	color: var(--text-strong) !important;
}

html.theme-dark #page_menu ul.menu li a svg,
html.theme-dark #page_menu ul.menu li a i {
	color: var(--brand-mid) !important;
	background: var(--brand-soft) !important;
}

html.theme-dark #page_menu ul.menu li.active a {
	background: linear-gradient(135deg, rgba(146, 58, 145, 0.28), #242830) !important;
	border-color: rgba(146, 58, 145, 0.45) !important;
}

html.theme-dark #page_menu ul.menu li.active a span.label {
	color: var(--brand-mid) !important;
}

html.theme-dark #page_menu .buttons-block a,
html.theme-dark #page_menu .buttons-block a .label,
html.theme-dark #page_menu .buttons-block .logout-btn {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
}

/* ---------- Bottom nav ---------- */
html.theme-dark .mobile-bottom-nav {
	background: #141820 !important;
	border-top-color: var(--border) !important;
	box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.4) !important;
}

html.theme-dark .mobile-bottom-nav-item,
html.theme-dark .mobile-bottom-nav-label {
	color: var(--muted) !important;
}

html.theme-dark .mobile-bottom-nav-item.is-active,
html.theme-dark .mobile-bottom-nav-item.is-active .mobile-bottom-nav-label {
	color: var(--brand-mid) !important;
}

/* ---------- Dashboard ---------- */
html.theme-dark .mobile-dashboard-card,
html.theme-dark #page_dashboard_custom .mobile-dashboard-card {
	background: var(--card) !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
	box-shadow: var(--shadow-card) !important;
}

html.theme-dark .mobile-dashboard-metric,
html.theme-dark #page_dashboard_custom .mobile-dashboard-metric,
html.theme-dark .mobile-dashboard-metrics > *,
html.theme-dark .mobile-dashboard-speed,
html.theme-dark .mobile-dashboard-event-card {
	background: #171A21 !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark .mobile-dashboard-muted,
html.theme-dark .mobile-dashboard-sub,
html.theme-dark .mobile-dashboard-label {
	color: var(--muted) !important;
}

html.theme-dark .mobile-dashboard-hero {
	/* keep brand gradient */
	color: #fff !important;
}

html.theme-dark #page_dashboard_custom .mobile-page-header,
html.theme-dark #page_dashboard_custom .header {
	background: var(--card) !important;
}

/* ---------- Fleet / objects / events ---------- */
html.theme-dark #page_objects .fleet-object-card,
html.theme-dark #page_objects #page_object_list .fleet-object-card {
	background: var(--card) !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark #page_objects .fleet-object-name {
	color: var(--text-strong) !important;
}

html.theme-dark #page_objects .fleet-object-imei,
html.theme-dark #page_objects .fleet-object-address {
	color: var(--muted) !important;
}

html.theme-dark #page_objects .fleet-object-group-header {
	background: var(--surface) !important;
	border-color: var(--border) !important;
}

html.theme-dark #page_objects .fleet-object-group-header:active {
	background: rgba(255, 255, 255, 0.04) !important;
}

html.theme-dark #page_objects .fleet-object-group-chevron {
	border-color: var(--muted) !important;
}

html.theme-dark #page_objects .fleet-object-group-title {
	color: var(--text-strong) !important;
}

html.theme-dark #page_objects .fleet-object-group-count {
	background: rgba(167, 139, 250, 0.16) !important;
	color: var(--accent) !important;
}

html.theme-dark #page_objects .fleet-object-sensor {
	background: rgba(255, 255, 255, 0.04) !important;
}

html.theme-dark #page_objects .fleet-object-sensor-label {
	color: var(--muted) !important;
}

html.theme-dark #page_objects .fleet-object-sensor-value {
	color: var(--text-strong) !important;
}

html.theme-dark .mobile-dashboard-picker-group-header {
	background: var(--surface) !important;
	border-color: var(--border) !important;
}

html.theme-dark .mobile-dashboard-picker-group-title {
	color: var(--text-strong) !important;
}

html.theme-dark .mobile-dashboard-picker-group-count {
	background: rgba(167, 139, 250, 0.16) !important;
	color: var(--accent) !important;
}

html.theme-dark .mobile-dashboard-picker-group-header.is-full {
	background: rgba(167, 139, 250, 0.12) !important;
	border-color: rgba(167, 139, 250, 0.24) !important;
}

html.theme-dark .mobile-dashboard-picker-group-check {
	accent-color: var(--accent) !important;
}

html.theme-dark #page_objects .fleet-group-btn.is-active {
	background: rgba(167, 139, 250, 0.14) !important;
	border-color: rgba(167, 139, 250, 0.28) !important;
	color: var(--accent) !important;
}

html.theme-dark #page_objects .fleet-object-action.is-alerts {
	background: rgba(248, 113, 113, 0.12) !important;
	border-color: rgba(248, 113, 113, 0.24) !important;
	color: #fca5a5 !important;
}

html.theme-dark .mobile-history-view-control {
	background: rgba(15, 23, 42, 0.94) !important;
	border-color: var(--border) !important;
}

html.theme-dark #page_objects .fleet-scroll-top {
	background: rgba(30, 35, 44, 0.96) !important;
	border-color: var(--border) !important;
	color: var(--accent) !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
}

html.theme-dark .mobile-history-view-control a {
	color: var(--accent) !important;
}

html.theme-dark .mobile-history-view-control a.disabled {
	color: var(--muted) !important;
}

html.theme-dark #page_objects .fleet-summary-metric,
html.theme-dark .fleet-summary {
	background: var(--card) !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark #page_events .event-row,
html.theme-dark #page_events .event-row .item {
	background: var(--card) !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark #page_events .event-row .name,
html.theme-dark #page_events .event-row .imei {
	color: var(--text) !important;
}

html.theme-dark #page_events .event-row .date {
	background: var(--brand-soft) !important;
	color: var(--brand-mid) !important;
}

html.theme-dark .list-group-item,
html.theme-dark .page .list-group > a.list-group-item,
html.theme-dark .page .list-group > .list-group-item:not(.fleet-object-card),
html.theme-dark #page_places .list-group-item {
	background: var(--card) !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark #page_places .places-section,
html.theme-dark #page_places .places-section-title {
	background: transparent !important;
	color: var(--text) !important;
}

/* ---------- Reports ---------- */
html.theme-dark .mobile-report-section,
html.theme-dark .mobile-report-card,
html.theme-dark .mobile-generated-card {
	background: var(--card) !important;
	border-color: var(--border) !important;
	box-shadow: var(--shadow-card) !important;
	color: var(--text) !important;
}

html.theme-dark .mobile-report-section-heading h4,
html.theme-dark .mobile-report-section-title,
html.theme-dark .mobile-report-card-title {
	color: var(--text-strong) !important;
}

html.theme-dark .mobile-report-label,
html.theme-dark .mobile-report-card-meta {
	color: var(--muted) !important;
}

html.theme-dark .mobile-report-action-button {
	background: #2A2F3A !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
}

html.theme-dark .mobile-report-action-button.mobile-report-action-primary {
	background: var(--brand) !important;
	color: #fff !important;
}

html.theme-dark .mobile-report-empty {
	color: var(--muted) !important;
}

html.theme-dark .mobile-report-viewer,
html.theme-dark .mobile-report-viewer-header {
	background: var(--card) !important;
	color: var(--text) !important;
	border-color: var(--border) !important;
}

/* ---------- Map chrome / bottom panel ---------- */
html.theme-dark #bottom_panel,
html.theme-dark .bottom-panel,
html.theme-dark #history_navbar,
html.theme-dark .history-navbar,
html.theme-dark #history_playback {
	background: var(--card) !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark #bottom_panel::before {
	background: var(--border) !important;
}

html.theme-dark #bottom_panel_datalist_object_name,
html.theme-dark #bottom_panel {
	color: var(--text) !important;
}

html.theme-dark #map .leaflet-control,
html.theme-dark #map .leaflet-bar a,
html.theme-dark .leaflet-control-layers {
	background: var(--card) !important;
	color: var(--text-strong) !important;
	border-color: var(--border) !important;
}

html.theme-dark #map .leaflet-bar a:hover {
	background: #2A2F3A !important;
}

html.theme-dark #map .leaflet-popup-content-wrapper,
html.theme-dark #map .leaflet-popup-tip {
	background: var(--card) !important;
	color: var(--text) !important;
}

/* ---------- Bootbox / history quick ---------- */
html.theme-dark .modal-content,
html.theme-dark .bootbox-mobile .modal-content,
html.theme-dark .bootbox .modal-content {
	background: linear-gradient(180deg, #1E232C 0%, #1A1D24 100%) !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55) !important;
}

html.theme-dark .modal-header,
html.theme-dark .bootbox-mobile .modal-header,
html.theme-dark .modal-footer,
html.theme-dark .bootbox-mobile .modal-footer {
	background: transparent !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
}

html.theme-dark .modal-title,
html.theme-dark .bootbox-mobile .modal-header .modal-title,
html.theme-dark .modal-body,
html.theme-dark .mobile-dialog-title-text {
	color: var(--text-strong) !important;
}

html.theme-dark .history-quick-actions-title {
	color: var(--text-strong) !important;
}

html.theme-dark .history-quick-actions-subtitle {
	color: var(--muted) !important;
}

html.theme-dark .history-quick-chip,
html.theme-dark .bootbox-mobile .btn-default,
html.theme-dark .bootbox-mobile .btn-mobile-cancel,
html.theme-dark .bootbox-mobile .modal-footer .btn-default {
	background: #2A2F3A !important;
	border-color: var(--border-strong) !important;
	color: var(--text-strong) !important;
}

html.theme-dark .history-quick-chip.is-primary,
html.theme-dark .bootbox-mobile .btn-mobile-confirm,
html.theme-dark .bootbox-mobile .modal-footer .btn-primary,
html.theme-dark .bootbox-mobile.bootbox-tone-info .btn-mobile-confirm,
html.theme-dark .bootbox-mobile.bootbox-tone-info .modal-footer .btn-primary {
	background: var(--brand) !important;
	border-color: var(--brand-deep) !important;
	color: #fff !important;
}

html.theme-dark .bootbox-mobile .bootbox-close-button.close {
	background: #2A2F3A !important;
	color: var(--text) !important;
	opacity: 1;
}

html.theme-dark .modal-backdrop {
	background: #000 !important;
}

/* ---------- Buttons ---------- */
html.theme-dark .btn-default,
html.theme-dark .button,
html.theme-dark .page > .button.button-confirm {
	background: #2A2F3A !important;
	border-color: var(--border-strong) !important;
	color: var(--text-strong) !important;
}

html.theme-dark .btn-primary,
html.theme-dark .button.button-confirm.width100,
html.theme-dark .btn-success,
html.theme-dark #page_settings .button.button-confirm,
html.theme-dark .page > .button.button-confirm.width100 {
	background: var(--brand) !important;
	border-color: var(--brand-deep) !important;
	color: #fff !important;
}

/* ---------- Select2 / datepicker ---------- */
html.theme-dark .select2-container--default .select2-selection--single,
html.theme-dark .select2-container--default .select2-selection--multiple {
	background-color: #12151C !important;
	border-color: var(--border-strong) !important;
	color: var(--text) !important;
}

html.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--text-strong) !important;
}

html.theme-dark .select2-dropdown {
	background-color: #1E1E1E !important;
	border-color: var(--border-strong) !important;
	color: var(--text) !important;
}

html.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--brand) !important;
	color: #fff !important;
}

html.theme-dark .select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #2A2F3A !important;
}

html.theme-dark .datepicker,
html.theme-dark .persian-datepicker,
html.theme-dark .ui-datepicker {
	background: var(--card) !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark .ui-pnotify-container {
	background: var(--card) !important;
	color: var(--text) !important;
	border-color: var(--border) !important;
}

/* ---------- Misc ---------- */
html.theme-dark .panel,
html.theme-dark .panel-default,
html.theme-dark .panel-body,
html.theme-dark .well,
html.theme-dark .thumbnail {
	background-color: var(--card) !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark table,
html.theme-dark .table,
html.theme-dark .table > thead > tr > th,
html.theme-dark .table > tbody > tr > td {
	background-color: var(--card) !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #171A21 !important;
}

html.theme-dark hr {
	border-top-color: var(--border) !important;
}

html.theme-dark a {
	color: var(--brand-mid);
}

html.theme-dark a:hover {
	color: #D4A5D3;
}

html.theme-dark .mobile-network-banner {
	background: #2A2F3A !important;
	color: var(--text-strong) !important;
}

/* ========== Pass 2: leftover white surfaces + contrast ========== */

/* Loading splash: keep true black so logo (dark script on black) stays readable */
html.theme-dark #loading_panel {
	background-color: #000000 !important;
	color: #ffffff !important;
}

html.theme-dark #loading_data_panel {
	background-color: rgba(15, 17, 21, 0.72) !important;
}

/* Bootbox body text was near-invisible (#475467 on dark) */
html.theme-dark .mobile-dialog-message,
html.theme-dark .bootbox-mobile .modal-body,
html.theme-dark .bootbox-mobile .modal-body p,
html.theme-dark .bootbox .modal-body,
html.theme-dark .bootbox .modal-body p,
html.theme-dark .bootbox-body {
	color: var(--text-strong) !important;
}

/* Dashboard white cards that escaped previous rules */
html.theme-dark .mobile-dashboard-quick,
html.theme-dark .mobile-dashboard-gauge-card,
html.theme-dark .mobile-dashboard-metric,
html.theme-dark .mobile-dashboard-metric.is-featured,
html.theme-dark .mobile-dashboard-metric.is-full,
html.theme-dark .mobile-dashboard-event-card,
html.theme-dark #page_dashboard_custom .mobile-dashboard-quick,
html.theme-dark #page_dashboard_custom .mobile-dashboard-gauge-card,
html.theme-dark #page_dashboard_custom .mobile-dashboard-metric,
html.theme-dark #page_dashboard_custom .mobile-dashboard-event-card {
	background: #1E232C !important;
	border-color: var(--border) !important;
	box-shadow: var(--shadow-card) !important;
	color: var(--text) !important;
}

html.theme-dark .mobile-dashboard-quick-item,
html.theme-dark .mobile-dashboard-metric-label,
html.theme-dark .mobile-dashboard-metric-value,
html.theme-dark .mobile-dashboard-event-title,
html.theme-dark .mobile-dashboard-event-value,
html.theme-dark .mobile-dashboard-event-meta,
html.theme-dark .mobile-dashboard-gauge-meta {
	color: var(--text) !important;
}

html.theme-dark .mobile-dashboard-event-card.is-normal {
	background: #13251C !important;
	border-color: #1F4D38 !important;
}

html.theme-dark .mobile-dashboard-event-card.is-alert {
	background: #2A1518 !important;
	border-color: #5C2A32 !important;
}

html.theme-dark .mobile-dashboard-event-title,
html.theme-dark .mobile-dashboard-event-card.is-alert .mobile-dashboard-event-title {
	color: var(--text-strong) !important;
}

html.theme-dark .mobile-dashboard-event-time,
html.theme-dark .mobile-dashboard-event-meta {
	color: var(--muted) !important;
}

html.theme-dark .mobile-dashboard-event-link,
html.theme-dark .mobile-dashboard-event-btn {
	background: var(--brand) !important;
	color: #fff !important;
	border-color: var(--brand-deep) !important;
}

/* Fleet search / filter still white */
html.theme-dark #page_objects .fleet-search-wrap,
html.theme-dark #page_objects .fleet-filter-btn,
html.theme-dark #page_objects .fleet-filter-panel {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
	box-shadow: none !important;
}

html.theme-dark #page_objects .fleet-search-input,
html.theme-dark #page_objects .fleet-search-input:focus {
	background: transparent !important;
	color: var(--text-strong) !important;
}

html.theme-dark #page_objects .fleet-search-icon,
html.theme-dark #page_objects .fleet-search-clear {
	color: var(--muted) !important;
}

html.theme-dark #page_objects .fleet-filter-btn {
	color: var(--brand-mid) !important;
}

html.theme-dark #page_objects .fleet-status-tabs .fleet-status-tab,
html.theme-dark #page_objects .fleet-status-tab {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark #page_objects .fleet-object-action,
html.theme-dark #page_objects .fleet-object-actions .fleet-object-action {
	background: #2A2F3A !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
}

html.theme-dark #page_objects .fleet-object-action.is-history {
	background: transparent !important;
	color: var(--brand-mid) !important;
}

/* Map bottom sheet + peek card */
html.theme-dark #bottom_panel {
	background: #1A1D24 !important;
	border-color: var(--border) !important;
	box-shadow: 0 -16px 40px rgba(0, 0, 0, 0.45) !important;
}

html.theme-dark .bottom-panel-grabber,
html.theme-dark .bottom-panel-peek-handle {
	background: #3A4458 !important;
}

html.theme-dark .bottom-panel-peek {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4) !important;
}

html.theme-dark #bottom_panel .object-name,
html.theme-dark #bottom_panel .name,
html.theme-dark #bottom_panel_datalist_object_name,
html.theme-dark #bottom_panel strong,
html.theme-dark #bottom_panel .title {
	color: var(--text-strong) !important;
}

html.theme-dark #bottom_panel .status,
html.theme-dark #bottom_panel .hint,
html.theme-dark #bottom_panel .imei {
	color: var(--muted) !important;
}

/* Places / markers search + pager + control bar */
html.theme-dark .page .pager,
html.theme-dark #page_events .pager,
html.theme-dark #page_places .places-section .pager {
	background: #1E232C !important;
	border-color: var(--border) !important;
	box-shadow: none !important;
}

html.theme-dark #page_events .pager span,
html.theme-dark #page_places .places-section .pager .label {
	color: var(--muted) !important;
}

html.theme-dark .places-control {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html.theme-dark .places-control .button {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark .places-control .button.active {
	background: var(--brand-soft) !important;
	border-color: var(--brand-mid) !important;
	color: var(--brand-mid) !important;
}

html.theme-dark .page .mobile-page-search,
html.theme-dark #page_places .mobile-page-search,
html.theme-dark #page_events .mobile-page-search {
	background: #1E232C !important;
	border-color: var(--border) !important;
}

/* Layer control on map (white square) */
html.theme-dark .leaflet-control-layers,
html.theme-dark .leaflet-control-layers-toggle,
html.theme-dark #map .leaflet-control-layers {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

/* Dashboard header white pills */
html.theme-dark #page_dashboard_custom .mobile-page-header .btn,
html.theme-dark #page_dashboard_custom .mobile-page-icon-button,
html.theme-dark #page_dashboard_custom .header a,
html.theme-dark #page_dashboard_custom .mobile-dashboard-nav-pill {
	background: #2A2F3A !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
}

html.theme-dark #page_dashboard_custom .mobile-dashboard-brand-header {
	background: #1E232C !important;
	box-shadow: none !important;
	border: 1px solid var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark #page_dashboard_custom .mobile-dashboard-brand-header > #mobile_dashboard_selection_summary,
html.theme-dark #mobile_dashboard_selection_summary {
	background: #2A2F3A !important;
	color: var(--text-strong) !important;
	border-color: var(--border) !important;
}

html.theme-dark .mobile-dashboard-nav-btn,
html.theme-dark .mobile-dashboard-brand-actions a,
html.theme-dark .mobile-dashboard-brand-actions button {
	background: #2A2F3A !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
}

/* ========== Pass 3: arrows from latest screenshots ========== */

/* Dashboard status chips (برق دستگاه / باتری) — these were still white */
html.theme-dark .mobile-dashboard-status-chip,
html.theme-dark .mobile-dashboard-status-rail .mobile-dashboard-status-chip,
html.theme-dark #page_dashboard_custom .mobile-dashboard-status-chip {
	background: #1E232C !important;
	border-color: var(--border) !important;
	box-shadow: var(--shadow-card) !important;
	color: var(--text) !important;
}

html.theme-dark .mobile-dashboard-status-chip-value {
	color: var(--text-strong) !important;
}

html.theme-dark .mobile-dashboard-status-chip-label,
html.theme-dark .mobile-dashboard-status-chip-note {
	color: var(--muted) !important;
}

html.theme-dark .mobile-dashboard-status-chip-icon {
	background: var(--brand-soft) !important;
	color: var(--brand-mid) !important;
}

html.theme-dark .mobile-dashboard-gauge-state {
	color: var(--text-strong) !important;
}

html.theme-dark .mobile-dashboard-gauge-card.is-moving .mobile-dashboard-gauge-state {
	color: #34d399 !important;
}

html.theme-dark .mobile-dashboard-gauge-value {
	color: var(--text-strong) !important;
}

html.theme-dark .mobile-dashboard-gauge-center {
	background: rgba(30, 35, 44, 0.94) !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25) !important;
}

/* Expanded bottom panel: header + info cards */
html.theme-dark .bottom-panel-header,
html.theme-dark .datalist-object-name,
html.theme-dark #bottom_panel .bottom-panel-header,
html.theme-dark #bottom_panel .datalist-object-name {
	background: #1E232C !important;
	box-shadow: none !important;
	border: 1px solid var(--border) !important;
	color: var(--text-strong) !important;
}

html.theme-dark #bottom_panel_datalist_object_name {
	color: var(--brand-mid) !important;
}

html.theme-dark .bottom-panel-subtitle,
html.theme-dark .bottom-panel-hide-button,
html.theme-dark .bottom-panel-close-button {
	color: var(--muted) !important;
}

html.theme-dark .bottom-panel-hide-button:hover,
html.theme-dark .bottom-panel-close-button:hover,
html.theme-dark .bottom-panel-hide-button:active,
html.theme-dark .bottom-panel-close-button:active {
	background: var(--brand-soft) !important;
	color: var(--brand-mid) !important;
}

html.theme-dark .datalist-item,
html.theme-dark .datalist-item.even,
html.theme-dark .datalist-item.odd,
html.theme-dark #bottom_panel .datalist-item,
html.theme-dark #bottom_panel_datalist .datalist-item {
	background: #1E232C !important;
	background-color: #1E232C !important;
	border-color: var(--border) !important;
	box-shadow: none !important;
	color: var(--text) !important;
}

html.theme-dark .datalist-item-name {
	color: var(--muted) !important;
}

html.theme-dark .datalist-item-value,
html.theme-dark .datalist-item-value a {
	color: var(--text-strong) !important;
}

html.theme-dark .datalist-item-icon {
	background-color: var(--brand-soft) !important;
}

/* Map layers control (white square at top) */
html.theme-dark .leaflet-control-layers,
html.theme-dark .leaflet-control-layers.leaflet-control,
html.theme-dark #map .leaflet-control-layers,
html.theme-dark .leaflet-touch .leaflet-control-layers {
	background: #1E232C !important;
	background-color: #1E232C !important;
	border-color: var(--border) !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4) !important;
	color: var(--text) !important;
}

html.theme-dark .leaflet-control-layers a,
html.theme-dark .leaflet-control-layers-toggle,
html.theme-dark #map .leaflet-control-layers a {
	background-color: transparent !important;
	color: var(--text-strong) !important;
}

html.theme-dark .leaflet-control-layers-expanded {
	background: #1E232C !important;
	color: var(--brand-mid) !important;
}

html.theme-dark .leaflet-bar,
html.theme-dark .leaflet-bar a,
html.theme-dark #map .leaflet-bar a {
	background-color: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
}

/* Map layers modal */
html.theme-dark #modal_maps .modal-content {
	background: linear-gradient(180deg, #141820 0%, #0F1115 100%) !important;
}

html.theme-dark .map-modal-header,
html.theme-dark .map-layer-card,
html.theme-dark .map-layer-toggle {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
	box-shadow: none !important;
}

html.theme-dark .map-modal-title,
html.theme-dark .map-layer-card-name {
	color: var(--text-strong) !important;
}

html.theme-dark .map-modal-subtitle,
html.theme-dark .map-modal-section-title,
html.theme-dark .map-layer-card-provider {
	color: var(--muted) !important;
}

html.theme-dark .map-modal-close {
	background: #2A2F3A !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark .map-layer-card.active,
html.theme-dark .map-layer-toggle.active {
	background: var(--brand-soft) !important;
	border-color: var(--brand-mid) !important;
	color: var(--brand-mid) !important;
}

/* Places control already covered — reinforce */
html.theme-dark .places-control .button,
html.theme-dark .places-control .width33 .button {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
}

html.theme-dark .places-control .button.active {
	background: var(--brand-soft) !important;
	border-color: var(--brand-mid) !important;
	color: var(--brand-mid) !important;
	box-shadow: 0 8px 18px rgba(146, 58, 145, 0.22) !important;
}

html.theme-dark .places-control .button.active .label,
html.theme-dark .places-control .button.active i,
html.theme-dark .places-control .button.active svg {
	background: transparent !important;
	color: var(--brand-mid) !important;
	box-shadow: none !important;
}

/* ========== Pass 3: dark polish (fleet / details / map / places / login) ========== */

html.theme-dark #loading_panel {
	background-color: #0F1115 !important;
}

html.theme-dark #loading_panel .logo-loader {
	max-width: min(280px, 78vw);
	height: auto;
	filter: none !important;
}

html.theme-dark #page_objects .fleet-object-media {
	background: #252A34 !important;
	border-color: var(--border) !important;
}

html.theme-dark #page_objects .fleet-object-status-chip {
	background: color-mix(in srgb, var(--fleet-status-color, #9AA3B2) 22%, #1A1D24) !important;
	color: color-mix(in srgb, var(--fleet-status-color, #E8EAED) 85%, #fff) !important;
	border-color: color-mix(in srgb, var(--fleet-status-color, #9AA3B2) 35%, transparent) !important;
}

html.theme-dark #page_objects .fleet-object-actions {
	border-top-color: var(--border) !important;
}

html.theme-dark #page_objects .fleet-object-action,
html.theme-dark #page_objects .fleet-object-actions .fleet-object-action {
	background: #2A3140 !important;
	border-color: #3A4458 !important;
	color: var(--text-strong) !important;
}

html.theme-dark #page_objects .fleet-object-action i {
	color: var(--brand-mid) !important;
}

html.theme-dark #page_objects .fleet-object-action.is-history {
	background: transparent !important;
	border-color: rgba(146, 58, 145, 0.45) !important;
	color: var(--brand-mid) !important;
}

html.theme-dark #page_objects .fleet-object-action.is-cmd {
	background: var(--brand-soft) !important;
	border-color: rgba(146, 58, 145, 0.4) !important;
	color: var(--brand-mid) !important;
}

html.theme-dark .mobile-details-section,
html.theme-dark .history-details-card,
html.theme-dark .mobile-details-shell .mobile-details-section {
	background: #1E232C !important;
	border-color: var(--border) !important;
	box-shadow: var(--shadow-card) !important;
	color: var(--text) !important;
}

html.theme-dark .mobile-details-section-title,
html.theme-dark .history-details-heading {
	color: var(--text-strong) !important;
}

html.theme-dark .mobile-details-item {
	background: #151922 !important;
	border-color: var(--border) !important;
}

html.theme-dark .mobile-details-label {
	color: var(--muted) !important;
}

html.theme-dark .mobile-details-value {
	color: var(--text-strong) !important;
}

html.theme-dark #page_object_details,
html.theme-dark #page_object_details .content-block,
html.theme-dark #page_object_details .scroll {
	background: var(--surface) !important;
}

html.theme-dark #page_places .places-page-heading {
	color: var(--text-strong) !important;
}

html.theme-dark #page_places .places-section-title {
	color: var(--muted) !important;
}

html.theme-dark .places-control,
html.theme-dark #page_places > .places-control {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html.theme-dark .places-control .button,
html.theme-dark .places-control .width33 .button {
	background: #1E232C !important;
	border-color: var(--border) !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

html.theme-dark #map .leaflet-control-zoom a,
html.theme-dark #map .leaflet-bar a.leaflet-control-zoom-in,
html.theme-dark #map .leaflet-bar a.leaflet-control-zoom-out {
	background-color: #1E232C !important;
	border-color: var(--border) !important;
	color: transparent !important;
	text-indent: -9999px !important;
	font-size: 0 !important;
	filter: none !important;
}

/* NEVER filter the zoom <a> itself — it inverts the dark background to white */
html.theme-dark .leaflet-control-zoom-in,
html.theme-dark .leaflet-control-zoom-out,
html.theme-dark #map .leaflet-control-zoom-in,
html.theme-dark #map .leaflet-control-zoom-out,
html.theme-dark #map a.leaflet-control-zoom-in,
html.theme-dark #map a.leaflet-control-zoom-out {
	filter: none !important;
	opacity: 1 !important;
	background-color: #1E232C !important;
	background-size: 14px 14px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

html.theme-dark #map a.leaflet-control-zoom-in,
html.theme-dark a.leaflet-control-zoom-in {
	background-image: url(images/plus-light.svg) !important;
}

html.theme-dark #map a.leaflet-control-zoom-out,
html.theme-dark a.leaflet-control-zoom-out {
	background-image: url(images/minus-light.svg) !important;
}

html.theme-dark #page_map .header .map-select-block button,
html.theme-dark #page_map .header .map-select-block .mobile-map-header-btn,
html.theme-dark #page_map .mobile-map-header-btn.map-select-button,
html.theme-dark body.has-bottom-nav #page_map .header.mobile-map-header .mobile-map-header-btn.map-select-button {
	background: #1E232C !important;
	background-color: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

html.theme-dark #page_map .mobile-map-header-btn.map-select-button i,
html.theme-dark #page_map .mobile-map-header-btn.map-select-button svg {
	color: var(--brand-mid) !important;
}

html.theme-dark #bottom_panel_peek,
html.theme-dark .bottom-panel-peek,
html.theme-dark .bottom-panel-peek.is-open {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
}

html.theme-dark .bottom-panel-peek-name,
html.theme-dark #bottom_panel_peek_name {
	color: var(--text-strong) !important;
}

html.theme-dark .bottom-panel-peek-imei,
html.theme-dark #bottom_panel_peek_imei {
	color: var(--muted) !important;
}

html.theme-dark .bottom-panel-peek-hint {
	color: var(--brand-mid) !important;
}

html.theme-dark .bottom-panel-peek-meta,
html.theme-dark #bottom_panel_peek_meta {
	color: var(--muted) !important;
}

html.theme-dark .bottom-panel-peek-address,
html.theme-dark #bottom_panel_peek_address {
	color: var(--text) !important;
}

html.theme-dark .bottom-panel-peek-address.is-loading {
	color: var(--muted) !important;
}

html.theme-dark .bottom-panel-peek-status.is-moving {
	background: rgba(74, 222, 128, 0.14) !important;
	color: #4ade80 !important;
}

html.theme-dark .bottom-panel-peek-status.is-stopped {
	background: rgba(251, 191, 36, 0.14) !important;
	color: #fbbf24 !important;
}

html.theme-dark .bottom-panel-peek-status.is-warning {
	background: rgba(248, 113, 113, 0.14) !important;
	color: #f87171 !important;
}

html.theme-dark .bottom-panel-peek-status.is-offline {
	background: rgba(148, 163, 184, 0.14) !important;
	color: #94a3b8 !important;
}

html.theme-dark .bottom-panel-peek-expand {
	background: var(--brand-soft) !important;
	color: var(--brand-mid) !important;
}

html.theme-dark .bottom-panel-peek-action {
	background: var(--brand-soft) !important;
	color: var(--brand-mid) !important;
}

html.theme-dark .bottom-panel-peek-history,
html.theme-dark .bottom-panel-peek-exit-focus {
	background: #2A3140 !important;
	border-color: var(--border) !important;
	color: var(--brand-mid) !important;
}

html.theme-dark #page_settings h4,
html.theme-dark #page_history h4,
html.theme-dark #page_object_control h4 {
	margin: 18px 4px 10px !important;
	color: var(--text-strong) !important;
}

html.theme-dark #page_settings .mobile-page-lead + h4 {
	margin-top: 6px !important;
}

html.theme-dark body#mobile-login,
html.theme-dark #mobile-login {
	background-color: #12141a !important;
	background-image: url(../../img/login-background-dark.jpg) !important;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

html.theme-dark body#mobile-login::before,
html.theme-dark #mobile-login::before {
	content: none !important;
	display: none !important;
}

html.theme-dark #mobile-login .login-form {
	position: relative;
	z-index: 1;
	background: rgba(255, 255, 255, 0.42) !important;
	border: 1px solid rgba(255, 255, 255, 0.45) !important;
	box-shadow: 0 22px 40px rgba(0, 0, 0, 0.22) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.2);
	backdrop-filter: blur(16px) saturate(1.2);
}

html.theme-dark #mobile-login .logo {
	filter: none !important;
	max-width: 220px;
}

html.theme-dark #mobile-login label,
html.theme-dark #mobile-login .remember-block .label {
	color: #1F2937 !important;
}

html.theme-dark #mobile-login a {
	color: #F3F4F6 !important;
}

html.theme-dark #mobile-login a.desktop-block,
html.theme-dark #mobile-login a.desktop-block.button,
html.theme-dark #mobile-login a.desktop-block.button.blank {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #6B0E6A !important;
	padding: 6px 4px !important;
}

html.theme-dark #mobile-login a.desktop-block .label,
html.theme-dark #mobile-login a.desktop-block i,
html.theme-dark #mobile-login a.desktop-block svg {
	background: transparent !important;
	color: #6B0E6A !important;
}

html.theme-dark #mobile-login div.input-block,
html.theme-dark #mobile-login div.input-block input,
html.theme-dark #mobile-login .form-control {
	background: rgba(255, 255, 255, 0.88) !important;
	border-color: rgba(255, 255, 255, 0.7) !important;
	color: #111827 !important;
}

html.theme-dark #mobile-login div.input-block input::placeholder {
	color: rgba(55, 65, 81, 0.7) !important;
}

html.theme-dark #mobile-login div.input-block i {
	color: #923A91 !important;
}

html.theme-dark #mobile-login input.button,
html.theme-dark #mobile-login .submit-btn,
html.theme-dark #mobile-login button.button {
	background: #923A91 !important;
	border-color: #923A91 !important;
	color: #fff !important;
}

/* ========== Pass 4: history chart/details, settings gap, zoom, places active ========== */

html.theme-dark .graph-panel,
html.theme-dark #graph_panel,
html.theme-dark .details-panel,
html.theme-dark #details_panel {
	background: var(--surface) !important;
	color: var(--text) !important;
	box-shadow: 0 -12px 36px rgba(0, 0, 0, 0.45) !important;
}

html.theme-dark .graph-panel-label,
html.theme-dark #graph_panel_label {
	background: #1E232C !important;
	color: var(--text-strong) !important;
	border: 1px solid var(--border);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

html.theme-dark .graph-panel-plot,
html.theme-dark #graph_panel_plot {
	background: linear-gradient(180deg, #1E232C 0%, #151922 100%) !important;
	box-shadow: inset 0 0 0 1px var(--border), 0 10px 24px rgba(0, 0, 0, 0.3) !important;
}

html.theme-dark .graph-panel-plot .flot-text,
html.theme-dark .graph-panel-plot .flot-x-axis .flot-tick-label,
html.theme-dark .graph-panel-plot .flot-y-axis .flot-tick-label {
	color: #9AA3B2 !important;
}

html.theme-dark .graph-controls a {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3) !important;
}

html.theme-dark .graph-controls a i,
html.theme-dark .graph-controls a svg {
	color: var(--text-strong) !important;
}

html.theme-dark .graph-source-select,
html.theme-dark .graph-controls select,
html.theme-dark #graph_panel select {
	background: #1E232C !important;
	border-color: var(--border) !important;
	color: var(--text-strong) !important;
}

html.theme-dark .history-details-card,
html.theme-dark .history-details-shell .history-details-card {
	background: #1E232C !important;
	border-color: var(--border) !important;
	box-shadow: var(--shadow-card) !important;
	color: var(--text) !important;
}

html.theme-dark .history-details-heading,
html.theme-dark .history-details-heading b {
	color: var(--text-strong) !important;
}

html.theme-dark .history-general-item {
	background: #151922 !important;
	border-color: var(--border) !important;
}

html.theme-dark .history-general-label {
	color: var(--muted) !important;
}

html.theme-dark .history-general-value {
	color: var(--text-strong) !important;
}

html.theme-dark .history-detail-event-card,
html.theme-dark #details_panel_detail_ext_list .history-detail-event-card {
	background: #1E232C !important;
	border-color: var(--border) !important;
	box-shadow: var(--shadow-card) !important;
	color: var(--text) !important;
}

html.theme-dark .history-detail-event-icon {
	background: #252A34 !important;
}

html.theme-dark .history-detail-event-time {
	color: var(--text-strong) !important;
}

html.theme-dark .history-detail-event-info {
	color: var(--muted) !important;
}

html.theme-dark #page_settings .form-group,
html.theme-dark #page_history .form-group,
html.theme-dark #page_object_control .form-group {
	margin: 0 0 12px !important;
}

html.theme-dark #page_settings h4 {
	margin: 20px 4px 12px !important;
}

html.theme-dark #page_settings .mobile-page-lead + h4 {
	margin-top: 8px !important;
}

/* Zoom control: dark bar + light icons (no CSS filter — it was whitening the whole button) */
html.theme-dark #map .leaflet-bar,
html.theme-dark #map .leaflet-control-zoom,
html.theme-dark #map .leaflet-touch .leaflet-bar,
html.theme-dark .leaflet-left .leaflet-control.leaflet-bar,
html.theme-dark #page_map .leaflet-bar,
html.theme-dark #page_map .leaflet-control-zoom {
	background: #1E232C !important;
	background-color: #1E232C !important;
	border: 1px solid var(--border) !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4) !important;
}

html.theme-dark #map .leaflet-bar a,
html.theme-dark #map .leaflet-touch .leaflet-bar a,
html.theme-dark #map .leaflet-control-zoom a,
html.theme-dark #map .leaflet-bar a.leaflet-control-zoom-in,
html.theme-dark #map .leaflet-bar a.leaflet-control-zoom-out,
html.theme-dark #map .leaflet-bar a:hover,
html.theme-dark #map .leaflet-bar a.leaflet-disabled,
html.theme-dark #page_map .leaflet-bar a,
html.theme-dark #page_map .leaflet-touch .leaflet-bar a {
	background-color: #1E232C !important;
	border-bottom-color: var(--border) !important;
	filter: none !important;
}

html.theme-dark #map .leaflet-control-zoom a,
html.theme-dark #map a.leaflet-control-zoom-in,
html.theme-dark #map a.leaflet-control-zoom-out {
	color: transparent !important;
}

html.theme-dark #map .leaflet-control-zoom-in,
html.theme-dark #map .leaflet-control-zoom-out,
html.theme-dark #map .leaflet-bar a.leaflet-control-zoom-in,
html.theme-dark #map .leaflet-bar a.leaflet-control-zoom-out,
html.theme-dark #page_map a.leaflet-control-zoom-in,
html.theme-dark #page_map a.leaflet-control-zoom-out {
	filter: none !important;
	opacity: 1 !important;
	background-color: #1E232C !important;
	background-size: 14px 14px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	text-indent: -9999px !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

html.theme-dark #map a.leaflet-control-zoom-in,
html.theme-dark #page_map a.leaflet-control-zoom-in,
html.theme-dark a.leaflet-control-zoom-in {
	background-image: url(images/plus-light.svg) !important;
}

html.theme-dark #map a.leaflet-control-zoom-out,
html.theme-dark #page_map a.leaflet-control-zoom-out,
html.theme-dark a.leaflet-control-zoom-out {
	background-image: url(images/minus-light.svg) !important;
}