/* Additional color overrides to ensure theme colors are applied */
/* This file provides !important overrides for dynamic content */

/* jQuery UI Tabs */
.ui-tabs .ui-tabs-nav {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.1) 0%, rgba(247, 148, 29, 0.1) 100%) !important;
	border-bottom: 1px solid rgba(0, 174, 239, 0.2) !important;
}

.ui-tabs .ui-tabs-nav li a {
	background: rgba(0, 174, 239, 0.05) !important;
	color: #1B75BC !important;
	border-radius: 4px 4px 0 0 !important;
	transition: all 0.3s ease !important;
}

.ui-tabs .ui-tabs-nav li a:hover {
	background: rgba(0, 174, 239, 0.15) !important;
	color: #1B75BC !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	background: linear-gradient(135deg, #00AEEF 0%, #1B75BC 100%) !important;
	color: #ffffff !important;
	border-radius: 4px 4px 0 0 !important;
	box-shadow: 0 -2px 4px rgba(0, 174, 239, 0.2) !important;
}

/* Custom tabs-container */
.tabs-container .tab {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.1) 0%, rgba(247, 148, 29, 0.1) 100%) !important;
	border: 1px solid rgba(0, 174, 239, 0.3) !important;
	color: #1B75BC !important;
}

.tabs-container .tab:hover {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.2) 0%, rgba(247, 148, 29, 0.2) 100%) !important;
	border-color: rgba(0, 174, 239, 0.5) !important;
}

.tabs-container .tab.active {
	background: linear-gradient(135deg, #00AEEF 0%, #1B75BC 100%) !important;
	border-color: #00AEEF !important;
	color: #ffffff !important;
}

/* Input fields */
input, select, .inputbox, .textarea {
	background: rgba(0, 174, 239, 0.05) !important;
	border: 1px solid rgba(0, 174, 239, 0.2) !important;
}

input:focus, textarea:focus, select:focus {
	background-color: #ffffff !important;
	border-color: #00AEEF !important;
	box-shadow: 0 0 0 2px rgba(0, 174, 239, 0.1) !important;
}

input:hover, textarea:hover, select:hover {
	border-color: rgba(247, 148, 29, 0.5) !important;
}

/* Top panel */
#top_panel {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.05) 0%, rgba(247, 148, 29, 0.05) 100%) !important;
	border-bottom: 2px solid #00AEEF !important;
}

/* Side panel */
#side_panel {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(0, 174, 239, 0.02) 100%) !important;
	border-right: 1px solid rgba(0, 174, 239, 0.15) !important;
}

/* Buttons */
input.button {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.1) 0%, rgba(0, 174, 239, 0.15) 100%) !important;
	border: 1px solid rgba(0, 174, 239, 0.3) !important;
	color: #1B75BC !important;
}

input.button:hover {
	background-color: rgba(0, 174, 239, 0.2) !important;
	border-color: #00AEEF !important;
}

/* Tables and grids */
.ui-jqgrid .ui-jqgrid-pager {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.08) 0%, rgba(247, 148, 29, 0.08) 100%) !important;
}

.ui-jqgrid .ui-jqgrid-hdiv {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.1) 0%, rgba(0, 174, 239, 0.05) 100%) !important;
}

/* Control blocks */
.controls-block {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.1) 0%, rgba(247, 148, 29, 0.1) 100%) !important;
	border-bottom: 1px solid rgba(0, 174, 239, 0.2) !important;
}

/* All jQuery UI tabs - comprehensive override */
.ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) a {
	background: rgba(0, 174, 239, 0.05) !important;
	color: #1B75BC !important;
}

.ui-tabs .ui-tabs-nav li:not(.ui-tabs-active) a:hover {
	background: rgba(0, 174, 239, 0.15) !important;
	color: #1B75BC !important;
}

/* Object list items */
.object-list-item:hover {
	background-color: rgba(247, 148, 29, 0.08) !important;
	border-left: 2px solid rgba(247, 148, 29, 0.3) !important;
}

/* Grid rows */
.ui-jqgrid tr.ui-row-ltr:hover {
	background-color: rgba(247, 148, 29, 0.08) !important;
	border-left: 2px solid rgba(247, 148, 29, 0.3) !important;
}

/* Login page inputs */
#login input.inputbox {
	background: #ffffff !important;
	border: 2px solid rgba(0, 174, 239, 0.2) !important;
	border-radius: 12px !important;
	height: 52px !important;
	padding-left: 55px !important;
	padding-right: 15px !important;
	font-size: 14px !important;
	color: #1a1a1a !important;
	box-shadow: 0 2px 8px rgba(0, 174, 239, 0.05) !important;
}

#login input.inputbox:hover {
	background: #ffffff !important;
	border-color: rgba(0, 174, 239, 0.3) !important;
	box-shadow: 0 2px 8px rgba(0, 174, 239, 0.08) !important;
	color: #1a1a1a !important;
}

#login input.inputbox:focus {
	background: #ffffff !important;
	border-color: rgba(0, 174, 239, 0.2) !important;
	box-shadow: 0 2px 8px rgba(0, 174, 239, 0.05) !important;
	color: #1a1a1a !important;
	transform: none !important;
}

/* Login button */
#login .wrapper .content-block input.button {
	background: linear-gradient(135deg, #F7941D 0%, #e6830a 100%) !important;
	box-shadow: 0 4px 16px rgba(247, 148, 29, 0.35), 0 2px 8px rgba(247, 148, 29, 0.2) !important;
	border-radius: 12px !important;
	height: 52px !important;
	font-weight: 600 !important;
	font-size: 15px !important;
}

