/*
 * eCon jstree 3.x theme — reskins the jstree 3.x "default" theme to the look of
 * the old jstree 1.0 "classic" theme (W-G3 / G3.3a). Loaded right AFTER the
 * default theme on jstree-3 pages only (default_js.tpl, $jstreeVersion=3).
 *
 * Reuses the proven classic sprite pub/resources/js/themes/classic/d.png, which
 * contains the dotted connector line, the small +/- open/close boxes, and the
 * tan folder (closed/open) icon — i.e. the exact old visuals. The 3.x default
 * theme is re-metriced from 24px rows / 32px sprite down to the classic
 * 18px rows / 18px sprite grid so d.png aligns.
 *
 * Per-type custom icons (the econfilter PNGs used by the cluster/report trees)
 * still win, because they render as `.jstree-themeicon-custom` (inline
 * background-image) which we leave untouched — only the DEFAULT icon becomes the
 * classic tan folder.
 *
 * Brand: primary #55ab26, secondary #e5f1e0, text #303030, mono #646464,
 *        border #c8c8c8, ultralight #f8f8f8.
 */

/* --- re-metric the default theme to the classic 18px grid --- */
.jstree-default .jstree-node {
	min-height: 18px;
	line-height: 18px;
	margin-left: 18px;
	min-width: 18px;
	background: url("/resources/js/themes/classic/d.png") -90px 0 repeat-y; /* vertical dotted line */
}
.jstree-default .jstree-anchor      { line-height: 18px; height: 18px; }
.jstree-default .jstree-icon        { width: 18px; height: 18px; line-height: 18px; }
.jstree-default .jstree-icon:empty  { width: 18px; height: 18px; line-height: 18px; }
.jstree-default .jstree-last        { background-image: none; } /* no line on the last child */

/* --- open/close expander + connector: classic +/- boxes from d.png --- */
.jstree-default .jstree-ocl                 { background: url("/resources/js/themes/classic/d.png") no-repeat; }
.jstree-default .jstree-closed > .jstree-ocl { background-position: -54px 0; } /* + */
.jstree-default .jstree-open   > .jstree-ocl { background-position: -72px 0; } /* - */
.jstree-default .jstree-leaf   > .jstree-ocl { background-position: -36px 0; } /* leaf connector */

/* --- default node icon = classic tan folder (closed / open). Custom econ icons
       (.jstree-themeicon-custom) still override this. --- */
.jstree-default .jstree-themeicon:not(.jstree-themeicon-custom) {
	background: url("/resources/js/themes/classic/d.png") -54px -19px no-repeat; /* closed folder */
}
.jstree-default .jstree-open > .jstree-anchor > .jstree-themeicon:not(.jstree-themeicon-custom) {
	background-position: -54px -36px; /* open folder */
}

/* econfilter custom icons are 16x16 — centre them in the 18px box */
.jstree-default .jstree-themeicon-custom {
	background-position: center center !important;
	background-size: 16px 16px !important;
}

/* the filter (search plugin) just hides non-matches — no red/italic highlight on
   the matched text, matching the old filtertree look */
.jstree-default .jstree-anchor.jstree-search {
	font-style: normal;
	font-weight: normal;
	color: inherit;
}

