/* Facelift 2026 -- fl30_layout: tabs, paging, subtitles, fieldsets, accordion and tree (lot 3).
 * Origin: translation of the sections I, J, K, W (#10) of the approved package final/final.css (with fix.css).
 * Uses the --dif-* custom properties of fl00_tokens.less. Dialect rules (less.js 1.3.3 in Rhino): LESS-REGRAS.md. */
.x-tab-bar-top .x-tab-bar-strip {
  display: block !important;
  top: 39px !important;
  height: 1px !important;
  left: 0 !important;
  width: 100% !important;
  background: var(--dif-tab-line) !important;
  border: 0 !important;
  z-index: 0;
}
.x-tab-bar .x-tab {
  border: 0 !important;
  border-radius: 0 !important;
  margin-right: var(--dif-tab-gap) !important;
  background: transparent !important;
  box-shadow: inset 0 calc(-1 * var(--dif-tab-indicator)) 0 transparent;
  transition: box-shadow 0.15s ease, color 0.15s ease;
  z-index: 1;
}
.x-tab-bar .x-tab:first-of-type,
.x-tab-bar .x-tab:last-of-type {
  border-radius: 0 !important;
}
.x-tab-bar .x-tab button,
.x-tab-bar .x-tab .x-tab-inner {
  color: var(--dif-tab-color) !important;
  font-weight: var(--dif-tab-weight) !important;
}
.x-tab-bar .x-tab:hover {
  background: transparent !important;
  box-shadow: inset 0 calc(-1 * var(--dif-tab-indicator)) 0 var(--dif-tab-line-hover);
}
.x-tab-bar .x-tab:hover button,
.x-tab-bar .x-tab:hover .x-tab-inner {
  color: var(--dif-tab-color-hover) !important;
}
.x-tab-bar .x-tab.x-active {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 calc(-1 * var(--dif-tab-indicator)) 0 var(--dif-tab-color-active);
}
.x-tab-bar .x-tab.x-active button,
.x-tab-bar .x-tab.x-active .x-tab-inner {
  color: var(--dif-tab-color-active) !important;
  font-weight: var(--dif-tab-weight-active) !important;
}
.x-tab-bar .x-tab button:focus {
  outline: none;
}
.x-tab-bar .x-tab button:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring);
  border-radius: var(--dif-radius);
}
.x-tab-bar .x-tab.x-disabled.x-tab-disabled,
.x-tab-bar .x-tab.x-disabled.x-tab-disabled button {
  opacity: 1 !important;
}
.x-tab-bar .x-tab.x-tab-disabled button,
.x-tab-bar .x-tab.x-tab-disabled .x-tab-inner {
  color: var(--dif-text-faint) !important;
}
.x-tab-bar .x-tab.x-tab-disabled {
  box-shadow: none !important;
}
.x-tab-bar .x-tab .x-tab-icon {
  opacity: .75;
}
.x-tab-bar .x-tab.x-active .x-tab-icon {
  opacity: 1;
}
.x-tab-bar .x-tab .dif-badge {
  margin-left: 6px;
  padding: 0 6px;
  font-variant: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 16px;
  border-radius: var(--dif-radius-pill);
  background: var(--dif-bg-fill);
  border-color: var(--dif-line);
  color: var(--dif-text-muted);
}
.x-tab-bar .x-tab.x-active .dif-badge {
  background: var(--dif-primary-soft);
  border-color: var(--dif-primary-line);
  color: var(--dif-primary);
}
.x-tab-bar .x-tabbar-scroll-left,
.x-tab-bar .x-tabbar-scroll-right {
  background-image: none !important;
  background-color: var(--dif-text-muted) !important;
  -webkit-mask: var(--dif-ico-chev-left) center / 16px no-repeat;
  mask: var(--dif-ico-chev-left) center / 16px no-repeat;
  border: 0 !important;
  opacity: 1 !important;
  cursor: pointer;
}
.x-tab-bar .x-tabbar-scroll-right {
  -webkit-mask-image: var(--dif-ico-chev-right);
  mask-image: var(--dif-ico-chev-right);
}
.x-tab-bar .x-tabbar-scroll-left:hover,
.x-tab-bar .x-tabbar-scroll-right:hover {
  background-color: var(--dif-text) !important;
}
.x-tab-bar .x-tabbar-scroll-left-disabled,
.x-tab-bar .x-tabbar-scroll-right-disabled {
  background-color: var(--dif-line-strong) !important;
  cursor: default;
}
.x-tab-bar .x-tab .x-tab-close-btn {
  opacity: .5;
}
.x-tab-bar .x-tab .x-tab-close-btn:hover {
  opacity: 1;
}
div.actionstab {
  border-bottom: 1px solid var(--dif-tab-line) !important;
}
div.actionstab ul li {
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: var(--dif-tab-indicator) solid transparent !important;
  margin-right: var(--dif-tab-gap) !important;
  background: transparent !important;
  transition: border-color 0.15s ease;
}
div.actionstab ul li:first-of-type,
div.actionstab ul li:last-of-type {
  border-radius: 0 !important;
}
div.actionstab ul li:hover {
  background: transparent !important;
  border-bottom-color: var(--dif-tab-line-hover) !important;
}
div.actionstab a,
div.actionstab li input {
  color: var(--dif-tab-color) !important;
  font-weight: var(--dif-tab-weight) !important;
  text-decoration: none !important;
}
div.actionstab li:hover a,
div.actionstab li:hover input {
  color: var(--dif-tab-color-hover) !important;
}
div.actionstab li.actionstabselected,
div.actionstab .actionstabselected {
  border-bottom: var(--dif-tab-indicator) solid var(--dif-tab-color-active) !important;
  border-radius: 0 !important;
}
div.actionstab li.actionstabselected a,
div.actionstab li.actionstabselected input {
  color: var(--dif-tab-color-active) !important;
  font-weight: var(--dif-tab-weight-active) !important;
}
div.actionstab a:focus {
  outline: none;
}
div.actionstab a:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring);
  border-radius: var(--dif-radius);
}
div.actionstab li.isDisabled {
  opacity: 1 !important;
}
div.actionstab li.isDisabled a {
  color: var(--dif-text-faint) !important;
}
.x-tree-panel .x-grid-row .x-grid-cell.x-grid-cell-treecolumn {
  border-radius: var(--dif-radius) !important;
  transition: background-color 0.15s ease;
}
.x-tree-panel .x-grid-row.x-grid-row-over .x-grid-cell.x-grid-cell-treecolumn {
  background-color: var(--dif-nav-hover-bg) !important;
}
.x-tree-panel .x-grid-row.x-grid-row-selected .x-grid-cell.x-grid-cell-treecolumn {
  background-color: var(--dif-nav-selected-bg) !important;
  box-shadow: inset var(--dif-tab-indicator) 0 0 var(--dif-primary);
}
.x-tree-panel .x-grid-row.x-grid-row-selected .innerTreeValue {
  color: var(--dif-primary) !important;
  font-weight: var(--dif-tab-weight-active);
}
.x-tree-panel .x-grid-row.x-grid-row-focused .x-grid-cell.x-grid-cell-treecolumn {
  outline: none;
}
.x-tree-panel:focus-within .x-grid-row.x-grid-row-focused:not(.x-grid-row-selected) .x-grid-cell.x-grid-cell-treecolumn {
  box-shadow: var(--dif-ring);
}
.x-panel-body .x-tab-bar-top .x-tab-bar-strip,
.x-panel-header + .x-tab-bar-top .x-tab-bar-strip {
  display: none !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom,
.x-boundlist .x-toolbar {
  background: transparent !important;
  border-top: 1px solid var(--dif-line) !important;
  border-radius: 0 !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-box-inner::before {
  background: var(--dif-bg-fill) !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-btn:not(.x-item-disabled):hover {
  background: var(--dif-line) !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-toolbar-text {
  color: var(--dif-text-muted) !important;
}
.x-grid > .x-toolbar.x-toolbar-docked-bottom .x-form-text {
  background: var(--dif-bg) !important;
  color: var(--dif-text) !important;
  box-shadow: var(--dif-shadow-sm) !important;
}
:root body .x-grid > .x-toolbar.x-toolbar-docked-bottom .x-box-inner::before {
  display: none !important;
}
:root body .x-grid > .x-toolbar.x-toolbar-docked-bottom .x-btn,
:root body .x-boundlist .x-toolbar .x-btn {
  border-radius: var(--dif-radius) !important;
  background: transparent !important;
}
:root body .x-grid > .x-toolbar.x-toolbar-docked-bottom .x-btn:not(.x-item-disabled):hover,
:root body .x-boundlist .x-toolbar .x-btn:not(.x-item-disabled):hover {
  background: var(--dif-bg-fill) !important;
}
:root body .x-toolbar .x-btn-icon[class*="x-tbar-"] {
  background-image: none !important;
  background-color: var(--dif-text-muted) !important;
  -webkit-mask: var(--dif-ico-next) center / var(--dif-pg-icon) no-repeat;
  mask: var(--dif-ico-next) center / var(--dif-pg-icon) no-repeat;
  width: 16px !important;
  height: 16px !important;
}
:root body .x-toolbar .x-btn-icon.x-tbar-page-first {
  -webkit-mask-image: var(--dif-ico-first);
  mask-image: var(--dif-ico-first);
}
:root body .x-toolbar .x-btn-icon.x-tbar-page-prev {
  -webkit-mask-image: var(--dif-ico-prev);
  mask-image: var(--dif-ico-prev);
}
:root body .x-toolbar .x-btn-icon.x-tbar-page-last {
  -webkit-mask-image: var(--dif-ico-last);
  mask-image: var(--dif-ico-last);
}
:root body .x-toolbar .x-btn-icon.x-tbar-loading {
  -webkit-mask-image: var(--dif-ico-refresh);
  mask-image: var(--dif-ico-refresh);
  -webkit-mask-size: 12px;
  mask-size: 12px;
}
:root body .x-toolbar .x-btn:not(.x-item-disabled):hover .x-btn-icon[class*="x-tbar-"] {
  background-color: var(--dif-text) !important;
}
:root body .x-toolbar .x-btn.x-item-disabled {
  opacity: 1 !important;
}
:root body .x-toolbar .x-btn.x-item-disabled .x-btn-icon[class*="x-tbar-"] {
  background-color: var(--dif-line-strong) !important;
}
:root body .x-toolbar .x-btn.x-focus {
  box-shadow: var(--dif-ring) !important;
}
:root body .x-grid > .x-toolbar.x-toolbar-docked-bottom .x-form-text {
  border: 1px solid var(--dif-line-strong) !important;
  border-radius: var(--dif-radius) !important;
  background: var(--dif-bg) !important;
  box-shadow: none !important;
  color: var(--dif-text) !important;
  font-weight: 700 !important;
  text-align: center !important;
}
:root body .x-grid > .x-toolbar.x-toolbar-docked-bottom .x-form-text:focus {
  border-color: var(--dif-primary) !important;
  box-shadow: var(--dif-ring) !important;
}
:root body .x-toolbar .x-toolbar-text {
  color: var(--dif-text-muted) !important;
  font-weight: 400 !important;
}
:root h2.difPageTitle {
  color: var(--dif-title);
  font-weight: var(--dif-title-weight);
  letter-spacing: .2px;
}
:root :is(h3.formSubtitle, h3.paddingtopbottom5, .x-window h3.formSubtitle) {
  color: var(--dif-subtitle) !important;
  font-weight: var(--dif-subtitle-weight) !important;
  padding-bottom: 6px !important;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--dif-section-line) !important;
  animation: none;
}
:root :is(h4.formSubtitle, h5.formSubtitle, h6.formSubtitle) {
  color: var(--dif-subtitle-inner) !important;
  font-weight: var(--dif-subtitle-weight) !important;
  border-bottom: 0 !important;
  padding-bottom: 4px !important;
}
:root :is(.titleBorder, .titleBorderWithDescription) {
  border-bottom: 1px solid var(--dif-section-line) !important;
}
:root .titleBorderWithDescription {
  margin-bottom: 0 !important;
}
:root p.titleDescription {
  color: var(--dif-text-muted);
  margin: 4px 0 12px;
}
:root h3.formSubtitle:has(+ p.titleDescription) {
  border-bottom: 0 !important;
  margin-bottom: 0;
}
:root h3.formSubtitle + p.titleDescription {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--dif-section-line);
}
:root .formSubtitle .actions {
  float: right;
  font-weight: 400;
}
:root .formSubtitle .actions ul li a {
  color: var(--dif-primary);
}
:root .formSubtitle label {
  color: var(--dif-text-muted);
  font-weight: 400;
}
:root h3.separators {
  color: var(--dif-subtitle) !important;
  font-weight: var(--dif-subtitle-weight) !important;
  border-bottom: 1px solid var(--dif-section-line) !important;
}
:root fieldset.dif-fieldset-border {
  border: 1px solid var(--dif-section-line) !important;
  border-radius: var(--dif-radius-lg);
  padding: 0 var(--dif-fieldset-pad) var(--dif-fieldset-pad) !important;
  margin: 10px 0 12px !important;
  background: var(--dif-bg);
}
:root fieldset.dif-fieldset-border > h3.formSubtitle:first-child {
  margin: 0 calc(-1 * var(--dif-fieldset-pad)) 10px;
  padding: 10px var(--dif-fieldset-pad) 8px !important;
  background: var(--dif-bg-soft);
  border-radius: var(--dif-radius-lg) var(--dif-radius-lg) 0 0;
}
:root fieldset:not(.fildsetablecomplex) > legend {
  color: var(--dif-subtitle);
  font-weight: var(--dif-subtitle-weight);
  padding: 0 8px 0 0 !important;
}
:root .x-fieldset-header {
  color: var(--dif-subtitle) !important;
}
:root .dif-accordion {
  border-bottom: 1px solid var(--dif-section-line);
}
:root .dif-accordion > button.dif-accordion-header {
  color: var(--dif-subtitle);
  font-weight: var(--dif-subtitle-weight);
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px;
  border-radius: var(--dif-radius);
}
:root .dif-accordion > button.dif-accordion-header:hover {
  color: var(--dif-primary);
}
:root .dif-accordion > button.dif-accordion-header:focus-visible {
  outline: none;
  box-shadow: var(--dif-ring);
}
:root .dif-accordion .dif-accordion-icon {
  margin: 0;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: var(--dif-radius-pill);
  background: var(--dif-bg-fill);
  color: var(--dif-text-muted);
  transform: rotate(-90deg);
}
:root .dif-accordion > button.dif-accordion-header:hover .dif-accordion-icon {
  background: var(--dif-primary-soft);
  color: var(--dif-primary);
}
:root .dif-accordion.dif-accordion-open > button.dif-accordion-header .dif-accordion-icon {
  transform: rotate(0deg);
}
:root .dif-accordion .dif-accordion-icon svg {
  width: 14px;
  height: 14px;
}
:root .dif-accordion:not(.dif-accordion-open) {
  background: transparent;
}
:root .resp-fs-column + .resp-fs-column {
  border-left: 1px solid var(--dif-section-line);
  padding-left: 14px;
}
:root .resp-fs-column {
  padding-right: 15px;
}
:root .x-panel .x-panel-header {
  border-bottom: 1px solid var(--dif-section-line) !important;
}
:root .x-panel .x-panel-header .x-panel-header-text {
  color: var(--dif-panel-title);
  font-weight: var(--dif-subtitle-weight);
}
:root .x-panel .x-panel.innerPanel .x-panel-header .x-panel-header-text {
  color: var(--dif-subtitle-inner);
}
:root .panelboxheader,
:root h3.panelboxheader {
  color: var(--dif-title) !important;
  font-weight: var(--dif-subtitle-weight) !important;
  background: var(--dif-bg-soft) !important;
  border-bottom: 1px solid var(--dif-section-line);
  border-radius: var(--dif-radius-lg) var(--dif-radius-lg) 0 0;
}
:root form.largeForm tr.formRowformRowEven td.formRowLabelTD {
  background-color: var(--dif-bg-soft);
}
:root .tablelayoutform td.formRowLabelTD {
  color: var(--dif-text);
}
.x-tree-panel .x-tree-elbow,
.x-tree-panel .x-tree-elbow-end,
.x-tree-panel .x-tree-elbow-line,
.x-tree-panel .x-tree-elbow-empty {
  background-image: none !important;
  box-shadow: inset -9px 0 0 -8px var(--dif-tree-guide);
}
.x-tree-panel .x-tree-elbow-plus,
.x-tree-panel .x-tree-elbow-end-plus {
  background-image: none !important;
  background-color: var(--dif-tree-chevron) !important;
  -webkit-mask: var(--dif-ico-chev-right) center / 12px 12px no-repeat;
  mask: var(--dif-ico-chev-right) center / 12px 12px no-repeat;
  border-radius: var(--dif-radius);
  cursor: pointer;
  transition: transform 0.15s ease, background-color 0.12s ease;
}
.x-tree-panel .x-grid-tree-node-expanded .x-tree-elbow-plus,
.x-tree-panel .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
  transform: rotate(90deg);
}
.x-tree-panel .x-grid-row-over .x-tree-elbow-plus,
.x-tree-panel .x-grid-row-over .x-tree-elbow-end-plus {
  background-color: var(--dif-tree-chevron-hover) !important;
}
@media (prefers-reduced-motion: reduce) {
  .x-tree-panel .x-tree-elbow-plus,
  .x-tree-panel .x-tree-elbow-end-plus {
    transition: none;
  }
}
.x-tree-panel img.x-tree-icon-parent,
.x-tree-panel img.x-tree-icon-leaf {
  background-image: none !important;
  background-color: var(--dif-tree-icon) !important;
  -webkit-mask: var(--dif-icon-folder) center / 15px 15px no-repeat;
  mask: var(--dif-icon-folder) center / 15px 15px no-repeat;
}
.x-tree-panel img.x-tree-icon-leaf {
  -webkit-mask-image: var(--dif-icon-file);
  mask-image: var(--dif-icon-file);
}
.x-tree-panel .x-grid-row-selected img.x-tree-icon-parent,
.x-tree-panel .x-grid-row-selected img.x-tree-icon-leaf {
  background-color: var(--dif-tree-icon-on) !important;
}
.x-tree-panel .innerTreeValue {
  color: var(--dif-text);
}
.x-tree-panel .x-grid-tree-node-leaf .innerTreeValue {
  color: var(--dif-text);
}
.x-tree-panel .x-item-disabled .innerTreeValue {
  color: var(--dif-text-faint);
}
.pageContainer {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.pageContainer > .wiznav {
  float: none;
  flex: 0 0 240px;
  width: 240px;
  min-width: 0;
  max-width: none;
  margin: 0;
  font-weight: 400;
}
.pageContainer > .wiznav ul {
  margin: 0;
  padding: 12px;
  border: 1px solid var(--dif-line);
  border-radius: var(--dif-radius-lg);
  background: var(--dif-bg);
}
.pageContainer > .wiznav ul li {
  line-height: 1.4;
  border: 0 !important;
  border-radius: var(--dif-radius) !important;
  background: none;
  color: var(--dif-text);
  font-size: 13px;
}
.pageContainer > .wiznav ul li a {
  display: block;
  padding: 6px 8px;
  border: 0;
  border-radius: var(--dif-radius);
  background: none !important;
  color: var(--dif-text) !important;
  overflow: visible;
  transition: background-color var(--dif-ease), color var(--dif-ease);
}
.pageContainer > .wiznav ul li a:hover {
  border: 0;
  background-color: var(--dif-bg-fill) !important;
}
.pageContainer > .wiznav ul li a:focus-visible {
  outline: none;
  box-shadow: var(--dif-focus-ring-kbd);
}
.pageContainer > .wiznav ul li.maintitle,
.pageContainer > .wiznav ul li.maintitle_active {
  margin: 0 0 6px 0;
  padding: 0 8px;
  background: none;
  color: var(--dif-text);
  font-size: 15px;
  font-weight: 700;
}
.pageContainer > .wiznav ul li.maintitle a {
  padding: 0;
  background: none !important;
  color: var(--dif-text-muted) !important;
}
.pageContainer > .wiznav ul li.maintitle a:hover {
  background: none !important;
  color: var(--dif-primary) !important;
}
.pageContainer > .wiznav ul li.links {
  border-bottom: 0;
}
.pageContainer > .wiznav ul li.links_active {
  padding: 6px 8px;
  background: var(--dif-primary-soft);
  color: var(--dif-primary);
  font-weight: 600;
}
.pageContainer > .pageContainerContent {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
}
@media (max-width: 760px) {
  .pageContainer {
    flex-direction: column;
    gap: 16px;
  }
  .pageContainer > .wiznav {
    flex-basis: auto;
    width: 100%;
  }
}