/* =========================
   THEME CORE (SAFE OVERRIDE)
========================= */
:root {
  /* --dhx-bg: #ffffff;
  --dhx-surface: #ffffff;
  --dhx-bg-secondary: #f5f7fa; */

  /* --dhx-text: #1f2937; */
  /* --dhx-text-secondary: #6b7280;
  --dhx-primary: #797979;
  --dhx-primary-hover: #6a6a6a; */

  --dhx-radius: 6px;
  --dhx-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* DARK */
.theme-dark {
  /* --dhx-bg: #0f172a;
  --dhx-surface: #111827;
  --dhx-bg-secondary: #1e293b; */
  /* --dhx-text: #e5e7eb; */
  /* --dhx-text-secondary: #9ca3af; */
  /* --dhx-primary: #60a5fa; */
}

/* =========================
   COMMON CONTAINERS
========================= */
.dhxwins_vp,
.dhxlayout_base,
.dhxlayout_cont,
.dhx_cell_cont_layout,
.dhxacc_base {
  /* background: var(--dhx-bg); */
}

/* =========================
   WINDOW
========================= */
.dhxwin_brd {
  /* border-radius: var(--dhx-radius); */
  box-shadow: var(--dhx-shadow);
  /* border: 1px solid var(--dhx-color-); */
}

.dhxwin_hdr {
  background: var(--dhx-bg-secondary);
  border-bottom: 1px solid var(--dhx-border);
  color: var(--dhx-text);
}

/* =========================
   TOOLBAR / MENU
========================= */
.dhx_toolbar_base,
.dhtmlxMenu {
  background: var(--dhx-surface);
  border-bottom: 1px solid var(--dhx-border);
}

.dhx_toolbar_btn,
.dhtmlxMenu div.dhtmlxMenuItem {
  border-radius: var(--dhx-radius);
  transition: all .2s;
}

.dhx_toolbar_btn:hover,
.dhtmlxMenuItem:hover {
  background: var(--dhx-bg-secondary);
}

/* =========================
   GRID
========================= */
.objbox,
.xhdr,
.xhdr table {
  background: var(--dhx-surface);
  border-color: var(--dhx-border);
}

.xhdr {
  background: var(--dhx-bg-secondary);
}

.obj td {
  border-color: var(--dhx-border);
}

.obj tr:hover td {
  background: rgba(59,130,246,0.06);
}

.rowselected td {
  background: rgba(59,130,246,0.12) !important;
}

/* =========================
   FORM
========================= */
.dhxform_obj_dhx_web input,
.dhxform_obj_dhx_web textarea,
.dhxform_obj_dhx_web select {
  background: var(--dhx-surface);
  border: 1px solid var(--dhx-border);
  border-radius: var(--dhx-radius);
  color: var(--dhx-text);
}

.dhxform_obj_dhx_web input:focus {
  border-color: var(--dhx-primary);
  box-shadow: 0 0 0 2px rgba(59,130,246,0.2);
}

/* =========================
   BUTTON
========================= */
/* .dhxform_btn,
.dhtmlx_popup_button {
  border-radius: var(--dhx-radius);
  border: 1px solid var(--dhx-border);
  background: var(--dhx-surface);
  transition: .2s;
}

.dhxform_btn:hover {
  border-color: var(--dhx-primary);
  color: var(--dhx-primary);
} */

/* .dhxform_btn.dhxform_btn_default,
.dhtmlx_popup_button:first-child {
  background: var(--dhx-primary);
  color: #fff;
  border: none;
}

.dhxform_btn.dhxform_btn_default,
.dhtmlx_popup_button {
  color: #bfbfbf;
} */

/* =========================
   TABBAR
========================= */
.dhx_tabbar_zone_top .dhx_tab {
  background: var(--dhx-bg-secondary);
  border-color: var(--dhx-border);
}

.dhx_tab_active {
  background: var(--dhx-surface);
  border-bottom: 2px solid var(--dhx-primary);
}

/* =========================
   TREE
========================= */
.dhxtree_dhx_web {
  background: var(--dhx-surface);
  color: var(--dhx-text);
}

.dhxtree_dhx_web .standartTreeRow:hover {
  background: var(--dhx-bg-secondary);
}

/* =========================
   ACCORDION
========================= */
.dhxacc_item {
  border: 1px solid var(--dhx-border);
}

.dhxacc_item_hdr {
  background: var(--dhx-bg-secondary);
}

/* =========================
   POPUP / MODAL
========================= */
.dhtmlx_popup_text {
  color: var(--dhx-text);
}

.dhtmlx_popup_title {
  background: var(--dhx-primary);
  /* color: #fff; */
}

/* =========================
   LIST / DATAVIEW
========================= */
.dhx_list_item,
.dhx_dataview_item {
}

.dhx_list_item_selected,
.dhx_dataview_item_selected {
}

/* =========================
   SCROLLBAR
========================= */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: var(--dhx-border);
  border-radius: 4px;
}