.page-menu .page-title { background-color: #0088DB; }.navbar-default { background-color: #0088DB; }.btn.btn-blue { background-color: #0088DB; border-color: #0088DB; }.list-group-item .checked  { color: #0088DB; }.list-group-item .details  { color: #0088DB; }	.btn {border-radius: 5px;}	 .dtpicker-content {border-radius: 5px;}   select#page_object_list_group {border-radius: 10px 10px 0 0;}	.form-control {border-radius: 5px;}		.input-group-addon {border-radius: 10px;}		#history_navbar .btn {border-radius: 0px;}		#places_navbar .btn {border-radius: 0px;}		#events_navbar .btn {border-radius: 0px;}		#objects_navbar .btn {border-radius: 0px;}		#history_playback {border-radius: 5px;}		.leaflet-popup-content-wrapper {border-radius: 10px;}		.leaflet-tooltip {border-radius: 10px;}		.leaflet-bar {border-radius: 5px !important;border: 2px solid rgba(0, 0, 0,  .2);}		.leaflet-bar a:first-child {border-radius: 5px 5px 0px 0px !important;}		.leaflet-bar a:last-child {border-radius: 0px 0px 5px 5px !important;}		.page-menu ul li a {border-radius: 10px;}	 .loader span {    border-radius: 3px;}	 html, body { overscroll-behavior: none;} .panel-heading { background-color: color-mix(in srgb, var(--theme) 1%, var(--surface) 99%) !important; } 	
		/* تحسين شكل العناصر */
		#page_object_list .list-group-item,
		#page_object_list .list-group-item:last-child,
		#page_object_list .list-group-item:first-child,
		#page_markers_panel_list .list-group-item,
		#page_markers_panel_list .list-group-item:last-child,
		#page_markers_panel_list .list-group-item:first-child,
		#page_event_list .list-group-item,
		#page_event_list .list-group-item:last-child,
		#page_event_list .list-group-item:first-child,
		#page_event_settings_list .list-group-item,
		#page_event_settings_list .list-group-item:first-child,
		#page_event_settings_list .list-group-item:last-child{
		  border-radius: 10px;
		  margin-bottom: 8px;
		  padding: 10px 7px;
		  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
		  transition: background-color 0.3s ease;
		}

		/* تحويل صف المركبة إلى Flex */
		.object-list-item {
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		  width: 100%;
		}

		/* الجزء الأيسر (الاسم + الحالة) */
		.object-list-item .left {
		  flex: 1;
		  min-width: 0; /* مهم لمنع overflow */
		}

		/* الجزء الأيمن (السرعة + الأيقونات) */
		.object-list-item .right {
		  display: flex;
		  align-items: center;
		  gap: 0px;
		  flex-shrink: 0; /* يمنع الانكماش */
		}

		/* النصوص داخل left */
		.object-list-item .name {
		  font-weight: 600;
		  font-size: 13px;
		  color: #333;
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
		}

		.object-list-item .status {
		  font-size: 11px;
		  color: #333;
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
		}

		/* السرعة */
		.object-list-item .speed {
		  font-size: 12px;
		  font-weight: 500;
		  color: #333;
		}

		/* أيقونات اليمين */
		.object-list-item .details span,
		.object-list-item .visible span,
		.object-list-item .follow span {

		} 

		/* تحسين شكل أيقونات اليمين */
		.object-list-item .right div {
		  display: flex;
		  align-items: center;
		  justify-content: center;
		}
		
		div#page_object_list_header, #page_object_list .visible, #page_object_list .follow, #page_object_list .details {
			display: none;
		}
		
		/*MENU*/
		.object-row-menu {
			position: absolute;
			background: #fff;
			border-radius: 8px;
			box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
			padding: 0;
			width: 150px;
			z-index: 1029;
			opacity: 0;
			transform: translateY(-5px);
			transition: opacity .15s ease, transform .15s ease;
			overflow: hidden;
		}

		/* Blue top line */
		.object-row-menu::before {
			content: "";
			display: block;
			height: 4px;
			background: #0088db;
			width: 100%;
		}

		.object-row-menu.show {
			opacity: 1;
			transform: translateY(0);
		}

		/* Button-like menu items */
		.object-row-menu .menu-item {
			padding: 12px 16px;
			cursor: pointer;
			font-size: 14px;
			color: #333;
			background: #fff;
			border-bottom: 1px solid #f0f0f0;
			transition: background .15s ease, color .15s ease;
		}

		.object-row-menu .menu-item:last-child {
			border-bottom: none;
		}

		.object-row-menu .menu-item:hover {
			background: #e9f4ff;
			color: #0088db;
		}

		.hidden {
			display: none;
		}

		.list-group-item.menu-open {
			border-left: 4px solid #0088db;
			border-right: 4px solid #0088db;
			background-color: #f7fbff;
		}
		
		.page {
			height: 100%;
			overflow-y: auto;
			overflow-x: hidden;
			-webkit-overflow-scrolling: touch;
			scrollbar-width: none;
		}