/* --- brand selection / hover --- */
.jstree-default .jstree-anchor.jstree-hovered {
	background: #f8f8f8;
	border-radius: 2px;
	box-shadow: none;
}
.jstree-default .jstree-anchor.jstree-clicked {
	background: #e5f1e0;
	color: #303030;
	border-radius: 2px;
	box-shadow: none;
}
.jstree-default .jstree-wholerow-hovered { background: #f8f8f8; box-shadow: none; }
.jstree-default .jstree-wholerow-clicked { background: #e5f1e0; box-shadow: none; }
/* Manual report-selection marker toggled by the favourite-report field pickers
   (AutoberichtLayout / ComplexLayout editBerichtField+editTableField); the app sets
   li.jstree-selected itself — 1.0 styled it via ".jstree-classic .jstree-selected". */
.jstree-default li.jstree-selected > a.jstree-anchor {
	background: #e5f1e0;
	color: #303030;
	border-radius: 2px;
}

/* --- checkbox trees ---
   Brand SVG tri-state checkbox. Used by BOTH the custom checkbox_filtered plugin
   (Bereichsverwaltung/editBereich — state class on the <li>) AND the built-in 3.x
   checkbox plugin (berichtSichten / report sicht-trees — state class on the <a>).
   The built-in checkbox renders <i class="jstree-icon jstree-checkbox">, so the
   rel-based TYPE-icon rules must target .jstree-themeicon (not .jstree-icon) or they
   would paint the checkbox with the type icon (doubled-icon bug). Default = unchecked
   square; checked/undetermined match either the <li> OR the <a> carrying the class. */
.jstree-default a.jstree-anchor > .jstree-checkbox {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0;
	vertical-align: top;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect x='2.5' y='2.5' width='13' height='13' rx='2' fill='%23ffffff' stroke='%23c8c8c8' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	/* !important: the dist default theme shifts .jstree-checkbox background-position on
	   :hover / :checked (sprite coords) which would move our SVG out of view — pin it. */
	background-position: center center !important;
	background-size: 14px 14px;
}
.jstree-default li.jstree-checked > a.jstree-anchor > .jstree-checkbox,
.jstree-default a.jstree-anchor.jstree-checked > .jstree-checkbox {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect x='2.5' y='2.5' width='13' height='13' rx='2' fill='%2355ab26' stroke='%2355ab26' stroke-width='1.5'/%3E%3Cpolyline points='5.5,9 8,11.5 12.5,6' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* undetermined: the custom checkbox_filtered sets the class on the <li>; the built-in
   3.x checkbox sets it on the .jstree-checkbox <i> itself (not the <li>/anchor). */
.jstree-default li.jstree-undetermined > a.jstree-anchor > .jstree-checkbox,
.jstree-default a.jstree-anchor > .jstree-checkbox.jstree-undetermined {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect x='2.5' y='2.5' width='13' height='13' rx='2' fill='%23ffffff' stroke='%2355ab26' stroke-width='1.5'/%3E%3Cline x1='5.5' y1='9' x2='12.5' y2='9' stroke='%2355ab26' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* filtertree (2-arg DOM mode) hides non-matching nodes via this class */
.jstree-default li.jstree-filtered { display: none; }

/* On the checkbox tree the checkbox IS the state indicator — suppress the brand
   selection highlight so a click (which still selects in jstree core) isn't
   confused with "assigned". */
#messstellenliste .jstree-anchor.jstree-clicked,
#messstellenliste .jstree-anchor.jstree-clicked.jstree-hovered {
	background: transparent;
	box-shadow: none;
}

/* Messstellen-Filter im Kontextmenü der Berichtsbäume (berichtSichten.tpl).
   Die Zeile ist ein Eingabefeld, kein anklickbarer Befehl. */
.vakata-context li.econMstFilterItem > a {
	cursor: default;
}
.vakata-context li.econMstFilterItem input.econMstFilter {
	width: 150px;
	margin-left: 4px;
	padding: 1px 3px;
	font-weight: normal;
	vertical-align: middle;
}

/* Kontextmenü (alle jstree-Bäume): die senkrechte Trennlinie der Icon-Spalte für ALLE
   Einträge einheitlich hell zeichnen. Ohne diese Regel ist im Browser nur die Linie des
   ersten Eintrags hell (die Themefarbe #e2e3e3 aus style.min.css), alle weiteren werden
   schwarz gezeichnet — die Themeregel verliert dort gegen eine Quelle, die in keinem der
   geladenen Stylesheets steht (mit identischem Markup und denselben Stylesheets
   nachgestellt ist die Linie überall hell). Daher fest und mit !important gesetzt. */
.vakata-context li > a > .vakata-contextmenu-sep {
	border-left-color: var(--mono-lightest-color, #dddddd) !important;
}