#login input.button:hover {
	background: linear-gradient(135deg, #e6830a 0%, #F7941D 100%) !important;
	box-shadow: 0 6px 20px rgba(247, 148, 29, 0.45), 0 4px 12px rgba(247, 148, 29, 0.3) !important;
	transform: translateY(-2px) !important;
}

/* Dashboard and panels */
#dialog_dashboard {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.03) 0%, rgba(247, 148, 29, 0.03) 100%) !important;
}

.dashboard-container-header {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.15) 0%, rgba(247, 148, 29, 0.15) 100%) !important;
	border-bottom: 2px solid rgba(0, 174, 239, 0.3) !important;
}

/* Billing tables */
#billing_plan_purchase_list .row.header {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.15) 0%, rgba(27, 117, 188, 0.1) 100%) !important;
	color: #1B75BC !important;
}

#billing_plan_purchase_list .row.even {
	background: rgba(0, 174, 239, 0.05) !important;
}

/* CPanel background */
body#cpanel {
	background: linear-gradient(135deg, rgba(0, 174, 239, 0.03) 0%, rgba(247, 148, 29, 0.03) 100%) !important;
}

/* Bottom panel */
#bottom_panel_datalist,
#bottom_panel_graph,
#bottom_panel_msg {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(0, 174, 239, 0.02) 100%) !important;
}

/* SELECTION STATES - Use Orange (#F7941D) for all selections */
/* Grid selected rows */
.ui-jqgrid .selected-row,
.ui-jqgrid .selected-row td,
.ui-jqgrid tr.selected-row {
	background: linear-gradient(135deg, rgba(247, 148, 29, 0.15) 0%, rgba(247, 148, 29, 0.25) 100%) !important;
	border-left: 3px solid #F7941D !important;
	box-shadow: inset 0 0 10px rgba(247, 148, 29, 0.1) !important;
}

/* jQuery UI highlight states */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: linear-gradient(135deg, rgba(247, 148, 29, 0.15) 0%, rgba(247, 148, 29, 0.25) 100%) !important;
	border-color: #F7941D !important;
	box-shadow: 0 0 8px rgba(247, 148, 29, 0.3), inset 0 0 10px rgba(247, 148, 29, 0.1) !important;
}

/* Active states */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: linear-gradient(135deg, rgba(247, 148, 29, 0.2) 0%, rgba(247, 148, 29, 0.3) 100%) !important;
	border-color: #F7941D !important;
	box-shadow: 0 0 8px rgba(247, 148, 29, 0.2) !important;
}

/* Menu item active/focus */
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	background: linear-gradient(135deg, rgba(247, 148, 29, 0.15) 0%, rgba(247, 148, 29, 0.25) 100%) !important;
	border-left: 3px solid #F7941D !important;
	color: #1B75BC !important;
}

/* Multiple select dropdown selections */
.ms-drop ul > li.selected {
	background: linear-gradient(135deg, rgba(247, 148, 29, 0.15) 0%, rgba(247, 148, 29, 0.25) 100%) !important;
	border-left: 3px solid #F7941D !important;
	color: #1B75BC !important;
	font-weight: 600;
}

.ms-drop ul > li:hover {
	background-color: rgba(247, 148, 29, 0.1) !important;
}

/* Checkboxes - checked state */
input[type="checkbox"]:checked,
input[type="checkbox"]:checked:before {
	background-color: #F7941D !important;
	border-color: #F7941D !important;
	accent-color: #F7941D;
}

input[type="checkbox"]:checked:after {
	border-color: #ffffff !important;
}

/* Radio buttons - checked state */
input[type="radio"]:checked {
	background-color: #F7941D !important;
	border-color: #F7941D !important;
	accent-color: #F7941D;
}

/* Select dropdown - selected option */
select option:checked,
select option:selected {
	background: linear-gradient(135deg, rgba(247, 148, 29, 0.15) 0%, rgba(247, 148, 29, 0.25) 100%) !important;
	color: #1B75BC !important;
	font-weight: 600;
}

/* Object/Vehicle list selections */
.object-list-item.selected,
.vehicle-list-item.selected {
	background: linear-gradient(135deg, rgba(247, 148, 29, 0.15) 0%, rgba(247, 148, 29, 0.25) 100%) !important;
	border-left: 3px solid #F7941D !important;
	box-shadow: inset 0 0 10px rgba(247, 148, 29, 0.1) !important;
}

/* Top panel active/selected items */
#top_panel a.active,
#top_panel a.selected {
	background-color: rgba(247, 148, 29, 0.15) !important;
	border-bottom: 2px solid #F7941D !important;
	color: #1B75BC !important;
}

/* Grid row hover - use orange tint */
.ui-jqgrid tr.ui-row-ltr:hover {
	background-color: rgba(247, 148, 29, 0.08) !important;
	border-left: 2px solid rgba(247, 148, 29, 0.3) !important;
}

/* Side panel selected items */
#side_panel .selected,
#side_panel .active {
	background: linear-gradient(135deg, rgba(247, 148, 29, 0.1) 0%, rgba(247, 148, 29, 0.15) 100%) !important;
	border-left: 3px solid #F7941D !important;
	color: #1B75BC !important;
	font-weight: 600;
}