/* CarEye custom theme — polish only; theme colors stay controllable */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");

html,
body,
#app,
.el-button,
.el-input__inner,
.el-menu,
.el-table,
.el-dialog,
.el-form,
.el-select,
.el-dropdown-menu,
.page-contain {
  font-family: "Manrope", "Segoe UI", sans-serif !important;
}

/* ===== Top header ===== */
.head[data-v-3a81539a],
.head {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 42%),
    var(--main-bg-color) !important;
  background-size: cover !important;
  box-shadow: 0 6px 16px rgba(10, 40, 70, 0.16);
  height: 66px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  overflow: hidden !important;
}

.head .head-block[data-v-3a81539a],
.head .head-block {
  padding: 0 10px 0 12px !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* Logo block */
.head .head-block .head-logo[data-v-3a81539a],
.head .head-block .head-logo {
  padding: 6px 12px !important;
  margin-right: 10px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  backdrop-filter: none !important;
  height: 52px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 150px !important;
  box-shadow: none !important;
}

.head .head-block .head-logo > img[data-v-3a81539a],
.head .head-block .head-logo > img {
  content: url("/static/img/soest-login-logo.png?v=70") !important;
  height: 40px !important;
  width: auto !important;
  max-width: 200px !important;
  object-fit: contain !important;
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: crisp-edges !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  -webkit-font-smoothing: antialiased;
}

.head .head-block .head-logo .logo-name[data-v-3a81539a],
.head .head-block .head-logo .logo-name {
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Center menu rail — no scrollbar */
.head .head-block .head-menus[data-v-3a81539a],
.head .head-block .head-menus {
  overflow: hidden !important;
}

.head .head-block .head-menus._center[data-v-3a81539a],
.head .head-block .head-menus._center {
  padding: 0 36px !important;
  overflow: hidden !important;
}

.head .head-block .head-menus._center .menus-box[data-v-3a81539a],
.head .head-block .head-menus._center .menus-box {
  align-items: center !important;
  gap: 5px;
  overflow: hidden !important;
  height: 100% !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.head .head-block .head-menus._center .menus-box::-webkit-scrollbar,
.head .head-block .head-menus::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.head .head-block .head-menus._center .movebtn[data-v-3a81539a],
.head .head-block .head-menus._center .movebtn {
  background: rgba(255, 255, 255, 0.16) !important;
  border-radius: 9px !important;
  margin: 9px 0 !important;
  height: calc(100% - 18px) !important;
}

.head .head-block .head-menus._center .movebtn[data-v-3a81539a]:hover,
.head .head-block .head-menus._center .movebtn:hover {
  background: rgba(255, 255, 255, 0.28) !important;
}

/* Top menu chips — slightly larger */
.head .head-block .head-menus .head-menu-block[data-v-3a81539a],
.head .head-block .head-menus .head-menu-block {
  margin: 8px 3px !important;
  height: calc(100% - 16px) !important;
  min-width: 74px;
  max-height: 50px !important;
  padding: 4px 12px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: background-color 0.18s ease, border-color 0.18s ease;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.head .head-block .head-menus .head-menu-block img[data-v-3a81539a],
.head .head-block .head-menus .head-menu-block img {
  width: 18px !important;
  margin-bottom: 3px !important;
  filter: none !important;
  box-shadow: none !important;
}

.head .head-block .head-menus .head-menu-block .head-menu-content[data-v-3a81539a],
.head .head-block .head-menus .head-menu-block .head-menu-content {
  font-size: 12.5px !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em;
  text-align: center !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.head .head-block .head-menus .head-menu-block[data-v-3a81539a]:hover,
.head .head-block .head-menus .head-menu-block:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
  transform: none;
  box-shadow: none;
}

.head .head-block .head-menus .head-menu-block.active[data-v-3a81539a],
.head .head-block .head-menus .head-menu-block.active {
  background: rgba(255, 255, 255, 0.26) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
  transform: none;
  position: relative;
}

.head .head-block .head-menus .head-menu-block.active[data-v-3a81539a]::after,
.head .head-block .head-menus .head-menu-block.active::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 4px;
  height: 2px;
  border-radius: 999px;
  background: #ff8a00 !important;
  box-shadow: 0 0 6px rgba(255, 138, 0, 0.55);
}

/* Right side icons */
.head .head-block .head-menus._right[data-v-3a81539a],
.head .head-block .head-menus._right {
  padding-right: 6px !important;
  gap: 5px;
  overflow: visible !important;
}

.head .head-block .head-menus .head-user-block[data-v-3a81539a],
.head .head-block .head-menus .head-user-block {
  margin-left: 4px !important;
  padding: 0 !important;
  height: 40px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  transition: background-color 0.18s ease;
}

.head .head-block .head-menus .head-user-block[data-v-3a81539a]:hover,
.head .head-block .head-menus .head-user-block:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  transform: none;
}

.head .head-block .head-menus .head-user-block .user-name .point[data-v-3a81539a],
.head .head-block .head-menus .head-user-block .user-name .point {
  background: #ff9f1a !important;
  box-shadow: 0 0 0 2px rgba(255, 159, 26, 0.25);
}

/* ===== Left menu: readable + boxed ===== */
.second-menu-block,
.second-menu,
.menu-box {
  background: #f4f8fb !important;
  border-right: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.second-menu-block .el-menu,
.menu-box .el-menu,
.second-menu .el-menu {
  background: transparent !important;
  border-right: none !important;
}

.second-menu-block .el-menu-item,
.second-menu-block .el-submenu__title,
.menu-box .el-menu-item,
.menu-box .el-submenu__title,
.second-menu .el-menu-item,
.second-menu .el-submenu__title {
  color: #243642 !important;
  background: #fff !important;
  border: 1px solid #e4eef5 !important;
  border-radius: 12px !important;
  margin: 4px 12px !important;
  height: 42px !important;
  line-height: 40px !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
  box-shadow: 0 1px 2px rgba(15, 40, 60, 0.04) !important;
  box-sizing: border-box !important;
}

.second-menu-block .el-menu-item .menu-name,
.second-menu-block .el-submenu__title .menu-name,
.menu-box .el-menu-item .menu-name,
.menu-box .el-submenu__title .menu-name,
.second-menu-block .el-menu-item span,
.second-menu-block .el-submenu__title span,
.menu-box .el-menu-item span,
.menu-box .el-submenu__title span {
  color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 2 !important;
}

.second-menu-block .el-menu-item:hover,
.second-menu-block .el-submenu__title:hover,
.menu-box .el-menu-item:hover,
.menu-box .el-submenu__title:hover,
.second-menu .el-menu-item:hover,
.second-menu .el-submenu__title:hover {
  background: #eaf5fc !important;
  border-color: #cfe6f5 !important;
  color: #0b5f8a !important;
}

.second-menu-block .el-menu-item.is-active,
.menu-box .el-menu-item.is-active,
.second-menu .el-menu-item.is-active {
  background: var(--main-bg-color) !important;
  border-color: var(--main-bg-color) !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 38px !important;
  white-space: normal !important;
  line-height: 1.35 !important;
}

.second-menu-block .el-menu-item.is-active .menu-name,
.menu-box .el-menu-item.is-active .menu-name,
.second-menu .el-menu-item.is-active .menu-name,
.second-menu-block .el-menu-item.is-active span,
.menu-box .el-menu-item.is-active span,
.second-menu .el-menu-item.is-active span,
.second-menu-block .el-menu-item.is-active i,
.menu-box .el-menu-item.is-active i {
  color: #fff !important;
}

.second-menu-block .el-submenu .el-menu--inline,
.menu-box .el-submenu .el-menu--inline,
.second-menu .el-submenu .el-menu--inline {
  background: transparent !important;
  padding: 2px 0 6px !important;
}

.second-menu-block .el-submenu .el-menu-item,
.menu-box .el-submenu .el-menu-item,
.second-menu .el-submenu .el-menu-item {
  height: auto !important;
  min-height: 38px !important;
  line-height: 1.35 !important;
  margin: 3px 12px !important;
  background: #fff !important;
  border: 1px solid #e4eef5 !important;
  color: #243642 !important;
  box-shadow: none !important;
  white-space: normal !important;
  overflow: visible !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.second-menu-block .el-submenu .el-menu-item:hover,
.menu-box .el-submenu .el-menu-item:hover {
  background: #eaf5fc !important;
  color: #0b5f8a !important;
}

.second-menu-block .el-submenu .el-menu-item.is-active,
.menu-box .el-submenu .el-menu-item.is-active {
  background: var(--main-bg-color) !important;
  border-color: var(--main-bg-color) !important;
  color: #fff !important;
}

.second-menu-block .el-submenu.is-opened > .el-submenu__title,
.menu-box .el-submenu.is-opened > .el-submenu__title {
  background: #eaf5fc !important;
  border-color: #cfe6f5 !important;
  color: #0b5f8a !important;
}

.second-menu-block .el-submenu__icon-arrow,
.menu-box .el-submenu__icon-arrow {
  color: #6a8190 !important;
}

/* ===== Content polish ===== */
.page-contain {
  background: #f5f8fb !important;
}

.el-button--primary {
  background-color: var(--main-bg-color) !important;
  border-color: var(--main-bg-color) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.el-button--primary:hover,
.el-button--primary:focus {
  background-color: var(--main-bg-color-act) !important;
  border-color: var(--main-bg-color-act) !important;
  filter: none;
}

.el-button,
.el-input__inner,
.el-textarea__inner,
.el-select .el-input__inner {
  border-radius: 8px !important;
}

.el-table th {
  background: #eef7fc !important;
  color: #243642 !important;
  font-weight: 650 !important;
}

.el-tabs__item.is-active,
.el-tabs__item:hover,
.el-pagination button:hover,
.el-pager li.active {
  color: var(--main-bg-color) !important;
}

.el-tabs__active-bar {
  background-color: var(--main-bg-color) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner,
.el-switch.is-checked .el-switch__core {
  background-color: var(--main-bg-color) !important;
  border-color: var(--main-bg-color) !important;
}


/* ===== Tracking vehicle panel redesign ===== */
.second-menu.sidesBlock,
.second-menu.sidesBlock[data-v-481ab0d2],
.page-content .sidesBlock {
  background: #f4f8fb !important;
}

.second-menu .tree-box.whiteBG,
.second-menu .tree-box.whiteBG .el-menu-vertical,
.second-menu .tree-box.whiteBG .el-menu-vertical .filter-tree {
  background: transparent !important;
}

.second-menu .tree-box.whiteBG .el-menu-vertical {
  padding: 6px 6px 8px !important;
  box-sizing: border-box !important;
}

/* Search — smaller */
.second-menu .tree-box .el-menu-vertical .input-with-select,
.second-menu .tree-box.whiteBG .el-menu-vertical .input-with-select {
  margin: 0 2px 6px !important;
  width: calc(100% - 4px) !important;
  height: 30px !important;
}

.second-menu .tree-box.whiteBG .el-menu-vertical .input-with-select .el-input__inner {
  height: 30px !important;
  line-height: 30px !important;
  border-radius: 8px 0 0 8px !important;
  border: 1px solid #d7e6f2 !important;
  background: #fff !important;
  color: #243642 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  padding-left: 10px !important;
}

.second-menu .tree-box.whiteBG .el-menu-vertical .el-input-group__append {
  border: 1px solid #d7e6f2 !important;
  border-left: none !important;
  border-radius: 0 8px 8px 0 !important;
  overflow: hidden;
  background: #fff !important;
}

.second-menu .tree-box.whiteBG .el-menu-vertical .el-input-group__append .input-with-select-btn {
  background: #eef7fc !important;
  color: var(--main-bg-color) !important;
  font-weight: 700 !important;
  height: 28px !important;
  line-height: 28px !important;
}

/* Status filter tabs — compact */
.second-menu .tree-box .filter-btns,
.second-menu .tree-box.whiteBG .el-menu-vertical .filter-btns {
  margin: 0 2px 8px !important;
  width: calc(100% - 4px) !important;
  height: auto !important;
  min-height: 44px !important;
  border: none !important;
  border-radius: 10px !important;
  overflow: visible !important;
  background: transparent !important;
  color: #243642 !important;
  gap: 4px;
  display: flex !important;
}

.second-menu .tree-box .filter-btns .f-btn,
.second-menu .tree-box.whiteBG .el-menu-vertical .filter-btns .f-btn {
  width: 25% !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 3px 2px !important;
  border: 1px solid #e4eef5 !important;
  border-right: 1px solid #e4eef5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #5b6b76 !important;
  box-shadow: none !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.second-menu .tree-box.whiteBG .el-menu-vertical .filter-btns .f-btn .my-edit {
  color: inherit !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

.second-menu .tree-box.whiteBG .el-menu-vertical .filter-btns .f-btn:hover,
.second-menu .tree-box .filter-btns .f-btn:hover {
  background: #eaf5fc !important;
  border-color: #cfe6f5 !important;
  color: #0b5f8a !important;
  font-weight: 650 !important;
  transform: none !important;
}

.second-menu .tree-box.whiteBG .el-menu-vertical .filter-btns .f-btn.act,
.second-menu .tree-box .filter-btns .f-btn.act {
  background: var(--main-bg-color) !important;
  border-color: var(--main-bg-color) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-bottom: 1px solid var(--main-bg-color) !important;
  box-shadow: none !important;
}

.second-menu .tree-box.whiteBG .el-menu-vertical .filter-btns .f-btn.act .my-edit,
.second-menu .tree-box .filter-btns .f-btn.act .my-edit {
  color: #fff !important;
}

/* Vehicle / org tree — compact, no visible scrollbar */
.second-menu .tree-box.whiteBG .el-menu-vertical .filter-tree,
.second-menu .tree-box .filter-tree,
.page-content .sidesBlock .tree-box .ztree {
  background: #fff !important;
  border: 1px solid #e4eef5 !important;
  border-radius: 10px !important;
  padding: 4px 4px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* IE/Edge */
}

.second-menu .tree-box.whiteBG .el-menu-vertical .filter-tree::-webkit-scrollbar,
.second-menu .tree-box .filter-tree::-webkit-scrollbar,
.page-content .sidesBlock .tree-box .ztree::-webkit-scrollbar,
.second-menu .tree-box.whiteBG .el-menu-vertical::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

.second-menu .tree-box.whiteBG .el-menu-vertical .filter-tree,
.second-menu .tree-box .el-menu-vertical .filter-tree {
  height: calc(100% - 96px) !important;
  overflow: auto !important;
}

.second-menu .tree-box .filter-tree li,
.page-content .sidesBlock .tree-box .ztree li {
  margin: 1px 0 !important;
  line-height: 24px !important;
}

.second-menu .tree-box .filter-tree li a,
.page-content .sidesBlock .tree-box .ztree li a {
  height: 26px !important;
  padding: 1px 6px 1px 3px !important;
  border-radius: 6px !important;
  color: #243642 !important;
  vertical-align: middle !important;
}

.second-menu .tree-box .filter-tree li a:hover,
.page-content .sidesBlock .tree-box .ztree li a:hover {
  background: #eaf5fc !important;
  text-decoration: none !important;
}

.second-menu .tree-box .filter-tree li a.curSelectedNode,
.page-content .sidesBlock .tree-box .ztree li .curSelectedNode,
.page-content .sidesBlock .tree-box .ztree li a.curSelectedNode {
  background: var(--main-bg-color) !important;
  border: none !important;
  color: #fff !important;
  opacity: 1 !important;
  height: 26px !important;
  border-radius: 6px !important;
  padding-top: 1px !important;
}

.second-menu .tree-box .filter-tree li a.curSelectedNode span,
.page-content .sidesBlock .tree-box .ztree li a.curSelectedNode span {
  color: #fff !important;
}

.second-menu .tree-box .filter-tree *,
.page-content .sidesBlock .tree-box .ztree * {
  font-size: 12px !important;
  font-family: "Manrope", "Segoe UI", sans-serif !important;
}

.page-content .draw-block,
.border-tip.tip-left {
  background: var(--main-bg-color) !important;
  border-radius: 0 8px 8px 0 !important;
}


/* ===== Bottom tracking panel ===== */
.page-content .bottom-table {
  border-top: 1px solid #d7e6f2 !important;
  background: #f4f8fb !important;
  box-shadow: 0 -6px 18px rgba(15, 40, 60, 0.06);
}

.page-content .bottom-table .bottom-table-content {
  background: #f4f8fb !important;
}

.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs {
  background: #eef5fa !important;
  border-bottom: 1px solid #d7e6f2 !important;
  padding: 6px 12px 0 !important;
  height: auto !important;
  min-height: 42px !important;
  box-sizing: border-box !important;
  gap: 6px;
  position: relative !important;
}

.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs .tab-item {
  color: #5b6b76 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  padding: 0 14px !important;
  margin-right: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-bottom: none !important;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs .tab-item:first-child {
  border-top-left-radius: 10px !important;
}

.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs .tab-item:hover {
  color: #0b5f8a !important;
  background: rgba(255, 255, 255, 0.75) !important;
}

.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs .tab-item.act,
.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs .tab-item.act:hover {
  color: #fff !important;
  background: var(--main-bg-color) !important;
  border-color: var(--main-bg-color) !important;
  box-shadow: 0 -2px 8px rgba(0, 150, 235, 0.18);
}

.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs .bottom-table-content-btn {
  top: 8px !important;
  right: 40px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px;
}

.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs .bottom-table-content-btn .btn-item {
  height: 28px !important;
  line-height: 28px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #3a4a56 !important;
  margin-right: 4px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  background: #fff !important;
  border: 1px solid #d7e6f2 !important;
}

.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs .bottom-table-content-btn .btn-item:hover {
  color: var(--main-bg-color) !important;
  border-color: #b9d8ef !important;
  background: #eaf5fc !important;
}

.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs .bottom-table-content-btn .btn-item img,
.page-content .bottom-table .bottom-table-content .bottom-table-content-tabs .bottom-table-content-btn .window-img {
  width: 16px !important;
  height: 16px !important;
  margin-top: 0 !important;
}

.page-content .bottom-table .bottom-table-content .bottom-table-content-table {
  background: #fff !important;
  border-top: 1px solid #e4eef5 !important;
}

/* Table look */
.bottom-table-content th.table-head-class,
.page-content .bottom-table .el-table th,
.page-content .bottom-table .u-table th {
  background: #eef7fc !important;
  color: #243642 !important;
  font-weight: 650 !important;
  font-size: 12px !important;
  border-bottom: 1px solid #d7e6f2 !important;
}

.bottom-table-content td.table-row-class,
.page-content .bottom-table .el-table td,
.page-content .bottom-table .u-table td {
  font-size: 12px !important;
  color: #2c3a44 !important;
  border-bottom: 1px solid #eef2f6 !important;
}

.bottom-table-content td.table-row-class,
.bottom-table-content th.table-head-class {
  height: 30px !important;
  line-height: 30px !important;
}

.page-content .bottom-table .el-table__body tr:hover > td,
.page-content .bottom-table .u-table__body tr:hover > td {
  background: #f3f9fd !important;
}

/* Soft / hidden scrollbars in bottom panel */
.page-content .bottom-table .bottom-table-content-table,
.page-content .bottom-table .el-table__body-wrapper,
.page-content .bottom-table .u-table--body-wrapper,
.page-content .bottom-table .el-table__header-wrapper,
.page-content .bottom-table .u-table--header-wrapper {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0, 150, 235, 0.35) transparent !important;
}

.page-content .bottom-table .bottom-table-content-table::-webkit-scrollbar,
.page-content .bottom-table .el-table__body-wrapper::-webkit-scrollbar,
.page-content .bottom-table .u-table--body-wrapper::-webkit-scrollbar {
  height: 6px !important;
  width: 6px !important;
}

.page-content .bottom-table .bottom-table-content-table::-webkit-scrollbar-thumb,
.page-content .bottom-table .el-table__body-wrapper::-webkit-scrollbar-thumb,
.page-content .bottom-table .u-table--body-wrapper::-webkit-scrollbar-thumb {
  background: rgba(0, 150, 235, 0.35) !important;
  border-radius: 999px !important;
}

.page-content .bottom-table .bottom-table-content-table::-webkit-scrollbar-track,
.page-content .bottom-table .el-table__body-wrapper::-webkit-scrollbar-track,
.page-content .bottom-table .u-table--body-wrapper::-webkit-scrollbar-track {
  background: transparent !important;
}

.page-content .bottom-table .border-bottom-tip.tip {
  border-bottom-color: var(--main-bg-color) !important;
}


/* ===== System parameters / tree-and-form pages ===== */
.page-content.tree-and-form {
  background: #f4f8fb !important;
}

.page-content.tree-and-form .dept-info {
  background: transparent !important;
  padding: 16px 18px 18px !important;
}

.page-content.tree-and-form .dept-info .dept-info-title {
  border-left: 4px solid var(--main-bg-color) !important;
  background: #fff !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 8px 14px !important;
  height: auto !important;
  line-height: 1.3 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #243642 !important;
  margin-bottom: 12px !important;
  box-shadow: 0 1px 2px rgba(15, 40, 60, 0.04);
}

.page-content.tree-and-form .dept-info .dialog-model.no-dialog {
  background: #fff !important;
  border: 1px solid #e4eef5 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(15, 40, 60, 0.05) !important;
  overflow: hidden !important;
}

.page-content.tree-and-form .dept-info .dialog-model.no-dialog .dialog-model-content,
.page-content.tree-and-form .dept-info .dialog-model.no-dialog .dialog-model-body {
  background: transparent !important;
}

.page-content.tree-and-form .body-info {
  padding: 16px 18px !important;
}

.page-content.tree-and-form .body-info-attrs,
.page-content.tree-and-form .form-check {
  max-width: 820px;
}

.page-content.tree-and-form .el-form-item {
  margin-bottom: 16px !important;
}

.page-content.tree-and-form .body-info-attr-label,
.page-content.tree-and-form .el-form-item__label {
  color: #3a4a56 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.page-content.tree-and-form .body-info-attr .el-input__inner,
.page-content.tree-and-form .body-info-attr-select .el-input__inner,
.page-content.tree-and-form .el-input__inner,
.page-content.tree-and-form .el-textarea__inner {
  border-radius: 10px !important;
  border-color: #d7e6f2 !important;
  background: #fbfcfe !important;
}

.page-content.tree-and-form .body-info-attr .el-input__inner:focus,
.page-content.tree-and-form .el-input__inner:focus {
  border-color: var(--main-bg-color) !important;
}

.page-content.tree-and-form .el-input-group__append,
.page-content.tree-and-form .el-input-group__prepend {
  border-radius: 0 10px 10px 0 !important;
  background: #eef7fc !important;
  color: #0b5f8a !important;
  border-color: #d7e6f2 !important;
  font-weight: 600 !important;
}

.page-content.tree-and-form .el-switch.is-checked .el-switch__core {
  background: var(--main-bg-color) !important;
  border-color: var(--main-bg-color) !important;
}

.page-content.tree-and-form .body-info-btns,
.page-content.tree-and-form .body-info-btn {
  margin-top: 8px !important;
}

.page-content.tree-and-form .body-info-btns .el-button--primary,
.page-content.tree-and-form .body-info-btn .el-button--primary {
  min-width: 110px;
  border-radius: 10px !important;
  font-weight: 700 !important;
}

/* left tree in other settings pages */
.page-content.tree-and-form .second-menu.dept-tree {
  background: #fff !important;
  border-right: 1px solid #e4eef5 !important;
  border-radius: 0 !important;
}

.page-content.tree-and-form .second-menu.dept-tree .treeTitle {
  border-left-color: var(--main-bg-color) !important;
  font-weight: 700 !important;
  color: #243642 !important;
}

.page-content.tree-and-form.no-tree .dept-info {
  width: 100% !important;
}


/* ===== Vehicle information / istable list pages ===== */
.page-content.istable {
  background: #f4f8fb !important;
  padding: 12px 14px 14px !important;
  box-sizing: border-box !important;
}

.page-content.istable .head-block {
  background: #fff !important;
  border: 1px solid #e4eef5 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(15, 40, 60, 0.05) !important;
  padding: 12px 14px 8px !important;
  margin-bottom: 12px !important;
}

.page-content.istable .search-block {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 10px 14px !important;
}

.page-content.istable .search-input,
.page-content.istable .search-input.attr-select {
  margin: 0 0 8px 0 !important;
  min-width: 200px;
}

.page-content.istable .search-input .body-info-attr-label,
.page-content.istable .search-block .body-info-attr-label {
  color: #3a4a56 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  margin-bottom: 4px !important;
  line-height: 1.2 !important;
}

.page-content.istable .search-input .el-input__inner,
.page-content.istable .search-input .el-textarea__inner,
.page-content.istable .head-block .el-input__inner,
.page-content.istable .head-block .el-range-editor.el-input__inner {
  border-radius: 10px !important;
  border-color: #d7e6f2 !important;
  background: #fbfcfe !important;
  height: 34px !important;
  line-height: 34px !important;
}

.page-content.istable .search-input .el-input__inner:focus,
.page-content.istable .head-block .el-input__inner:focus {
  border-color: var(--main-bg-color) !important;
}

.page-content.istable .search-btn {
  margin: 0 0 8px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.page-content.istable .search-btn .el-button,
.page-content.istable .table-btns .el-button,
.page-content.istable .table-btn .el-button {
  border-radius: 10px !important;
  font-weight: 600 !important;
  height: 34px !important;
  padding: 0 14px !important;
}

.page-content.istable .search-btn .el-button--primary,
.page-content.istable .table-btns .el-button--primary,
.page-content.istable .table-btn .el-button--primary,
.page-content.istable .body-info-btns .el-button--primary,
.page-content.istable .body-info-btn .el-button--primary {
  background: var(--main-bg-color) !important;
  border-color: var(--main-bg-color) !important;
}

.page-content.istable .table-block {
  background: #fff !important;
  border: 1px solid #e4eef5 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(15, 40, 60, 0.05) !important;
  overflow: visible !important; /* v53 */
  padding: 0 !important;
}

.page-content.istable .table-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  background: #eef5fa !important;
  border-bottom: 1px solid #d7e6f2 !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
}

.page-content.istable .table-title,
.page-content.istable .list-title {
  border-left: 4px solid var(--main-bg-color) !important;
  padding: 4px 0 4px 10px !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #243642 !important;
  line-height: 1.3 !important;
  background: transparent !important;
}

.page-content.istable .table-btns {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

.page-content.istable .table-btn {
  margin: 0 !important;
}

.page-content.istable .table-btn .el-button--default,
.page-content.istable .table-btns .el-button--default {
  background: #fff !important;
  border-color: #d7e6f2 !important;
  color: #3a4a56 !important;
}

.page-content.istable .table-btn .el-button--default:hover,
.page-content.istable .table-btns .el-button--default:hover {
  color: #0b5f8a !important;
  border-color: var(--main-bg-color) !important;
  background: #f3faff !important;
}

.page-content.istable .el-table {
  background: transparent !important;
}

.page-content.istable .el-table th {
  background: #f7fbfe !important;
  color: #3a4a56 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  border-bottom: 1px solid #d7e6f2 !important;
  height: 40px !important;
  padding: 6px 0 !important;
}

.page-content.istable .el-table td {
  color: #2f3e48 !important;
  font-size: 13px !important;
  border-bottom: 1px solid #eef3f7 !important;
  padding: 0 !important; /* was 8px; v52 */
}

.page-content.istable .el-table__body tr:hover > td {
  background: #f3faff !important;
}

.page-content.istable .el-table__body-wrapper::-webkit-scrollbar,
.page-content.istable .el-table__header-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.page-content.istable .el-table__body-wrapper::-webkit-scrollbar-thumb,
.page-content.istable .el-table__header-wrapper::-webkit-scrollbar-thumb {
  background: rgba(11, 95, 138, 0.28);
  border-radius: 999px;
}

.page-content.istable .el-table__body-wrapper::-webkit-scrollbar-track,
.page-content.istable .el-table__header-wrapper::-webkit-scrollbar-track {
  background: transparent;
}

.page-content.istable .table-pagination {
  padding: 10px 14px !important;
  background: #fbfcfe !important;
  border-top: 1px solid #eef3f7 !important;
}

.page-content.istable .table-pagination .el-pagination.is-background .el-pager li:not(.disabled).active {
  background: var(--main-bg-color) !important;
}

.page-content.istable .el-button--text {
  color: var(--main-bg-color) !important;
  font-weight: 600 !important;
}

/* dialogs opened from vehicle info */
.page-content.istable .dialog-model.canDrag .dialog-model-content,
.dialog-model.canDrag .dialog-model-content {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 32px rgba(15, 40, 60, 0.18) !important;
  border: 1px solid #d7e6f2 !important;
}

.page-content.istable .dialog-model-head,
.dialog-model.canDrag .dialog-model-head {
  background: #eef5fa !important;
  border-bottom: 1px solid #d7e6f2 !important;
  color: #243642 !important;
  font-weight: 700 !important;
}

.page-content.istable .dialog-model-body,
.dialog-model.canDrag .dialog-model-body {
  background: #fff !important;
}

.page-content.istable .body-info-title,
.dialog-model .body-info-title {
  border-left: 4px solid var(--main-bg-color) !important;
  background: #f7fbfe !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 6px 12px !important;
  font-weight: 700 !important;
  color: #243642 !important;
  margin: 8px 0 12px !important;
}

.page-content.istable .body-info-attr-label,
.page-content.istable .el-form-item__label,
.dialog-model .body-info-attr-label {
  color: #3a4a56 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.page-content.istable .body-info-attr .el-input__inner,
.page-content.istable .body-info-attr-select .el-input__inner,
.dialog-model .body-info-attr .el-input__inner,
.dialog-model .el-input__inner,
.dialog-model .el-textarea__inner {
  border-radius: 10px !important;
  border-color: #d7e6f2 !important;
  background: #fbfcfe !important;
}

.page-content.istable .body-info-attr .el-input__inner:focus,
.dialog-model .el-input__inner:focus {
  border-color: var(--main-bg-color) !important;
}


/* ===== Form label+input groups (equal label, cut/oval edges) ===== */
.body-info-attr,
.dialog-model .body-info-attr,
.page-content.istable .body-info-attr,
.page-content.tree-and-form .body-info-attr {
  display: inline-flex !important;
  align-items: stretch !important;
  width: calc(100% - 10px) !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
}

/* separate label div (selects etc.) */
.body-info-attr-label,
.dialog-model .body-info-attr-label,
.page-content.istable .body-info-attr-label,
.page-content.tree-and-form .body-info-attr-label {
  flex: 0 0 120px !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 8px !important;
  margin: 0 !important;
  min-height: 36px !important;
  height: auto !important;
  line-height: 1.15 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #3a4a56 !important;
  background: #eef3f7 !important;
  border: 1px solid #d7e6f2 !important;
  border-right: none !important;
  border-radius: 10px 0 0 10px !important; /* oval left, cut right */
  white-space: normal !important;
  overflow: hidden !important;
}

/* el-input prepend labels (Plaka, Motor no, etc.) */
.body-info-attr.el-input-group .el-input-group__prepend,
.body-info-attr .el-input-group__prepend,
.dialog-model .body-info-attr.el-input-group .el-input-group__prepend,
.dialog-model .el-input-group--prepend > .el-input-group__prepend,
.page-content.istable .body-info-attr .el-input-group__prepend,
.page-content.tree-and-form .body-info-attr .el-input-group__prepend {
  flex: 0 0 120px !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 8px !important;
  margin: 0 !important;
  min-height: 36px !important;
  line-height: 1.15 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #3a4a56 !important;
  background: #eef3f7 !important;
  border: 1px solid #d7e6f2 !important;
  border-right: 0 !important;
  border-radius: 10px 0 0 10px !important; /* oval left, cut right */
  white-space: normal !important;
}

.body-info-attr.el-input-group,
.body-info-attr.el-input {
  display: inline-flex !important;
}

.body-info-attr-input,
.body-info-attr-select,
.body-info-attr .el-select,
.body-info-attr .el-date-editor {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}

/* input/select outer edge: cut left, oval right */
.body-info-attr > .el-input__inner,
.body-info-attr.el-input .el-input__inner,
.body-info-attr.el-input-group .el-input__inner,
.body-info-attr-select .el-input__inner,
.body-info-attr .el-select .el-input__inner,
.body-info-attr .el-date-editor.el-input__inner,
.body-info-attr .el-textarea__inner,
.dialog-model .body-info-attr .el-input__inner,
.dialog-model .body-info-attr-select .el-input__inner,
.page-content.istable .body-info-attr .el-input__inner,
.page-content.tree-and-form .body-info-attr .el-input__inner {
  border-radius: 0 10px 10px 0 !important;
  border-color: #d7e6f2 !important;
  background: #fff !important;
  height: 36px !important;
  line-height: 36px !important;
}

/* append suffix (Ay / Gün): keep oval on far right */
.body-info-attr .el-input-group__append,
.dialog-model .body-info-attr .el-input-group__append {
  border-radius: 0 10px 10px 0 !important;
  background: #eef7fc !important;
  color: #0b5f8a !important;
  border-color: #d7e6f2 !important;
  font-weight: 600 !important;
  padding: 0 10px !important;
}

/* prepend + input + append: middle square, ends shaped */
.body-info-attr.el-input-group--prepend.el-input-group--append .el-input__inner,
.body-info-attr.el-input-group--append .el-input__inner {
  border-radius: 0 !important;
}

.body-info-attr.el-input-group--prepend:not(.el-input-group--append) .el-input__inner {
  border-radius: 0 10px 10px 0 !important;
}

/* radio box next to equal label */
.body-info-attr.attr-radio .body-info-attr-radio,
.body-info-attr .body-info-attr-radio {
  flex: 1 1 auto !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  border: 1px solid #d7e6f2 !important;
  border-radius: 0 10px 10px 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

/* required star */
.body-info-attr .sinal,
.el-input-group__prepend .sinal {
  color: #e74c3c !important;
  margin-right: 2px !important;
}


/* ===== Dialog form equal 3-column grid ===== */
.dialog-model .dialog-model-body .body-info .body-info-attrs {
  width: 100% !important;
  box-sizing: border-box !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check {
  display: block !important;
  width: 100% !important;
  font-size: 14px !important; /* undo original font-size:0 inline hack */
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  align-items: start !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .body-info-title {
  grid-column: 1 / -1 !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 4px 0 2px 0 !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item .el-form-item__content {
  line-height: normal !important;
  width: 100% !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item .body-info-attr,
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item .body-info-attr.attr-select,
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item .body-info-attr.attr-radio,
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item .body-info-attr.el-input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex !important;
  box-sizing: border-box !important;
}

/* full-width blocks: uploads / notes spanning awkwardly */
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item.img-upload,
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item.fileList {
  grid-column: 1 / -1 !important;
}

/* keep equal label widths inside grid cells */
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check .body-info-attr-label,
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check .el-input-group__prepend {
  flex: 0 0 120px !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check .body-info-attr-select,
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check .body-info-attr .el-select,
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check .body-info-attr .el-date-editor {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check .body-info-attr .el-select,
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check .body-info-attr-select .el-input,
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check .body-info-attr-select {
  width: 100% !important;
}

.dialog-model .dialog-model-body .body-info .body-info-btns {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  padding-top: 8px !important;
}

/* slightly narrower dialog content feels denser/cleaner on 3 cols */
.dialog-model.canDrag .dialog-model-content {
  box-sizing: border-box !important;
}

@media (max-width: 1200px) {
  .dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section {
    grid-template-columns: 1fr !important;
  }
}


/* ===== Platform-wide equal ordered fields ===== */

/* --- Search / filter bars (all list pages) --- */
.page-content .search-block,
.page-content.istable .search-block,
.page-contain .page-content .search-block,
.dialog-model .search-block,
.dialogtable .search-block {
  /* grid overridden by edge-to-edge flex below */
  display: flex !important;
  gap: 10px 12px !important;
  align-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.page-content .search-block .search-input,
.page-content.istable .search-block .search-input,
.page-contain .page-content .search-block .search-input,
.dialog-model .search-block .search-input,
.dialogtable .search-block .search-input {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

.page-content .search-block .search-btn,
.page-content.istable .search-block .search-btn,
.page-contain .page-content .search-block .search-btn,
.dialog-model .search-block .search-btn {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  justify-content: flex-start !important;
}

.page-content .search-block .search-btn .el-button,
.page-content.istable .search-block .search-btn .el-button {
  margin: 0 !important;
  height: 36px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
}

/* equal labels in search */
.page-content .search-block .search-input .body-info-attr-label,
.page-content .search-block .search-input .el-input-group__prepend,
.page-content.istable .search-block .search-input .body-info-attr-label,
.dialog-model .search-block .search-input .body-info-attr-label {
  flex: 0 0 118px !important;
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 8px !important;
  margin: 0 !important;
  min-height: 36px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #3a4a56 !important;
  background: #eef3f7 !important;
  border: 1px solid #d7e6f2 !important;
  border-right: none !important;
  border-radius: 10px 0 0 10px !important;
  white-space: normal !important;
  line-height: 1.15 !important;
}

.page-content .search-block .search-input .body-info-attr-input,
.page-content .search-block .search-input .body-info-attr-select,
.page-content.istable .search-block .search-input .body-info-attr-input,
.dialog-model .search-block .search-input .body-info-attr-input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: stretch !important;
}

.page-content .search-block .search-input .body-info-attr-input .el-input,
.page-content .search-block .search-input .body-info-attr-input.el-input,
.page-content .search-block .search-input .body-info-attr-input.el-select,
.page-content .search-block .search-input .el-select,
.page-content .search-block .search-input .el-date-editor,
.page-content .search-block .search-input .el-input {
  width: 100% !important;
  flex: 1 1 auto !important;
}

.page-content .search-block .search-input .el-input__inner,
.page-content .search-block .search-input .el-range-editor.el-input__inner,
.page-content.istable .search-block .search-input .el-input__inner,
.dialog-model .search-block .search-input .el-input__inner {
  width: 100% !important;
  height: 36px !important;
  line-height: 36px !important;
  border-radius: 0 10px 10px 0 !important;
  border-color: #d7e6f2 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

.page-content .search-block .search-input .el-input__inner:focus {
  border-color: var(--main-bg-color) !important;
}

/* --- Global form field groups (dialogs + pages) --- */
.body-info-attr,
.dialog-model .body-info-attr,
.page-content .body-info-attr {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.body-info-attr-label,
.dialog-model .body-info-attr-label,
.page-content .body-info-attr-label,
.body-info-attr .el-input-group__prepend,
.dialog-model .body-info-attr .el-input-group__prepend,
.page-content .body-info-attr .el-input-group__prepend,
.el-input-group--prepend > .el-input-group__prepend {
  flex: 0 0 118px !important;
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 8px !important;
  min-height: 36px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #3a4a56 !important;
  background: #eef3f7 !important;
  border: 1px solid #d7e6f2 !important;
  border-right: none !important;
  border-radius: 10px 0 0 10px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

.body-info-attr .el-input__inner,
.body-info-attr-select .el-input__inner,
.body-info-attr .el-textarea__inner,
.body-info-attr .el-date-editor.el-input__inner,
.dialog-model .body-info-attr .el-input__inner,
.page-content .body-info-attr .el-input__inner {
  border-radius: 0 10px 10px 0 !important;
  border-color: #d7e6f2 !important;
  background: #fff !important;
  height: 36px !important;
  line-height: 36px !important;
}

.body-info-attr.el-input-group--prepend.el-input-group--append .el-input__inner,
.body-info-attr.el-input-group--append .el-input__inner {
  border-radius: 0 !important;
}

.body-info-attr .el-input-group__append,
.dialog-model .body-info-attr .el-input-group__append {
  border-radius: 0 10px 10px 0 !important;
  background: #eef7fc !important;
  color: #0b5f8a !important;
  border-color: #d7e6f2 !important;
  font-weight: 600 !important;
}

.body-info-attr-select,
.body-info-attr-input,
.body-info-attr .el-select,
.body-info-attr .el-date-editor {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

.body-info-attr.attr-radio .body-info-attr-radio {
  flex: 1 1 auto !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  border: 1px solid #d7e6f2 !important;
  border-radius: 0 10px 10px 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

/* --- Dialog sections: equal 3-col ordered grid --- */
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check {
  display: block !important;
  width: 100% !important;
  font-size: 14px !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  align-items: start !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .body-info-title {
  grid-column: 1 / -1 !important;
  display: block !important;
  width: 100% !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item .body-info-attr {
  width: 100% !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item.img-upload,
.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section > .el-form-item.fileList {
  grid-column: 1 / -1 !important;
}

/* tree-and-form pages (system params etc.) also ordered */
.page-content.tree-and-form .body-info-attrs .form-check {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 14px !important;
  width: 100% !important;
  max-width: 920px;
  font-size: 14px !important;
}

.page-content.tree-and-form .body-info-attrs .form-check > .el-form-item {
  width: 100% !important;
  margin: 0 !important;
}

.page-content.tree-and-form .body-info-attrs .form-check > .el-form-item .body-info-attr {
  width: 100% !important;
}

@media (max-width: 1200px) {
  .dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .dialog-model .dialog-model-body .body-info .body-info-attrs .form-check > section,
  .page-content.tree-and-form .body-info-attrs .form-check {
    grid-template-columns: 1fr !important;
  }
}


/* ===== Visible close (X) icons ===== */
/* Open page tabs under header */
.page-bolck .routers-history .router-history .img.el-icon-close,
.page-bolck .routers-history .router-history .img,
.routers-history .router-history .img.el-icon-close,
.routers-history .router-history i.el-icon-close {
  color: #5b6b76 !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 3 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.page-bolck .routers-history .router-history .img.el-icon-close:hover,
.routers-history .router-history .img.el-icon-close:hover {
  color: #fff !important;
  background-color: #e74c3c !important;
  border-radius: 10px !important;
}

.page-bolck .routers-history .router-history.active .img.el-icon-close {
  color: #3a4a56 !important;
}

/* Dialog / drawer top-right close: white PNG on light header -> force dark */
.img-close,
.dialog-model-head .img-close,
.dialog-model .img-close,
.dialog-model-content .img-close,
[class*="img-close"] {
  opacity: 1 !important;
  visibility: visible !important;
  /* invert white icon to dark gray */
  filter: brightness(0) saturate(100%) invert(32%) sepia(10%) saturate(650%) hue-rotate(165deg) !important;
  background-image: url(/static/image/close-white@2x.png) !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  background-size: 98% !important;
  cursor: pointer !important;
  z-index: 20 !important;
}

.img-close:hover,
.dialog-model-head .img-close:hover,
.dialog-model .img-close:hover {
  filter: brightness(0) saturate(100%) invert(27%) sepia(90%) saturate(2200%) hue-rotate(340deg) !important;
  background-image: url(/static/image/close-white@2x.png) !important;
}

/* Element UI font close icons */
.el-tabs__item .el-icon-close,
.el-icon-circle-close.imgClose,
.dialog-model-head .el-icon-close,
.theClose {
  color: #5b6b76 !important;
  opacity: 1 !important;
}

.el-tabs__item .el-icon-close:hover,
.el-icon-circle-close.imgClose:hover,
.theClose:hover {
  color: #e74c3c !important;
}


/* ===== Search bar: equal full-width edge-to-edge ===== */
.page-content .search-block,
.page-content.istable .search-block,
.page-contain .page-content .search-block,
.dialog-model .search-block,
.dialogtable .search-block,
.page-content.istable .head-block .search-block,
.page-content .head-block .search-block {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 10px 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* each filter grows equally across the row */
.page-content .search-block .search-input,
.page-content.istable .search-block .search-input,
.page-contain .page-content .search-block .search-input,
.dialog-model .search-block .search-input,
.dialogtable .search-block .search-input,
.page-content .head-block .search-block .search-input {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 160px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

/* buttons sit at the right edge, don't steal equal share */
.page-content .search-block .search-btn,
.page-content.istable .search-block .search-btn,
.page-contain .page-content .search-block .search-btn,
.dialog-model .search-block .search-btn,
.page-content .head-block .search-block .search-btn {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
  margin: 0 0 0 auto !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

.page-content .search-block .search-btn .el-button,
.page-content.istable .search-block .search-btn .el-button {
  margin: 0 !important;
}

/* equal label + stretch input inside each cell */
.page-content .search-block .search-input .body-info-attr-label,
.page-content .search-block .search-input .el-input-group__prepend,
.page-content.istable .search-block .search-input .body-info-attr-label {
  flex: 0 0 110px !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}

.page-content .search-block .search-input .body-info-attr-input,
.page-content .search-block .search-input .body-info-attr-select,
.page-content.istable .search-block .search-input .body-info-attr-input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

.page-content .search-block .search-input .body-info-attr-input .el-input,
.page-content .search-block .search-input .body-info-attr-input.el-input,
.page-content .search-block .search-input .body-info-attr-input.el-select,
.page-content .search-block .search-input .el-select,
.page-content .search-block .search-input .el-date-editor,
.page-content .search-block .search-input .el-input {
  width: 100% !important;
  flex: 1 1 auto !important;
}

.page-content .search-block .search-input .el-input__inner,
.page-content .search-block .search-input .el-range-editor.el-input__inner {
  width: 100% !important;
}

/* head-block card uses full width */
.page-content.istable .head-block,
.page-content .head-block {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* when many fields wrap to next line, keep equal columns */
@media (max-width: 1400px) {
  .page-content .search-block .search-input,
  .page-content.istable .search-block .search-input {
    flex: 1 1 calc(33.333% - 12px) !important;
    min-width: 200px !important;
  }
}

@media (max-width: 980px) {
  .page-content .search-block .search-input,
  .page-content.istable .search-block .search-input {
    flex: 1 1 calc(50% - 12px) !important;
    min-width: 180px !important;
  }
  .page-content .search-block .search-btn {
    flex: 1 1 100% !important;
    margin-left: 0 !important;
    justify-content: flex-end !important;
  }
}


/* ===== All dialog/page forms: equal columns platform-wide ===== */

/* Base: every form-check becomes an equal grid */
.dialog-model .dialog-model-body .body-info .body-info-attrs,
.dialog-model .body-info .body-info-attrs,
.page-content .body-info .body-info-attrs {
  width: 100% !important;
  box-sizing: border-box !important;
}

.dialog-model .dialog-model-body .body-info .body-info-attrs .form-check,
.dialog-model .body-info .body-info-attrs .form-check,
.page-content .body-info .body-info-attrs .form-check,
.dialog-model .form-check,
.page-content.tree-and-form .form-check {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
  align-items: start !important;
}

/* Direct fields (user edit, role, etc.) */
.dialog-model .form-check > .el-form-item,
.dialog-model .body-info .body-info-attrs .form-check > .el-form-item,
.page-content .body-info .body-info-attrs .form-check > .el-form-item,
.page-content.tree-and-form .form-check > .el-form-item {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  vertical-align: top !important;
}

.dialog-model .form-check > .el-form-item > .el-form-item__content,
.dialog-model .body-info .body-info-attrs .form-check > .el-form-item > .el-form-item__content,
.page-content .body-info .body-info-attrs .form-check > .el-form-item > .el-form-item__content {
  width: 100% !important;
  line-height: normal !important;
  margin-left: 0 !important;
}

/* Every field group fills its grid cell */
.dialog-model .form-check .body-info-attr,
.dialog-model .body-info .body-info-attrs .form-check .body-info-attr,
.page-content .body-info .body-info-attrs .form-check .body-info-attr,
.dialog-model .form-check .body-info-attr.attr-select,
.dialog-model .form-check .body-info-attr.attr-radio,
.dialog-model .form-check .body-info-attr.el-input,
.page-content.tree-and-form .form-check .body-info-attr {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex !important;
  box-sizing: border-box !important;
}

/* Equal label width everywhere */
.dialog-model .form-check .body-info-attr-label,
.dialog-model .form-check .el-input-group__prepend,
.dialog-model .body-info .body-info-attrs .form-check .body-info-attr-label,
.dialog-model .body-info .body-info-attrs .form-check .el-input-group__prepend,
.page-content .body-info .body-info-attrs .form-check .body-info-attr-label,
.page-content .body-info .body-info-attrs .form-check .el-input-group__prepend,
.page-content.tree-and-form .form-check .body-info-attr-label,
.page-content.tree-and-form .form-check .el-input-group__prepend {
  flex: 0 0 120px !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 8px !important;
  min-height: 36px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #3a4a56 !important;
  background: #eef3f7 !important;
  border: 1px solid #d7e6f2 !important;
  border-right: none !important;
  border-radius: 10px 0 0 10px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

.dialog-model .form-check .body-info-attr-select,
.dialog-model .form-check .body-info-attr-input,
.dialog-model .form-check .body-info-attr .el-select,
.dialog-model .form-check .body-info-attr .el-date-editor,
.page-content .body-info .body-info-attrs .form-check .body-info-attr-select,
.page-content .body-info .body-info-attrs .form-check .body-info-attr-input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}

.dialog-model .form-check .body-info-attr .el-input__inner,
.dialog-model .form-check .body-info-attr-select .el-input__inner,
.dialog-model .form-check .body-info-attr .el-textarea__inner,
.page-content .body-info .body-info-attrs .form-check .body-info-attr .el-input__inner {
  width: 100% !important;
  border-radius: 0 10px 10px 0 !important;
  border-color: #d7e6f2 !important;
  background: #fff !important;
  height: 36px !important;
  line-height: 36px !important;
  box-sizing: border-box !important;
}

.dialog-model .form-check .body-info-attr.el-input-group--append .el-input__inner {
  border-radius: 0 !important;
}

.dialog-model .form-check .body-info-attr .el-input-group__append {
  border-radius: 0 10px 10px 0 !important;
}

.dialog-model .form-check .body-info-attr.attr-radio .body-info-attr-radio {
  flex: 1 1 auto !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  border: 1px solid #d7e6f2 !important;
  border-radius: 0 10px 10px 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

/* Full-width blocks: uploads, tips, titles */
.dialog-model .form-check > .el-form-item.img-upload,
.dialog-model .form-check > .el-form-item.fileList,
.dialog-model .form-check > .body-info-title,
.dialog-model .form-check > .list-title,
.dialog-model .body-info .body-info-attrs .form-check > .el-form-item.img-upload,
.dialog-model .body-info .body-info-attrs .form-check > .el-form-item.fileList {
  grid-column: 1 / -1 !important;
}

/* Sectioned forms (vehicle etc.): section spans full, inner 3-col */
.dialog-model .form-check > section,
.dialog-model .body-info .body-info-attrs .form-check > section {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  width: 100% !important;
  margin: 0 0 14px 0 !important;
  align-items: start !important;
}

.dialog-model .form-check > section > .body-info-title,
.dialog-model .body-info .body-info-attrs .form-check > section > .body-info-title {
  grid-column: 1 / -1 !important;
  display: block !important;
  width: 100% !important;
}

.dialog-model .form-check > section > .el-form-item,
.dialog-model .body-info .body-info-attrs .form-check > section > .el-form-item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

.dialog-model .form-check > section > .el-form-item.img-upload,
.dialog-model .form-check > section > .el-form-item.fileList {
  grid-column: 1 / -1 !important;
}

/* Buttons centered under equal form */
.dialog-model .body-info .body-info-btns,
.dialog-model .body-info-btns {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 12px !important;
}

.dialog-model .body-info .body-info-btns .el-button,
.dialog-model .body-info-btns .el-button {
  border-radius: 10px !important;
  font-weight: 600 !important;
  min-width: 110px;
}

/* Org / tree-and-form page forms also equal 2-col */
.page-content.tree-and-form .dept-info .dialog-model.no-dialog .form-check,
.page-content.tree-and-form .body-info .form-check {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 12px !important;
  max-width: 100% !important;
}

.page-content.tree-and-form .form-check > .el-form-item .body-info-attr {
  width: 100% !important;
}

@media (max-width: 1100px) {
  .dialog-model .form-check > section,
  .dialog-model .body-info .body-info-attrs .form-check > section {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .dialog-model .dialog-model-body .body-info .body-info-attrs .form-check,
  .dialog-model .form-check,
  .dialog-model .form-check > section,
  .page-content.tree-and-form .form-check {
    grid-template-columns: 1fr !important;
  }
}


/* ===== Organization / tree-and-form operation pages ===== */
.page-content.tree-and-form {
  background: #f4f8fb !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* Left org tree */
.page-content.tree-and-form .second-menu.dept-tree {
  /* width:300 removed */
  /* min-width removed */
  max-width: 340px !important;
  background: #fff !important;
  border-right: 1px solid #e4eef5 !important;
  box-shadow: 2px 0 10px rgba(15, 40, 60, 0.03);
  box-sizing: border-box !important;
}

.page-content.tree-and-form .second-menu.dept-tree .second-menu-block.tree-box,
.page-content.tree-and-form .second-menu.dept-tree .el-menu-vertical {
  height: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 12px 10px !important;
  background: #fff !important;
}

.page-content.tree-and-form .second-menu.dept-tree .treeTitle {
  border-left: 4px solid var(--main-bg-color) !important;
  background: #f7fbfe !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 8px 12px !important;
  margin: 0 0 12px 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #243642 !important;
  line-height: 1.3 !important;
}

.page-content.tree-and-form .second-menu.dept-tree .input-with-select {
  margin-bottom: 10px !important;
}

.page-content.tree-and-form .second-menu.dept-tree .input-with-select .el-input__inner {
  border-radius: 10px 0 0 10px !important;
  border-color: #d7e6f2 !important;
  background: #fbfcfe !important;
  height: 36px !important;
}

.page-content.tree-and-form .second-menu.dept-tree .input-with-select-btn,
.page-content.tree-and-form .second-menu.dept-tree .el-input-group__append {
  border-radius: 0 10px 10px 0 !important;
  background: var(--main-bg-color) !important;
  border-color: var(--main-bg-color) !important;
  color: #fff !important;
}

.page-content.tree-and-form .second-menu.dept-tree .input-with-select-btn .el-button,
.page-content.tree-and-form .second-menu.dept-tree .el-input-group__append .el-button {
  background: transparent !important;
  border: none !important;
  color: #fff !important;
}

.page-content.tree-and-form .second-menu.dept-tree .ztree.filter-tree {
  background: #f8fbfd !important;
  border: 1px solid #e4eef5 !important;
  border-radius: 12px !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  overflow: auto !important;
}

.page-content.tree-and-form .second-menu.dept-tree .ztree li a {
  border-radius: 8px !important;
  padding: 2px 6px !important;
}

.page-content.tree-and-form .second-menu.dept-tree .ztree li a.curSelectedNode {
  background: var(--main-bg-color) !important;
  color: #fff !important;
  border: none !important;
  opacity: 1 !important;
}

.page-content.tree-and-form .second-menu.dept-tree .ztree li a.curSelectedNode span {
  color: #fff !important;
}

/* Right operation panel */
.page-content.tree-and-form .dept-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background: transparent !important;
  padding: 14px 16px 16px !important;
  box-sizing: border-box !important;
  overflow: auto !important;
}

.page-content.tree-and-form .dept-info .dept-info-title {
  border-left: 4px solid var(--main-bg-color) !important;
  background: #fff !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 10px 14px !important;
  margin: 0 0 12px 0 !important;
  height: auto !important;
  line-height: 1.3 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #243642 !important;
  box-shadow: 0 1px 2px rgba(15, 40, 60, 0.04);
}

.page-content.tree-and-form .dept-info .dialog-model.no-dialog,
.page-content.tree-and-form .dept-info .dialog-model.all-screen.no-dialog {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.page-content.tree-and-form .dept-info .dialog-model.no-dialog .dialog-model-content {
  background: #fff !important;
  border: 1px solid #e4eef5 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(15, 40, 60, 0.05) !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.page-content.tree-and-form .dept-info .dialog-model-body,
.page-content.tree-and-form .dept-info .body-info {
  background: transparent !important;
  padding: 16px 18px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.page-content.tree-and-form .dept-info .body-info-attrs {
  width: 100% !important;
  max-width: 100% !important;
}

/* Equal 2-column fields filling the right panel */
.page-content.tree-and-form .dept-info .form-check {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 14px !important;
  row-gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 14px !important;
}

.page-content.tree-and-form .dept-info .form-check > .el-form-item {
  width: 100% !important;
  margin: 0 !important;
  display: block !important;
}

.page-content.tree-and-form .dept-info .form-check > .el-form-item .body-info-attr,
.page-content.tree-and-form .dept-info .form-check > .el-form-item .body-info-attr.attr-select,
.page-content.tree-and-form .dept-info .form-check > .el-form-item .body-info-attr.el-input {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  margin: 0 !important;
}

.page-content.tree-and-form .dept-info .form-check .body-info-attr-label,
.page-content.tree-and-form .dept-info .form-check .el-input-group__prepend {
  flex: 0 0 140px !important;
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  border-radius: 10px 0 0 10px !important;
  background: #eef3f7 !important;
  border: 1px solid #d7e6f2 !important;
  border-right: none !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #3a4a56 !important;
}

.page-content.tree-and-form .dept-info .form-check .body-info-attr .el-input__inner,
.page-content.tree-and-form .dept-info .form-check .body-info-attr-select .el-input__inner {
  border-radius: 0 10px 10px 0 !important;
  border-color: #d7e6f2 !important;
  background: #fff !important;
  height: 36px !important;
  width: 100% !important;
}

.page-content.tree-and-form .dept-info .form-check .body-info-attr-select,
.page-content.tree-and-form .dept-info .form-check .body-info-attr-input,
.page-content.tree-and-form .dept-info .form-check .body-info-attr .el-select {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

/* full-width note / long fields if marked textarea */
.page-content.tree-and-form .dept-info .form-check > .el-form-item.istextarea,
.page-content.tree-and-form .dept-info .form-check > .el-form-item.img-upload {
  grid-column: 1 / -1 !important;
}

/* Action buttons: equal spread across form width */
.page-content.tree-and-form .dept-info .body-info-btns {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid #eef3f7 !important;
  box-sizing: border-box !important;
}

.page-content.tree-and-form .dept-info .body-info-btns .body-info-btn,
.page-content.tree-and-form .dept-info .body-info-btns .el-button {
  flex: 1 1 0 !important;
  margin: 0 !important;
  min-width: 120px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  height: 38px !important;
}

.page-content.tree-and-form .dept-info .body-info-btns .el-button--primary {
  background: var(--main-bg-color) !important;
  border-color: var(--main-bg-color) !important;
}

@media (max-width: 1100px) {
  .page-content.tree-and-form .dept-info .form-check {
    grid-template-columns: 1fr !important;
  }
  .page-content.tree-and-form .second-menu.dept-tree {
    width: 260px !important;
    min-width: 240px !important;
  }
}


/* ===== Table operation buttons (İşlem column) ===== */
/* Any table cell that contains multiple action buttons */
/* removed :has ops cell (v52) */

/* removed :has ops cell (v52) */

/* header for operation-like wide last columns */
.page-content.istable .el-table th .cell:has(+ *) {
}


/* removed forced ops width */


.page-content.istable .el-table th:last-child .cell {
  white-space: nowrap !important;
  text-align: left !important;
}


/* removed forced ops width */



/* removed forced ops width */




/* removed forced ops width */



/* removed forced ops width */



/* removed forced ops width */



/* removed forced ops width */



/* ===== User manage / device type / icon pages polish ===== */
.page-content.istable .table-header {
  background: #eef5fa !important;
}

.page-content.istable .table-btns .el-button {
  border-radius: 10px !important;
  font-weight: 600 !important;
}

.page-content.istable .table-title {
  border-left: 4px solid var(--main-bg-color) !important;
  padding-left: 10px !important;
  font-weight: 700 !important;
  color: #243642 !important;
}


/* ===== Map vehicle info popup — restore corner-fix era design ===== */

/* Keep overlay shell transparent (real cause of white corner fringes) */
.the-map-box .overlay-my,
.ol-overlay-container .overlay-my,
.overlay-my {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 !important;
  border: none !important;
}
.the-map-box .overlay-my:after,
.overlay-my:after {
  border-right-color: var(--main-bg-color) !important;
  filter: drop-shadow(-2px 0 4px rgba(12, 36, 56, 0.12));
}
.the-map-box .overlay-my.top:after,
.overlay-my.top:after {
  border-top-color: #f3f7fa !important;
  border-right-color: transparent !important;
  filter: drop-shadow(0 2px 4px rgba(12, 36, 56, 0.12));
}

.the-map-box .mapInfDialog {
  width: 320px !important;
  max-width: min(320px, calc(100vw - 20px)) !important;
  max-height: none !important;
  height: auto !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: var(--main-bg-color) !important;
  background-color: var(--main-bg-color) !important;
  box-shadow: 0 12px 28px rgba(12, 36, 56, 0.2) !important;
  animation: careyeCardIn 0.24s ease-out !important;
  display: flex !important;
  flex-direction: column !important;
  isolation: isolate !important;
  position: relative !important;
  z-index: 1 !important;
}

@keyframes careyeCardIn {
  from { opacity: 0; transform: translateY(6px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.the-map-box .mapInfDialog.mark {
  width: 220px !important;
  max-height: none !important;
}

.the-map-box .mapInfDialog .myifdw-head,
.the-map-box .mapInfDialog .myifdw-head[data-v-20dae218] {
  position: relative !important;
  height: auto !important;
  min-height: 36px !important;
  line-height: 1.2 !important;
  padding: 8px 34px 8px 12px !important;
  color: #fff !important;
  background: var(--main-bg-color) !important;
  background-color: var(--main-bg-color) !important;
  background-image: linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 46%) !important;
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px 6px !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  border: none !important;
}

.the-map-box .mapInfDialog .myifdw-head ._name {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1px !important;
  max-width: 120px !important;
}

.the-map-box .mapInfDialog .myifdw-head .head-info {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.the-map-box .mapInfDialog .myifdw-head .img-close {
  top: 8px !important;
  right: 8px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.14) !important;
  transition: background-color 0.16s ease, transform 0.16s ease !important;
}
.the-map-box .mapInfDialog .myifdw-head .img-close:hover {
  background-color: rgba(255, 255, 255, 0.28) !important;
  transform: scale(1.05) !important;
}

.the-map-box .mapInfDialog .myifdw-contain,
.the-map-box .mapInfDialog .myifdw-contain[data-v-20dae218] {
  background: #f3f7fa !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  border: none !important;
}

.the-map-box .mapInfDialog .myifdw-contain .myifdw-content,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content[data-v-20dae218] {
  background: #f3f7fa !important;
  background-image: none !important;
  box-sizing: border-box !important;
  font-family: "Manrope", "Segoe UI", sans-serif !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  border-radius: 0 !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Hero / summary */
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 5px 6px 0 !important;
  padding: 6px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(215, 230, 242, 0.9) !important;
  background: linear-gradient(160deg, #ffffff 0%, #f7fbfe 100%) !important;
  box-shadow: 0 4px 12px rgba(20, 50, 75, 0.05) !important;
}

.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .img-block,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .img-block.empty {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  border: 2px solid #fff !important;
  box-shadow:
    0 0 0 1.5px #9ec7dc,
    0 4px 10px rgba(20, 50, 75, 0.1) !important;
  background: radial-gradient(circle at 35% 30%, #fff 0%, #e8f2f8 70%) !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .img-block .img,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .img-block.empty .img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 5px !important;
  box-sizing: border-box !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .img-block .el-carousel {
  height: 48px !important;
}

.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .right-info {
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  color: #1f3340 !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .right-info .info-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 2px 4px !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: #334853 !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .right-info .info-row.col {
  align-items: flex-start !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .right-info .info-row .carstatus3,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .right-info .info-row .carstatus4,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .right-info .info-row .carstatus5,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .right-info [class*="carstatus"] {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 0 !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  background: rgba(255, 170, 70, 0.12) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .right-info .info-row .carstatus5 {
  background: rgba(57, 190, 52, 0.14) !important;
  color: #1f8a2b !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .top-block .right-tip {
  right: 8px !important;
  top: 8px !important;
  width: 8px !important;
  height: 8px !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) !important;
}

/* Metrics */
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block {
  padding: 4px 6px 2px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  color: #243642 !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 3px !important;
  row-gap: 0 !important;
  align-items: stretch !important;
  margin: 0 0 3px 0 !important;
  min-height: 0 !important;
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  color: #2f3e48 !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row:last-child {
  margin-bottom: 0 !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row > .left:only-child,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row > .right:only-child {
  grid-column: 1 / -1 !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .left,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .right {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: unset !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 2px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 3px 6px !important;
  border-radius: 6px !important;
  background: #fff !important;
  border: 1px solid #e4eef5 !important;
  box-shadow: none !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .left > div,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .right > div {
  display: inline !important;
  white-space: normal !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .left > div[style*="nowrap"],
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .right > div[style*="nowrap"] {
  white-space: nowrap !important;
  font-weight: 700 !important;
  color: #1f3340 !important;
}

/* Sıfırla — simple plain button */
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .el-button--warning,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .el-button--mini,
.the-map-box .mapInfDialog .el-button--warning {
  margin: 0 0 0 4px !important;
  padding: 0 8px !important;
  height: 20px !important;
  line-height: 18px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  flex: 0 0 auto !important;
  border: 1px solid #c5d5e0 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #3a5564 !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .el-button--warning:hover,
.the-map-box .mapInfDialog .el-button--warning:hover {
  background: #f5f9fc !important;
  border-color: var(--main-bg-color) !important;
  color: var(--main-bg-color) !important;
}
.the-map-box .mapInfDialog .el-button--warning i,
.the-map-box .mapInfDialog .el-button--warning [class*="el-icon"] {
  color: inherit !important;
}

.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .left span,
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .right span {
  vertical-align: middle;
  display: inline-flex !important;
  align-items: center !important;
  padding: 1px 5px !important;
  border-radius: 6px !important;
  background: #eef6fb !important;
  color: #3a5564 !important;
  font-weight: 600 !important;
  font-size: 10.5px !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .left {
  word-break: break-word !important;
}


/* Stack only when label+value nested divs exist (通信时间 / 终端标识) */
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .left:has(> div),
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .right:has(> div) {
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .left > div[style*="nowrap"],
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .right > div[style*="nowrap"] {
  display: block !important;
  font-weight: 700 !important;
  color: #1f3340 !important;
  white-space: nowrap !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .left > div:not([style]),
.the-map-box .mapInfDialog .myifdw-contain .myifdw-content .middle-block .info-row .right > div:not([style]) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  font-weight: 500 !important;
  color: #3a5564 !important;
  word-break: break-all !important;
}

/* Action dock */
.the-map-box .mapInfDialog .myifdw-contain .myifdw-btns,
.the-map-box .mapInfDialog .myifdw-btns {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 3px !important;
  padding: 4px 6px 6px !important;
  border-top: none !important;
  background: linear-gradient(180deg, rgba(243, 247, 250, 0) 0%, #eaf2f7 100%) !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
  flex: 0 0 auto !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-btns .myifdw-btn,
.the-map-box .mapInfDialog .myifdw-btns .myifdw-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 4px 2px !important;
  min-width: 0 !important;
  min-height: 40px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #2f4552 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid #dceaf3 !important;
  box-shadow: 0 2px 6px rgba(20, 50, 75, 0.04) !important;
  transition: transform 0.14s ease, border-color 0.14s ease, color 0.14s ease !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-btns .myifdw-btn:hover {
  background: #fff !important;
  border-color: #8ebfd6 !important;
  color: var(--main-bg-color) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 12px rgba(20, 50, 75, 0.1) !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-btns .myifdw-btn:active {
  transform: translateY(0) scale(0.98) !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-btns .myifdw-btn .btn-icon,
.the-map-box .mapInfDialog .myifdw-btns .myifdw-btn img {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  display: block !important;
  filter: saturate(1.05) !important;
}
.the-map-box .mapInfDialog .myifdw-contain .myifdw-btns .myifdw-btn:nth-child(5),
.the-map-box .mapInfDialog .myifdw-contain .myifdw-btns .myifdw-btn:nth-child(6) {
  grid-column: auto !important;
}


/* ===== Device list page polish ===== */
.page-content.istable .table-block {
  /* overflow managed in v49 */
  overflow: visible !important;
}

.page-content.istable .table-header {
  background: #eef5fa !important;
  border-bottom: 1px solid #d7e6f2 !important;
  padding: 10px 14px !important;
}

.page-content.istable .table-title,
.page-content.istable .list-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #243642 !important;
  border-left: 4px solid var(--main-bg-color) !important;
  padding-left: 10px !important;
}

.page-content.istable .table-btns {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: flex-end !important;
}

.page-content.istable .table-btns .el-button,
.page-content.istable .table-btn .el-button {
  margin: 0 !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  height: 34px !important;
}

/* denser readable table */
.page-content.istable .el-table th {
  background: #f3f8fc !important;
  color: #3a4a56 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 8px 0 !important;
}

.page-content.istable .el-table td {
  font-size: 13px !important;
  color: #2f3e48 !important;
  padding: 0 !important; /* was 8px; v52 */
}

.page-content.istable .el-table--border td,
.page-content.istable .el-table--border th {
  border-color: #e8f0f6 !important;
}

.page-content.istable .el-table__body tr:hover > td {
  background: #f3faff !important;
}

/* operation column: neat button row */
.page-content.istable .el-table__fixed-right,
.page-content.istable .el-table__fixed-right-patch {
  box-shadow: -4px 0 12px rgba(15, 40, 60, 0.06) !important;
}

/* removed ops cell min-width block */

/* removed conflicting fixed-right .cell (v52) */

/* search bar already equalized; tighten device page a bit */
.page-content.istable .head-block {
  margin-bottom: 10px !important;
}

/* ===== Device list polish v28 ===== */

/* deviceManage action compactness */
/* neutralized old fixed-right button */
.page-content.istable .el-table .cell {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.page-content.istable .el-table {
  border-radius: 10px !important;
  overflow: visible !important; /* v53: keep x-scroll */
}

.page-content.istable .el-table th > .cell,
.page-content.istable .el-table td > .cell {
  padding: 0 12px !important;
  line-height: 40px !important; /* v53 equal row */
}

.page-content.istable .el-table .el-table__header th {
  font-weight: 600 !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%) !important;
  color: #334155 !important;
  border-bottom: 1px solid #d8e2ec !important;
  height: 44px !important;
}

/* removed tall td height */

.page-content.istable .el-table__body tr:nth-child(even) > td {
  background: #fafcfd !important;
}

.page-content.istable .el-table__body tr:hover > td {
  background: #f0f7ff !important;
}

.page-content.istable .el-table__fixed-right,
.page-content.istable .el-table__fixed-right-patch {
  box-shadow: -8px 0 16px rgba(15, 23, 42, 0.07) !important;
  background: #fff !important;
}

.page-content.istable .el-table__fixed-right .el-table__header th {
  background: linear-gradient(180deg, #f8fafc 0%, #eef3f8 100%) !important;
}

.page-content.istable .el-table__fixed-right .el-table__body td {
  background: #fff !important;
}

/* neutralized old fixed-right .cell */

/* neutralized old fixed-right button */

/* neutralized old fixed-right button */

/* neutralized old fixed-right button */

/* neutralized old fixed-right button */

/* neutralized old fixed-right button */

.page-content.istable .search-block {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 10px 12px !important;
}

/* removed narrow search max-width */

.page-content.istable .search-block .search-btn {
  margin: 0 !important;
}

/* ===== Light UI polish v45 ===== */
/* Original structure kept. Only soft look: radius, spacing, alignment. */

/* Left menu: room on BOTH sides so radius is fully visible */
.second-menu,
.second-menu-block,
.menu-box,
.menus-box {
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.second-menu .el-scrollbar__bar.is-horizontal,
.second-menu-block .el-scrollbar__bar.is-horizontal,
.menu-box .el-scrollbar__bar.is-horizontal {
  display: none !important;
  height: 0 !important;
}

.second-menu .el-menu,
.second-menu-block .el-menu,
.menu-box .el-menu {
  width: 100% !important;
  border-right: none !important;
  background: transparent !important;
  padding: 4px 0 !important;
  box-sizing: border-box !important;
}

.second-menu-block .el-menu-item,
.second-menu-block .el-submenu__title,
.menu-box .el-menu-item,
.menu-box .el-submenu__title,
.second-menu .el-menu-item,
.second-menu .el-submenu__title,
.second-menu-block .el-submenu .el-menu-item,
.menu-box .el-submenu .el-menu-item,
.second-menu .el-submenu .el-menu-item {
  margin-left: 12px !important;
  margin-right: 12px !important;
  width: auto !important;
  max-width: calc(100% - 24px) !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Element nesting padding stays; don't let item stick to left edge */
.second-menu .el-menu-item,
.second-menu .el-submenu__title,
.second-menu-block .el-menu-item,
.second-menu-block .el-submenu__title,
.menu-box .el-menu-item,
.menu-box .el-submenu__title {
  padding-right: 16px !important;
}

/* ---------- Top Liste bar: keep el-row, just tidy ---------- */
.page-content.istable .table-header.el-row,
.page-content.istable .table-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  min-height: 48px !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
}

.page-content.istable .table-header > .el-col {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
}

.page-content.istable .table-header > .el-col-2 {
  flex: 0 0 auto !important;
  max-width: none !important;
}

.page-content.istable .table-header > .table-btns,
.page-content.istable .table-header > .el-col-22 {
  flex: 1 1 auto !important;
  max-width: none !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.page-content.istable .table-title {
  margin: 0 !important;
  line-height: 1.2 !important;
}

.page-content.istable .table-btns .el-button,
.page-content.istable .table-btn.el-button {
  margin: 0 !important;
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.page-content.istable .search-btn .el-button {
  margin: 0 !important;
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.page-content.istable .table-btns .el-button span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  line-height: 1 !important;
}

.page-content.istable .table-btns .el-button img {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* Fixed-right seam soft; gone at scroll end — no width overrides */
.page-content.istable .el-table__fixed-right {
  box-shadow: -3px 0 8px rgba(15, 23, 42, 0.08) !important;
}
.page-content.istable .el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
  box-shadow: none !important;
}

/* ===== Liste toolbar buttons v47 ===== */
.page-content.istable .table-header,
.page-content.istable .table-header.el-row {
  display: flex !important;
  align-items: center !important;          /* vertical center */
  justify-content: space-between !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  line-height: normal !important;
}

.page-content.istable .table-header > .el-col,
.page-content.istable .table-header .table-title,
.page-content.istable .table-header .table-btns {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: normal !important;
}

.page-content.istable .table-header .table-btns,
.page-content.istable .table-header > .el-col-22 {
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  flex: 1 1 auto !important;
}

.page-content.istable .table-header .table-title {
  align-self: center !important;
}

/* smaller radius — not pill */
.page-content.istable .table-btns .el-button,
.page-content.istable .table-btn.el-button,
.page-content.istable .table-header .el-button {
  border-radius: 6px !important;
  height: 32px !important;
  line-height: 30px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
}

.page-content.istable .table-btns .el-button span {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

/* ===== Ops + scroll v53 ===== */

/*
  Same row model for text cells AND İşlem:
  40px cell + line-height 40px + vertical-align middle.
  Buttons are inline-block (not flex) so they share the text baseline/midline.
*/

.page-content.istable .el-table td,
.page-content.istable .el-table th {
  padding: 0 !important;
  height: 40px !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

.page-content.istable .el-table__body tr,
.page-content.istable .el-table__header tr,
.page-content.istable .el-table__fixed .el-table__body tr,
.page-content.istable .el-table__fixed .el-table__header tr,
.page-content.istable .el-table__fixed-right .el-table__body tr,
.page-content.istable .el-table__fixed-right .el-table__header tr {
  height: 40px !important;
}

.page-content.istable .el-table__body td > .cell,
.page-content.istable .el-table__header th > .cell,
.page-content.istable .el-table__fixed .el-table__body td > .cell,
.page-content.istable .el-table__fixed .el-table__header th > .cell,
.page-content.istable .el-table__fixed-right .el-table__body td > .cell,
.page-content.istable .el-table__fixed-right .el-table__header th > .cell,
.page-content.istable .el-table__fixed-right-body-wrapper td > .cell {
  display: block !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 13px !important;
}

/* İşlem: keep same 40px line box; buttons sit on that midline */
.page-content.istable .el-table__fixed-right .el-table__body td > .cell,
.page-content.istable .el-table__fixed-right-body-wrapper td > .cell {
  font-size: 0 !important; /* kill inline gaps between buttons */
}

.page-content.istable .el-table__fixed-right .el-button,
.page-content.istable .el-table__fixed-right .el-button--mini,
.page-content.istable .el-table__fixed-right .el-button--small,
.page-content.istable .el-table__fixed-right-body-wrapper .el-button {
  display: inline-block !important;
  vertical-align: middle !important;
  float: none !important;
  margin: 0 3px 0 0 !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 8px !important;
  line-height: 22px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  border: none !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.page-content.istable .el-table__fixed-right .el-button:last-child {
  margin-right: 0 !important;
}

.page-content.istable .el-table__fixed-right .el-button span {
  font-size: 12px !important;
  line-height: 22px !important;
  vertical-align: middle !important;
}

/* --- Horizontal scroll ONLY at bottom (body), never on header --- */
.page-content.istable .el-table {
  overflow: visible !important;
}

.page-content.istable .table-block {
  overflow: visible !important;
}

/* top header: no scrollbar */
.page-content.istable .el-table__header-wrapper {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

.page-content.istable .el-table__header-wrapper::-webkit-scrollbar {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
}

/* bottom body: the real left/right scroll for many columns */
.page-content.istable .el-table__body-wrapper {
  overflow-x: auto !important;
}

.page-content.istable .el-table__body-wrapper::-webkit-scrollbar {
  height: 10px !important;
  width: 10px !important;
  display: block !important;
}

.page-content.istable .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: rgba(11, 95, 138, 0.40) !important;
  border-radius: 8px !important;
}

.page-content.istable .el-table__body-wrapper::-webkit-scrollbar-track {
  background: #eef3f7 !important;
}

/* fixed-right stays pinned; do not hide its patch in a way that breaks scroll sync */
.page-content.istable .el-table__fixed-right {
  right: 0 !important;
}

/* pager stays fully visible under the table */
.page-content.istable .table-pagination,
.page-content.istable .el-pagination.table-pagination {
  position: relative !important;
  z-index: 8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
  overflow: visible !important;
}

/* ===== Fixed above scroll v55 ===== */
/*
  Element fixed-right sits absolute and was painting over the bottom x-scrollbar.
  Keep a 10px floor gap so the blue scrollbar is fully visible under İşlem.
*/

.page-content.istable .el-table__body-wrapper {
  overflow-x: auto !important;
}

.page-content.istable .el-table__body-wrapper::-webkit-scrollbar {
  height: 10px !important;
}

/*
  Stretch fixed panes with top+bottom so inline height is ignored,
  leaving a clear band for the bottom x-scrollbar.
*/
.page-content.istable .el-table__fixed,
.page-content.istable .el-table__fixed-right {
  top: 0 !important;
  bottom: 10px !important;
  height: auto !important;
  max-height: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.page-content.istable .el-table__fixed-right {
  right: 0 !important;
}

/* Corner patch in the scrollbar gutter (does not cover the scroll thumb area of body) */
.page-content.istable .el-table__fixed-right-patch {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 10px !important;
  background: #eef3f7 !important;
  border-top: 1px solid #e4eef5 !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

/* Don't let white fixed background extend into scrollbar band via pseudo */
.page-content.istable .el-table__fixed-right::before,
.page-content.istable .el-table__fixed::before {
  display: none !important;
}

/* ===== Ops horizontal center v56 ===== */

/* Header "İşlem" centered like "Not" */
.page-content.istable .el-table__fixed-right .el-table__header th,
.page-content.istable .el-table__fixed-right .el-table__header th > .cell {
  text-align: center !important;
}

.page-content.istable .el-table__fixed-right .el-table__header th > .cell {
  display: block !important;
  width: 100% !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Body buttons centered in the cell */
.page-content.istable .el-table__fixed-right .el-table__body td,
.page-content.istable .el-table__fixed-right-body-wrapper td {
  text-align: center !important;
}

.page-content.istable .el-table__fixed-right .el-table__body td > .cell,
.page-content.istable .el-table__fixed-right-body-wrapper td > .cell {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important; /* horizontal center */
  gap: 4px !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 0 !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  box-sizing: border-box !important;
}

.page-content.istable .el-table__fixed-right .el-button,
.page-content.istable .el-table__fixed-right .el-button--mini,
.page-content.istable .el-table__fixed-right .el-button--small,
.page-content.istable .el-table__fixed-right-body-wrapper .el-button {
  margin: 0 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

/* ===== Fit-width list pages v57 ===== */
/* Araç sorgusu / Çalışanlar / Cihaz türü — full width, no x-scroll, no fixed split */

.page-content.istable.fit-width .el-table,
.page-content.istable.fit-width .el-table__header-wrapper table,
.page-content.istable.fit-width .el-table__body-wrapper table {
  width: 100% !important;
}

.page-content.istable.fit-width .el-table__body-wrapper,
.page-content.istable.fit-width .el-table__header-wrapper {
  overflow-x: hidden !important;
}

.page-content.istable.fit-width .el-table__body-wrapper::-webkit-scrollbar {
  height: 0 !important;
  display: none !important;
}

.page-content.istable.fit-width .el-table__fixed,
.page-content.istable.fit-width .el-table__fixed-right,
.page-content.istable.fit-width .el-table__fixed-right-patch {
  display: none !important;
}

.page-content.istable.fit-width .el-table__body td > .cell:has(.el-button),
.page-content.istable.fit-width .el-table__header th:last-child > .cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  text-align: center !important;
}

.page-content.istable.fit-width .el-table__header th:last-child,
.page-content.istable.fit-width .el-table__body td:last-child {
  text-align: center !important;
}

.page-content.istable.fit-width .el-table .el-button,
.page-content.istable.fit-width .el-table .el-button--mini {
  margin: 0 !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  line-height: 22px !important;
  font-size: 12px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.page-content.istable.fit-width .el-table td,
.page-content.istable.fit-width .el-table th {
  padding: 0 !important;
  height: 40px !important;
  vertical-align: middle !important;
}

.page-content.istable.fit-width .el-table__body td > .cell,
.page-content.istable.fit-width .el-table__header th > .cell {
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

.page-content.istable.fit-width .table-block {
  overflow: visible !important;
}

.page-content.istable.fit-width .table-pagination {
  position: relative !important;
  overflow: visible !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 8px 12px !important;
  background: #fff !important;
}

/* ===== Istable viewport fit v58 ===== */
/* Normal list pages: column. Split pages (devInfoSearch): row — see v59 */

.page-contain,
.page-main,
.page-contain > .page-content,
.page-main > .page-content {
  height: 100% !important;
  max-height: 100% !important;
  box-sizing: border-box !important;
}

.page-contain {
  overflow: visible !important;
} /* was hidden; clipped position tree */

.page-content.istable {
  height: 100% !important;
  max-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 12px 14px 8px !important;
  background: #f4f8fb !important;
}

.page-content.istable .head-block {
  flex: 0 0 auto !important;
  margin-bottom: 10px !important;
}

.page-content.istable .table-block {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #e4eef5 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(15, 40, 60, 0.05) !important;
}

.page-content.istable .table-block > .el-table,
.page-content.istable .table-block .el-table {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
}

.page-content.istable .el-table__body-wrapper {
  overflow-x: auto !important;
}

.page-content.istable .el-table__header-wrapper {
  overflow-x: hidden !important;
}

.page-content.istable .el-table__body-wrapper::-webkit-scrollbar {
  height: 10px !important;
  display: block !important;
}

.page-content.istable .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background: rgba(11, 95, 138, 0.40) !important;
  border-radius: 8px !important;
}

.page-content.istable .el-table__body-wrapper::-webkit-scrollbar-track {
  background: #eef3f7 !important;
}

.page-content.istable .table-pagination,
.page-content.istable .el-pagination.table-pagination {
  flex: 0 0 48px !important;
  position: relative !important;
  z-index: 8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  overflow: visible !important;
  border-top: 1px solid #eef3f7 !important;
}

.page-content.istable.fit-width .el-table__body-wrapper {
  overflow-x: hidden !important;
}
.page-content.istable.fit-width .el-table__body-wrapper::-webkit-scrollbar {
  height: 0 !important;
  display: none !important;
}

/* ===== DevOps split fix v59 ===== */
/*
  Operasyon yönetimi pages like Cihaz bilgi sorgusu (devInfoSearch):
  left dept-car-tree + right-box table — must be ROW, not column.
*/

.page-content.istable:has(> .right-box),
.page-content.istable:has(.right-box) {
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 10px 12px !important;
}

/* Left vehicle/org tree (direct sibling of .right-box) */
.page-content.istable:has(> .right-box) > *:not(.right-box),
.page-content.istable:has(.right-box) > .second-menu,
.page-content.istable:has(.right-box) > .second-menu.sidesBlock {
  flex: 0 0 300px !important;
  width: 300px !important;
  max-width: 340px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Right content column */
.page-content.istable .right-box {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

.page-content.istable .right-box .head-block {
  flex: 0 0 auto !important;
  margin-bottom: 10px !important;
  background: #fff !important;
  border: 1px solid #e4eef5 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(15, 40, 60, 0.05) !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
}

.page-content.istable .right-box .table-block {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.page-content.istable .right-box .el-table {
  height: 100% !important;
}

/* Left menu under Operasyon yönetimi: ensure submenu items fully visible */
.second-menu-block .el-submenu .el-menu,
.menu-box .el-submenu .el-menu,
.second-menu .el-submenu .el-menu {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  background: transparent !important;
}

.second-menu-block .el-submenu .el-menu-item,
.menu-box .el-submenu .el-menu-item,
.second-menu .el-submenu .el-menu-item {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 38px !important;
  line-height: 1.35 !important;
  margin: 3px 12px !important;
  max-width: calc(100% - 24px) !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow: visible !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* ===== Login background v60 ===== */
/* Vehicle video tracking platform atmosphere */
.page-login.thelogin,
.page-login.keluona,
#page-login.page-login {
  background-color: #0b1526 !important;
  background-image: url(/static/img/careye-login-bg.png) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  height: 100% !important;
  position: relative !important;
}

/* subtle dark veil so login card stays readable */
.page-login.thelogin::before,
.page-login.keluona::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(8, 18, 34, 0.28) 0%, rgba(8, 18, 34, 0.12) 45%, rgba(8, 18, 34, 0.45) 100%),
    linear-gradient(180deg, rgba(8, 18, 34, 0.18) 0%, rgba(8, 18, 34, 0.08) 40%, rgba(8, 18, 34, 0.35) 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.page-login.thelogin .page-login--content,
.page-login.keluona .page-login--content {
  position: relative !important;
  z-index: 1 !important;
}

/* Language selector: keep top-right (do not force relative) */
.page-login.thelogin .top-block,
.page-login.keluona .top-block {
  position: absolute !important;
  top: 20px !important;
  right: 40px !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
  color: #fff !important;
}

.page-login.thelogin .top-block .el-dropdown-link,
.page-login.keluona .top-block .el-dropdown-link {
  color: #fff !important;
  cursor: pointer !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}

.page-login.thelogin .page-login--form,
.page-login.keluona .page-login--form {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.65) !important;
  box-shadow: 0 16px 40px rgba(5, 16, 32, 0.35) !important;
  backdrop-filter: blur(8px) !important;
}

.page-login.thelogin .page-login--content-main .title,
.page-login.keluona .page-login--content-main .title {
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45) !important;
}

/* ===== Position tree fix v62 ===== */
/*
  positionMonitor vehicle list uses .second-menu.treeOverMenu
  with left: -(sidebarWidth+12). Must NOT be clipped.
*/

.page-content.had-tip {
  overflow: visible !important;
  position: relative !important;
}

/* Keep main content from eating the floating tree */
.page-contain > .el-container,
.page-contain .el-main,
.el-main .page-content.had-tip {
  overflow: visible !important;
}

/* Restore slide-over vehicle tree panel */
.page-content.had-tip > .second-menu.treeOverMenu,
.second-menu.treeOverMenu {
  position: absolute !important;
  top: -6px !important;
  height: calc(100% + 12px) !important;
  z-index: 20 !important;
  overflow: hidden !important;
  background: #f4f8fb !important;
  box-sizing: border-box !important;
  /* width/left come from inline stylestr */
  max-width: none !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.second-menu.treeOverMenu .tree-box,
.second-menu.treeOverMenu .second-menu-block.tree-box,
.second-menu.treeOverMenu .el-menu-vertical {
  height: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* Vehicle ztree must have real height + scroll */
.second-menu.treeOverMenu .filter-tree,
.second-menu.treeOverMenu .ztree.filter-tree,
.second-menu.treeOverMenu .el-menu-vertical .filter-tree {
  height: calc(100% - 110px) !important;
  min-height: 200px !important;
  overflow: auto !important;
  background: #fff !important;
  color: #243642 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* show scrollbar again so long vehicle lists are usable */
.second-menu.treeOverMenu .filter-tree::-webkit-scrollbar,
.second-menu.treeOverMenu .el-menu-vertical::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
  display: block !important;
}

.second-menu.treeOverMenu .filter-tree::-webkit-scrollbar-thumb {
  background: rgba(11, 95, 138, 0.35) !important;
  border-radius: 8px !important;
}

.second-menu.treeOverMenu .filter-tree li,
.second-menu.treeOverMenu .ztree li {
  display: list-item !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  line-height: 24px !important;
}

.second-menu.treeOverMenu .filter-tree li a,
.second-menu.treeOverMenu .ztree li a {
  display: inline-block !important;
  color: #243642 !important;
  height: 26px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Do not let generic left-nav item styles crush the map vehicle tree */
.second-menu.treeOverMenu .el-menu-item,
.second-menu.treeOverMenu .el-submenu__title {
  margin: 0 !important;
  height: auto !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* ===== Login layout logo v63 ===== */

/* Hide platform title text */
.page-login.thelogin .page-login--content-main > .title,
.page-login.keluona .page-login--content-main > .title,
#page-login .page-login--content-main > .title {
  display: none !important;
}

/* Center the login stack */
.page-login.thelogin .page-login--content-main,
.page-login.keluona .page-login--content-main,
#page-login .page-login--content-main {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 24px 16px !important;
}

/* SOEST logo above the login card */
.page-login.thelogin .page-login--content-main::before,
.page-login.keluona .page-login--content-main::before,
#page-login .page-login--content-main::before {
  content: "" !important;
  display: block !important;
  width: min(420px, 88vw) !important;
  height: 92px !important;
  margin: 0 auto 22px !important;
  background-color: transparent !important; background-image: url(/static/img/soest-login-logo.png?v=70) !important; background-position: center center !important; background-size: contain !important; background-repeat: no-repeat !important;
  flex: 0 0 auto !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Center login box (was top/right absolute) */
.page-login.thelogin .page-login--form,
.page-login.keluona .page-login--form,
#page-login .page-login--form {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 auto !important;
  width: min(360px, 92vw) !important;
  flex: 0 0 auto !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 18px 48px rgba(5, 16, 32, 0.38) !important;
  backdrop-filter: blur(10px) !important;
  padding: 28px 36px !important;
  box-sizing: border-box !important;
}

.page-login.thelogin .page-login--form .title-tabs,
.page-login.keluona .page-login--form .title-tabs {
  justify-content: center !important;
}

.page-login.thelogin .page-login--form .login-title,
.page-login.keluona .page-login--form .login-title {
  margin-right: 0 !important;
}

/* Keep footer from colliding with centered card */
.page-login.thelogin .page-login--content-footer,
.page-login.keluona .page-login--content-footer {
  z-index: 1 !important;
}


/* ===== Collapsed sidebar icons centered ===== */
.second-menu .el-menu--collapse > .el-menu-item,
.second-menu .el-menu--collapse > .el-submenu > .el-submenu__title,
.menu-box .el-menu--collapse > .el-menu-item,
.menu-box .el-menu--collapse > .el-submenu > .el-submenu__title,
.second-menu-block .el-menu--collapse > .el-menu-item,
.second-menu-block .el-menu--collapse > .el-submenu > .el-submenu__title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 6px auto !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

.second-menu .el-menu--collapse .el-tooltip,
.menu-box .el-menu--collapse .el-tooltip,
.second-menu-block .el-menu--collapse .el-tooltip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.second-menu .el-menu--collapse .el-menu-item .img,
.second-menu .el-menu--collapse .el-submenu__title .img,
.menu-box .el-menu--collapse .el-menu-item .img,
.menu-box .el-menu--collapse .el-submenu__title .img,
.second-menu-block .el-menu--collapse .el-menu-item .img,
.second-menu-block .el-menu--collapse .el-submenu__title .img,
.second-menu .el-menu--collapse .el-menu-item i,
.second-menu .el-menu--collapse .el-submenu__title i {
  display: block !important;
  margin: 0 auto !important;
  float: none !important;
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
}

.second-menu .el-menu--collapse .el-menu-item .menu-name,
.second-menu .el-menu--collapse .el-submenu__title .menu-name,
.menu-box .el-menu--collapse .el-menu-item .menu-name,
.menu-box .el-menu--collapse .el-submenu__title .menu-name,
.second-menu .el-menu--collapse .el-menu-item span,
.second-menu .el-menu--collapse .el-submenu__title span {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.second-menu .el-menu--collapse .el-submenu__icon-arrow,
.menu-box .el-menu--collapse .el-submenu__icon-arrow {
  display: none !important;
}

/* ===== Car info edit dialog size (scoped) ===== */
/* Only Araç Bilgileri add/edit/detail dialog */
.dialog-model-content.car-info-dialog {
  width: min(900px, 92vw) !important;
  max-width: 900px !important;
  height: auto !important;
  max-height: min(78vh, 680px) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.dialog-model-content.car-info-dialog .dialog-model-head {
  flex: 0 0 40px !important;
}

.dialog-model-content.car-info-dialog .dialog-model-body {
  flex: 0 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: calc(min(78vh, 680px) - 40px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 8px !important;
}

.dialog-model-content.car-info-dialog .body-info-btns {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 5 !important;
  margin-top: 4px !important;
  padding: 10px 0 6px !important;
  background: #fff !important;
}


/* ===== Hide Tumu/Cevrimici filter tip icons ===== */
/* Hide corner tip icons on all status filter buttons */
.second-menu .tree-box .filter-btns .f-btn > img.tip,
.second-menu .tree-box.whiteBG .filter-btns .f-btn > img.tip,
.menu-box .filter-btns .f-btn > img.tip,
.second-menu .tree-box .filter-btns .f-btn img.tip,
.second-menu .tree-box.whiteBG .filter-btns .f-btn img.tip {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}


/* ===== Map tools roaming menu polish ===== */
.map-tools-box .map-tools-btns {
  border: none !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(15, 40, 60, 0.16) !important;
  padding: 8px !important;
}

.map-tools-box .map-tools-btns .img-tip {
  background-color: var(--main-bg-color) !important;
  border-radius: 2px !important;
}

.map-tools-box .map-tools-btns .list,
.map-tools-box .map-tools-btns.open .list {
  display: none;
}

.map-tools-box .map-tools-btns.open .list {
  display: block !important;
}

.map-tools-box .map-tools-btns .list {
  right: 48px !important;
  top: -8px !important;
  min-width: 280px !important;
  padding: 8px !important;
  border: 1px solid #d7e6f2 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(15, 40, 60, 0.18) !important;
  overflow: hidden !important;
}

.map-tools-box .map-tools-btns .list:before {
  display: none !important;
}

/* header row = first selected/roam item look like a title bar */
.map-tools-box .map-tools-btns .list .item:first-child {
  background: linear-gradient(180deg, #2f7db8 0%, #1f6ea8 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  height: 40px !important;
  line-height: 40px !important;
  margin-bottom: 6px !important;
  padding: 0 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

.map-tools-box .map-tools-btns .list .item:first-child .img {
  filter: brightness(0) invert(1) !important;
  width: 14px !important;
  margin-right: 8px !important;
}

.map-tools-box .map-tools-btns .list .item {
  height: 36px !important;
  line-height: 36px !important;
  margin: 2px 0 !important;
  padding: 0 12px !important;
  border-bottom: none !important;
  border-radius: 10px !important;
  color: #2b3a45 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  transition: background .15s ease, color .15s ease, transform .15s ease !important;
}

.map-tools-box .map-tools-btns .list .item .img {
  width: 14px !important;
  height: auto !important;
  margin-right: 10px !important;
  opacity: 0.85 !important;
}

.map-tools-box .map-tools-btns .list .item:hover,
.map-tools-box .map-tools-btns .list .item.choice {
  background: #eef6fc !important;
  color: #0b5f8a !important;
  transform: translateX(-1px);
}

.map-tools-box .map-tools-btns .list .item:first-child:hover,
.map-tools-box .map-tools-btns .list .item:first-child.choice {
  background: linear-gradient(180deg, #3486c2 0%, #2274b0 100%) !important;
  color: #fff !important;
}


/* ===== User dropdown menu polish ===== */
/* Single-layer header icon buttons (avoid ghost double boxes) */
.head .head-block .head-menus .head-user-block .el-dropdown,
.head .head-block .head-menus .head-user-block {
  border-radius: 11px !important;
}

.head .head-block .head-menus._right {
  overflow: visible !important;
}

.head .head-block .head-menus .head-user-block {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 44px !important;
  height: 40px !important;
  margin: 0 3px !important;
  padding: 0 !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  overflow: visible !important;
  transition: background .15s ease, border-color .15s ease !important;
}

.head .head-block .head-menus .head-user-block:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  transform: none !important;
}

/* Inner trigger must be transparent — parent owns the plate */
.head .head-block .head-menus .head-user-block .user-name,
.head .head-block .head-menus .head-user-block .el-dropdown,
.head .head-block .head-menus .head-user-block .el-dropdown-selfdefine {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.head .head-block .head-menus .head-user-block:hover .user-name,
.head .head-block .head-menus .head-user-block .user-name:hover {
  background: transparent !important;
  border: none !important;
}

.head .head-block .head-menus .head-user-block .user-name .headimg {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  display: block !important;
  object-fit: contain !important;
  filter: none !important;
  box-shadow: none !important;
}

.head .head-block .head-menus .head-user-block .user-name {
  position: relative !important;
}

.head .head-block .head-menus .head-user-block .user-name .point {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ff9f1a !important;
  box-shadow: 0 0 0 2px rgba(255, 159, 26, 0.25) !important;
}

/* dropdown panel — overflow visible so language flyout can show */
.el-dropdown-menu:has(.the-dropdown-item),
.el-popper.el-dropdown-menu:has(.the-dropdown-item) {
  min-width: 230px !important;
  padding: 8px !important;
  border: 1px solid #d7e6f2 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(15, 40, 60, 0.18) !important;
  overflow: visible !important;
}

/* fallback without :has for older engines */
.el-dropdown-menu .the-dropdown-item {
  margin: 2px 0 !important;
}

.el-dropdown-menu .the-dropdown-item,
.el-dropdown-menu .el-dropdown-menu__item.the-dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 12px !important;
  margin: 2px 0 !important;
  border-radius: 10px !important;
  color: #2b3a45 !important;
  font-size: 13.5px !important;
  font-weight: 550 !important;
  transition: background .15s ease, color .15s ease, transform .15s ease !important;
}

.el-dropdown-menu .the-dropdown-item.for-align {
  padding-left: 12px !important;
}

.el-dropdown-menu .the-dropdown-item .fa,
.el-dropdown-menu .the-dropdown-item .for-align-i {
  width: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
  color: var(--main-bg-color) !important;
  font-size: 16px !important;
  text-align: center !important;
}

.el-dropdown-menu .the-dropdown-item .headimg {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

.el-dropdown-menu .the-dropdown-item > div {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.el-dropdown-menu .the-dropdown-item:hover,
.el-dropdown-menu .the-dropdown-item:focus,
.el-dropdown-menu .el-dropdown-menu__item.the-dropdown-item:hover,
.el-dropdown-menu .el-dropdown-menu__item.the-dropdown-item:focus {
  background: #eef6fc !important;
  color: #0b5f8a !important;
  transform: translateX(-1px);
}

.el-dropdown-menu .the-dropdown-item:hover .fa,
.el-dropdown-menu .the-dropdown-item:focus .fa {
  color: #0b5f8a !important;
}

/* logout emphasis */
.el-dropdown-menu .the-dropdown-item:last-child {
  margin-top: 6px !important;
  border-top: 1px solid #e8f0f6 !important;
  border-radius: 0 0 10px 10px !important;
  color: #c0392b !important;
}

.el-dropdown-menu .the-dropdown-item:last-child .fa {
  color: #c0392b !important;
}

.el-dropdown-menu .the-dropdown-item:last-child:hover {
  background: #fdecea !important;
  color: #a93226 !important;
}

/* nested language / version flyout */
.the-dropdown-item .select-box {
  right: calc(100% + 8px) !important;
  top: -4px !important;
  min-width: 160px !important;
  padding: 6px !important;
  border: 1px solid #d7e6f2 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(15, 40, 60, 0.16) !important;
  background: #fff !important;
}

.the-dropdown-item .select-box .select-item {
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  margin: 2px 0 !important;
}

.the-dropdown-item .select-box .select-item.act,
.the-dropdown-item .select-box .select-item:hover {
  color: #0b5f8a !important;
  background: #eef6fc !important;
}

/* theme color picker button */
.el-dropdown-menu .the-dropdown-item .el-color-picker,
.el-dropdown-menu .the-dropdown-item .el-color-picker__trigger {
  border-radius: 8px !important;
  border-color: #d7e6f2 !important;
  height: 26px !important;
  width: 26px !important;
  padding: 0 !important;
}



/* ===== Close buttons: no ghost plate ===== */
.dialog-model-head .el-icon-close,
.el-dialog__headerbtn,
.el-tabs__item .el-icon-close,
.el-icon-circle-close.imgClose,
.theClose {
  background: transparent !important;
  box-shadow: none !important;
}
.dialog-model-head .el-icon-close:hover,
.el-dialog__headerbtn:hover,
.el-tabs__item .el-icon-close:hover,
.el-icon-circle-close.imgClose:hover,
.theClose:hover {
  background: rgba(231, 76, 60, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}


/* ===== Role/small dialog input stretch ===== */
/* Role edit dialog (data-v-2b02d2bb) and any compact dialog forms */
.dialog-model .dialog-model-content[style*="720px"] .form-check,
.dialog-model .dialog-model-content[style*="680px"] .form-check,
.dialog-model .dialog-model-content[style*="640px"] .form-check,
.dialog-model[data-v-2b02d2bb] .form-check,
.dialog-model-content[data-v-2b02d2bb] .form-check,
.dialog-model .dialog-model-content[data-v-2b02d2bb] .body-info .body-info-attrs .form-check {
  grid-template-columns: 1fr 1fr !important;
}

/* Ensure input groups are flex and input fills remaining space */
.dialog-model .form-check .body-info-attr.el-input,
.dialog-model .form-check .body-info-attr.el-input-group,
.dialog-model .form-check .el-input-group--prepend,
.dialog-model .body-info .body-info-attrs .form-check .body-info-attr.el-input,
.dialog-model .body-info .body-info-attrs .form-check .body-info-attr.el-input-group {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

.dialog-model .form-check .body-info-attr .el-input-group__prepend,
.dialog-model .form-check .el-input-group__prepend,
.dialog-model .body-info .body-info-attrs .form-check .el-input-group__prepend {
  flex: 0 0 110px !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.dialog-model .form-check .body-info-attr .el-input__inner,
.dialog-model .form-check .body-info-attr.el-input .el-input__inner,
.dialog-model .body-info .body-info-attrs .form-check .body-info-attr .el-input__inner {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* If dialog content is still narrow (<500), stack fields */
.dialog-model .dialog-model-content[style*="352px"] .form-check,
.dialog-model .dialog-model-content[style*="430px"] .form-check:not(.auth) {
  grid-template-columns: 1fr !important;
}



/* ===== Language flyout fix ===== */
.el-dropdown-menu,
.el-popper.el-dropdown-menu,
.el-dropdown-menu.el-popper {
  overflow: visible !important;
}

.el-dropdown-menu .the-dropdown-item,
.el-dropdown-menu .el-dropdown-menu__item.the-dropdown-item {
  overflow: visible !important;
  position: relative !important;
}

/* keep item height but allow nested panel outside */
.el-dropdown-menu .the-dropdown-item .select-box,
.the-dropdown-item .select-box {
  display: none;
  position: absolute !important;
  right: calc(100% + 6px) !important;
  left: auto !important;
  top: 0 !important;
  z-index: 5000 !important;
  min-width: 180px !important;
  max-height: 70vh !important;
  overflow-y: auto !important;
  padding: 6px !important;
  border: 1px solid #d7e6f2 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(15, 40, 60, 0.18) !important;
  background: #fff !important;
}

.el-dropdown-menu .the-dropdown-item:hover > .select-box,
.the-dropdown-item:hover > .select-box,
.the-dropdown-item .select-box:hover {
  display: block !important;
}

/* bridge hover gap between item and flyout */
.el-dropdown-menu .the-dropdown-item .select-box::before,
.the-dropdown-item .select-box::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -10px !important;
  width: 12px !important;
  height: 100% !important;
  background: transparent !important;
}

.the-dropdown-item .select-box .select-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  margin: 2px 0 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

/* ===== Password change dialog ===== */
/* Modify-password: stacked, slightly smaller, centered */
.dialog-model[data-v-3b39080a] .dialog-model-content,
.dialog-model.allscreen[data-v-3b39080a] .dialog-model-content,
.dialog-model[data-v-3b39080a] > .dialog-model-content,
.dialog-model.allscreen .dialog-model-content[style*="520px"],
.dialog-model .dialog-model-content[style*="520px"],
.dialog-model.allscreen .dialog-model-content[style*="480px"],
.dialog-model .dialog-model-content[style*="480px"] {
  width: 420px !important;
  max-width: 92vw !important;
  height: auto !important;
  min-height: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.dialog-model[data-v-3b39080a] .dialog-model-body,
.dialog-model[data-v-3b39080a] .body-info,
.dialog-model[data-v-3b39080a] .body-info-attrs,
.dialog-model .dialog-model-content[style*="520px"] .dialog-model-body,
.dialog-model .dialog-model-content[style*="520px"] .body-info,
.dialog-model .dialog-model-content[style*="520px"] .body-info-attrs,
.dialog-model .dialog-model-content[style*="480px"] .dialog-model-body,
.dialog-model .dialog-model-content[style*="480px"] .body-info,
.dialog-model .dialog-model-content[style*="480px"] .body-info-attrs {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 14px 20px 6px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.dialog-model[data-v-3b39080a] .form-check,
.dialog-model.allscreen[data-v-3b39080a] .form-check,
.dialog-model[data-v-3b39080a] .body-info .body-info-attrs .form-check,
.dialog-model[data-v-3b39080a] .dialog-model-body .form-check,
.dialog-model .dialog-model-content[style*="520px"] .form-check,
.dialog-model .dialog-model-content[style*="480px"] .form-check,
.dialog-model.allscreen .dialog-model-content[style*="520px"] .form-check,
.dialog-model.allscreen .dialog-model-content[style*="480px"] .form-check {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  grid-template-columns: none !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 360px !important;
  margin: 0 auto !important;
}

.dialog-model[data-v-3b39080a] .form-check > .el-form-item,
.dialog-model[data-v-3b39080a] .body-info .body-info-attrs .form-check > .el-form-item,
.dialog-model .dialog-model-content[style*="520px"] .form-check > .el-form-item,
.dialog-model .dialog-model-content[style*="480px"] .form-check > .el-form-item {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  grid-column: auto !important;
}

.dialog-model[data-v-3b39080a] .form-check > .el-form-item > .el-form-item__content,
.dialog-model .dialog-model-content[style*="520px"] .form-check > .el-form-item > .el-form-item__content,
.dialog-model .dialog-model-content[style*="480px"] .form-check > .el-form-item > .el-form-item__content {
  width: 100% !important;
  margin-left: 0 !important;
  line-height: normal !important;
}

.dialog-model[data-v-3b39080a] .form-check .body-info-attr,
.dialog-model[data-v-3b39080a] .form-check .body-info-attr.el-input,
.dialog-model[data-v-3b39080a] .form-check .el-input-group,
.dialog-model[data-v-3b39080a] .form-check .el-input-group--prepend,
.dialog-model .dialog-model-content[style*="520px"] .form-check .body-info-attr,
.dialog-model .dialog-model-content[style*="520px"] .form-check .el-input-group,
.dialog-model .dialog-model-content[style*="480px"] .form-check .body-info-attr,
.dialog-model .dialog-model-content[style*="480px"] .form-check .el-input-group {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.dialog-model[data-v-3b39080a] .form-check .el-input-group__prepend,
.dialog-model .dialog-model-content[style*="520px"] .form-check .el-input-group__prepend,
.dialog-model .dialog-model-content[style*="480px"] .form-check .el-input-group__prepend {
  flex: 0 0 110px !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
}

.dialog-model[data-v-3b39080a] .form-check .body-info-attr .el-input__inner,
.dialog-model .dialog-model-content[style*="520px"] .form-check .body-info-attr .el-input__inner,
.dialog-model .dialog-model-content[style*="480px"] .form-check .body-info-attr .el-input__inner {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 34px !important;
  font-size: 13px !important;
}

.dialog-model[data-v-3b39080a] .body-info-btns,
.dialog-model .dialog-model-content[style*="520px"] .body-info-btns,
.dialog-model .dialog-model-content[style*="480px"] .body-info-btns {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 12px auto 10px !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 360px !important;
  box-sizing: border-box !important;
}

.dialog-model[data-v-3b39080a] .body-info-btns .body-info-btn,
.dialog-model[data-v-3b39080a] .body-info-btns .el-button,
.dialog-model .dialog-model-content[style*="520px"] .body-info-btns .el-button,
.dialog-model .dialog-model-content[style*="480px"] .body-info-btns .el-button {
  margin: 0 !important;
}



/* ===== Sidebar long menu label wrap ===== */
.second-menu-block .el-menu-item,
.second-menu-block .el-submenu__title,
.menu-box .el-menu-item,
.menu-box .el-submenu__title,
.second-menu .el-menu-item,
.second-menu .el-submenu__title,
.second-menu-block .el-submenu .el-menu-item,
.menu-box .el-submenu .el-menu-item,
.second-menu .el-submenu .el-menu-item {
  height: auto !important;
  min-height: 38px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow: visible !important;
  align-items: center !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.second-menu-block .el-menu-item.is-active,
.menu-box .el-menu-item.is-active,
.second-menu .el-menu-item.is-active,
.second-menu-block .el-submenu .el-menu-item.is-active,
.menu-box .el-submenu .el-menu-item.is-active,
.second-menu .el-submenu .el-menu-item.is-active {
  overflow: visible !important;
  height: auto !important;
  min-height: 38px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.second-menu-block .el-menu-item .menu-name,
.second-menu-block .el-submenu__title .menu-name,
.menu-box .el-menu-item .menu-name,
.menu-box .el-submenu__title .menu-name,
.second-menu .el-menu-item .menu-name,
.second-menu .el-submenu__title .menu-name,
.second-menu-block .el-menu-item span,
.second-menu-block .el-submenu__title span,
.menu-box .el-menu-item span,
.menu-box .el-submenu__title span,
.second-menu .el-menu-item span,
.second-menu .el-submenu__title span,
.second-menu-block .el-submenu .el-menu-item span,
.menu-box .el-submenu .el-menu-item span,
.second-menu .el-submenu .el-menu-item span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
  display: inline-block !important;
  max-width: 100% !important;
  vertical-align: middle !important;
}

/* inline submenu container must grow with wrapped items */
.second-menu-block .el-submenu .el-menu--inline,
.menu-box .el-submenu .el-menu--inline,
.second-menu .el-submenu .el-menu--inline,
.second-menu-block .el-submenu .el-menu,
.menu-box .el-submenu .el-menu,
.second-menu .el-submenu .el-menu {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* ===== Send text dialog polish ===== */
/* 文本下发 / Metin gönder — rows stacked, label|input side-by-side like original */
.dialog-model[data-v-00bad25e] .dialog-model-content,
.dialog-model.allscreen[data-v-00bad25e] .dialog-model-content,
.dialog-model .dialog-model-content[style*="620px"] {
  width: 560px !important;
  max-width: 94vw !important;
  height: auto !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

.dialog-model[data-v-00bad25e] .dialog-model-head,
.dialog-model .dialog-model-content[style*="620px"] .dialog-model-head {
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.dialog-model[data-v-00bad25e] .dialog-model-body,
.dialog-model .dialog-model-content[style*="620px"] .dialog-model-body {
  padding: 16px 18px 10px !important;
  box-sizing: border-box !important;
}

.dialog-model[data-v-00bad25e] .body-info,
.dialog-model[data-v-00bad25e] .body-info-attrs,
.dialog-model .dialog-model-content[style*="620px"] .body-info,
.dialog-model .dialog-model-content[style*="620px"] .body-info-attrs {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Form: one field per row */
.dialog-model[data-v-00bad25e] .dialog-model-body .body-info .body-info-attrs .form-check,
.dialog-model.allscreen[data-v-00bad25e] .dialog-model-body .body-info .body-info-attrs .form-check,
.dialog-model[data-v-00bad25e] .body-info .body-info-attrs .form-check,
.dialog-model[data-v-00bad25e] .form-check,
.dialog-model .dialog-model-content[style*="620px"] .dialog-model-body .body-info .body-info-attrs .form-check,
.dialog-model .dialog-model-content[style*="620px"] .form-check,
.dialog-model .dialog-model-content[style*="560px"] .dialog-model-body .body-info .body-info-attrs .form-check,
.dialog-model .dialog-model-content[style*="560px"] .form-check {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  grid-template-columns: none !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.dialog-model[data-v-00bad25e] .dialog-model-body .body-info .body-info-attrs .form-check > .el-form-item,
.dialog-model[data-v-00bad25e] .form-check > .el-form-item,
.dialog-model .dialog-model-content[style*="620px"] .form-check > .el-form-item,
.dialog-model .dialog-model-content[style*="560px"] .form-check > .el-form-item {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-column: auto !important;
  float: none !important;
}

.dialog-model[data-v-00bad25e] .form-check > .el-form-item > .el-form-item__content,
.dialog-model .dialog-model-content[style*="620px"] .form-check > .el-form-item > .el-form-item__content,
.dialog-model .dialog-model-content[style*="560px"] .form-check > .el-form-item > .el-form-item__content {
  width: 100% !important;
  margin-left: 0 !important;
  line-height: normal !important;
}

/* Row: gray label left + control right (classic look) */
.dialog-model[data-v-00bad25e] .form-check .body-info-attr,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr.attr-select,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr.attr-radio,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr.attr-textarea,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr.attr-select,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr.attr-radio,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr.attr-textarea,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr.attr-select,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr.attr-radio,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr.attr-textarea {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 36px !important;
  box-sizing: border-box !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.dialog-model[data-v-00bad25e] .form-check .body-info-attr-label,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr-label,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr-label {
  flex: 0 0 130px !important;
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background: #f5f7fa !important;
  border: none !important;
  border-right: 1px solid #dcdfe6 !important;
  color: #606266 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}

.dialog-model[data-v-00bad25e] .form-check .body-info-attr-label .sinal,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr-label .sinal,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr-label .sinal {
  color: #f56c6c !important;
  margin-right: 2px !important;
}

/* Controls fill remaining width */
.dialog-model[data-v-00bad25e] .form-check .body-info-attr-select,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr-radio,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr-textarea,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr .el-select,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr .el-textarea,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr .el-checkbox-group,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr-select,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr-radio,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr-textarea,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr .el-select,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr-select,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr-radio,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr-textarea,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr .el-select {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  border: none !important;
  box-shadow: none !important;
  align-self: stretch !important;
}

.dialog-model[data-v-00bad25e] .form-check .body-info-attr-radio,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr .el-checkbox-group,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr-radio,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr-radio {
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  min-height: 36px !important;
  background: #fff !important;
}

.dialog-model[data-v-00bad25e] .form-check .body-info-attr .el-select,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr-select,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr .el-select,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr .el-select {
  display: block !important;
}

.dialog-model[data-v-00bad25e] .form-check .body-info-attr .el-input__inner,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr-select .el-input__inner,
.dialog-model[data-v-00bad25e] .form-check .body-info-attr .el-textarea__inner,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr .el-input__inner,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr .el-textarea__inner,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr .el-input__inner,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr .el-textarea__inner {
  width: 100% !important;
  min-width: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

.dialog-model[data-v-00bad25e] .form-check .body-info-attr .el-textarea__inner,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr .el-textarea__inner,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr .el-textarea__inner {
  height: 88px !important;
  min-height: 88px !important;
  line-height: 1.5 !important;
  padding: 8px 12px !important;
  resize: vertical !important;
}

.dialog-model[data-v-00bad25e] .form-check .body-info-attr.attr-textarea,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr.attr-textarea,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr.attr-textarea {
  align-items: stretch !important;
  min-height: 88px !important;
}

.dialog-model[data-v-00bad25e] .form-check .body-info-attr.attr-textarea .body-info-attr-label,
.dialog-model .dialog-model-content[style*="620px"] .form-check .body-info-attr.attr-textarea .body-info-attr-label,
.dialog-model .dialog-model-content[style*="560px"] .form-check .body-info-attr.attr-textarea .body-info-attr-label {
  align-items: flex-start !important;
  padding-top: 10px !important;
}

/* Validation message under row */
.dialog-model[data-v-00bad25e] .form-check .el-form-item__error,
.dialog-model .dialog-model-content[style*="620px"] .form-check .el-form-item__error,
.dialog-model .dialog-model-content[style*="560px"] .form-check .el-form-item__error {
  position: static !important;
  padding-top: 4px !important;
  margin-left: 130px !important;
}

/* Buttons bottom-right like reference */
.dialog-model[data-v-00bad25e] .body-info-btns,
.dialog-model .dialog-model-content[style*="620px"] .body-info-btns,
.dialog-model .dialog-model-content[style*="560px"] .body-info-btns {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 14px !important;
  padding: 0 0 4px !important;
}

.dialog-model[data-v-00bad25e] .body-info-btns .body-info-btn,
.dialog-model .dialog-model-content[style*="620px"] .body-info-btns .body-info-btn,
.dialog-model .dialog-model-content[style*="560px"] .body-info-btns .body-info-btn {
  min-width: 96px !important;
  height: 34px !important;
  border-radius: 2px !important;
  padding: 0 14px !important;
}


/* Play duration input — keep number fully visible with "sn" append */
.page-content .tool.block .el-input.play-time-input,
.page-content .tool.block .el-input.input.play-time-input {
  width: 120px !important;
  min-width: 120px !important;
}
.page-content .tool.block .el-input.play-time-input .el-input__inner,
.page-content .tool.block .el-input.play-time-input .el-input-group__append {
  font-size: 12px !important;
}
.page-content .tool.block .el-input.play-time-input .el-input__inner {
  padding-left: 8px !important;
  padding-right: 6px !important;
  text-align: center !important;
}


/* ===== Araç Bilgileri popup — readable value fields ===== */
.dialog-model .dialog-model-content.car-info-dialog,
.dialog-model.allscreen .dialog-model-content.car-info-dialog,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"],
.dialog-model.canDrag .dialog-model-content[style*="344px"] {
  width: 520px !important;
  max-width: 94vw !important;
  height: auto !important;
}

.dialog-model .dialog-model-content.car-info-dialog .form-check,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .form-check,
.dialog-model.canDrag .dialog-model-content[style*="344px"] .form-check {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 8px !important;
  width: 100% !important;
}

.dialog-model .dialog-model-content.car-info-dialog .form-check > .el-form-item,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .form-check > .el-form-item,
.dialog-model.canDrag .dialog-model-content[style*="344px"] .form-check > .el-form-item {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

.dialog-model .dialog-model-content.car-info-dialog .body-info-attr,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .body-info-attr,
.dialog-model.canDrag .dialog-model-content[style*="344px"] .body-info-attr {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Element-UI input-group: force flex so values get remaining space */
.dialog-model .dialog-model-content.car-info-dialog .body-info-attr.el-input-group,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .body-info-attr.el-input-group,
.dialog-model.canDrag .dialog-model-content[style*="344px"] .body-info-attr.el-input-group {
  display: flex !important;
  width: 100% !important;
}

.dialog-model .dialog-model-content.car-info-dialog .body-info-attr .el-input-group__prepend,
.dialog-model .dialog-model-content.car-info-dialog .body-info-attr-label,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .body-info-attr .el-input-group__prepend,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .body-info-attr-label,
.dialog-model.canDrag .dialog-model-content[style*="344px"] .body-info-attr .el-input-group__prepend,
.dialog-model.canDrag .dialog-model-content[style*="344px"] .body-info-attr-label {
  flex: 0 0 120px !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}

.dialog-model .dialog-model-content.car-info-dialog .body-info-attr .el-input__inner,
.dialog-model .dialog-model-content.car-info-dialog .body-info-attr-textarea,
.dialog-model .dialog-model-content.car-info-dialog .body-info-attr .el-textarea,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .body-info-attr .el-input__inner,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .body-info-attr-textarea,
.dialog-model.canDrag .dialog-model-content[style*="344px"] .body-info-attr .el-input__inner,
.dialog-model.canDrag .dialog-model-content[style*="344px"] .body-info-attr-textarea {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.dialog-model .dialog-model-content.car-info-dialog .body-info-attr .el-textarea__inner,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .body-info-attr .el-textarea__inner,
.dialog-model.canDrag .dialog-model-content[style*="344px"] .body-info-attr .el-textarea__inner {
  width: 100% !important;
  min-height: 72px !important;
  height: auto !important;
  line-height: 1.4 !important;
  overflow-y: auto !important;
  resize: vertical !important;
  box-sizing: border-box !important;
}

.dialog-model .dialog-model-content.car-info-dialog .body-info-attr.attr-textarea,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .body-info-attr.attr-textarea {
  align-items: stretch !important;
}

.dialog-model .dialog-model-content.car-info-dialog .body-info-btns,
.dialog-model .dialog-model-content[style*="520px"][style*="paddingTop"] .body-info-btns {
  display: flex !important;
  justify-content: center !important;
  margin-top: 12px !important;
}


/* ===== Marker info dialog (标注信息维护) — wider inputs ===== */
.dialog-model .dialog-model-content.marker-info-dialog,
.dialog-model-content.marker-info-dialog {
  width: 560px !important;
  max-width: calc(100vw - 24px) !important;
}

.dialog-model-content.marker-info-dialog .dialog-model-body,
.dialog-model-content.marker-info-dialog .body-info,
.dialog-model-content.marker-info-dialog .body-info-attrs,
.dialog-model-content.marker-info-dialog .form-check {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.dialog-model-content.marker-info-dialog .form-check {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  font-size: 14px !important;
}

.dialog-model-content.marker-info-dialog .form-check > .el-form-item {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
}

.dialog-model-content.marker-info-dialog .form-check > .el-form-item.img-upload {
  grid-column: 1 / -1 !important;
}

.dialog-model-content.marker-info-dialog .body-info-attr,
.dialog-model-content.marker-info-dialog .body-info-attr.el-input,
.dialog-model-content.marker-info-dialog .body-info-attr.el-input-group,
.dialog-model-content.marker-info-dialog .body-info-attr.attr-select {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.dialog-model-content.marker-info-dialog .body-info-attr-label,
.dialog-model-content.marker-info-dialog .body-info-attr .el-input-group__prepend {
  flex: 0 0 108px !important;
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
}

.dialog-model-content.marker-info-dialog .body-info-attr .el-input__inner,
.dialog-model-content.marker-info-dialog .body-info-attr-select,
.dialog-model-content.marker-info-dialog .body-info-attr .el-select {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.dialog-model-content.marker-info-dialog .img-upload-head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

.dialog-model-content.marker-info-dialog .img-upload-head .body-info-attr-label {
  flex: 0 0 108px !important;
}

.dialog-model-content.marker-info-dialog .map-tip {
  width: 100% !important;
  margin: 8px 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 640px) {
  .dialog-model-content.marker-info-dialog .form-check {
    grid-template-columns: 1fr !important;
  }
}


/* ===== Alarm yönetimi (警情监管 / alarm-box) — filters+buttons stay usable ===== */
.dialog-model.allscreen .dialog-model-content[style*="1200px"],
.dialog-model .dialog-model-content[style*="1200px"][height],
.alarm-handle-box .dialog-model-content {
  width: min(1200px, 96vw) !important;
  max-width: 96vw !important;
  height: min(90vh, 900px) !important;
  max-height: 90vh !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.alarm-handle-box .dialog-model-content .dialog-model-head,
.dialog-model .dialog-model-content .dialog-model-head .isAlarm {
  flex: 0 0 auto !important;
}

.alarm-handle-box .dialog-model-body.alarm-box,
.dialog-model-content .dialog-model-body.dialogtable.alarm-box {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 12px 16px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.alarm-handle-box .alarm-box .head-block,
.dialog-model-body.alarm-box .head-block {
  flex: 0 0 auto !important;
  margin-bottom: 8px !important;
}

.alarm-handle-box .alarm-box .group-block,
.dialog-model-body.alarm-box .group-block {
  flex: 0 0 auto !important;
  margin-bottom: 12px !important;
}

/* Filter row: fields + Ara/Sıfırla on one wrapping row, not stuck under table */
.alarm-handle-box .alarm-box .search-block,
.dialog-model-body.alarm-box .search-block {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 8px 10px !important;
  width: 100% !important;
  margin: 0 0 10px 0 !important;
}

.alarm-handle-box .alarm-box .search-block .search-input,
.dialog-model-body.alarm-box .search-block .search-input {
  flex: 1 1 180px !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: 260px !important;
  margin: 0 !important;
}

.alarm-handle-box .alarm-box .search-block .search-btn,
.dialog-model-body.alarm-box .search-block .search-btn {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  order: 99 !important;
}

.alarm-handle-box .alarm-box .table-header,
.dialog-model-body.alarm-box .table-header {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 8px 0 !important;
  min-height: 44px !important;
}

.alarm-handle-box .alarm-box .table-header .table-btns,
.dialog-model-body.alarm-box .table-header .table-btns {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}

/* Table takes remaining space; no huge empty push */
.alarm-handle-box .alarm-box .el-table,
.alarm-handle-box .alarm-box .u-table,
.dialog-model-body.alarm-box .el-table,
.dialog-model-body.alarm-box .plTable,
.dialog-model-body.alarm-box .u-table {
  flex: 1 1 auto !important;
  min-height: 200px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.alarm-handle-box .alarm-box .el-pagination,
.dialog-model-body.alarm-box .el-pagination,
.dialog-model-body.alarm-box .table-pagination {
  flex: 0 0 auto !important;
  margin-top: 8px !important;
  padding-bottom: 4px !important;
}