/* WCAG 2.4.7 – Focus visible for all interactive elements */

/* High-contrast focus for anchor tags (links) */
a:focus,
a:focus-visible {
  outline: 3px solid #005fcc !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px #fff !important;
  background-color: #fff !important;
}

/* High-contrast focus for checkboxes in toolbars */
.x-toolbar input[type="checkbox"]:focus,
.x-toolbar input[type="checkbox"]:focus-visible {
  outline: 3px solid #005fcc !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #fff !important;
  background-color: #fff !important;
}

/* High-contrast focus for focusable toolbars */
.x-toolbar:focus,
.x-toolbar:focus-visible {
  outline: 3px solid #005fcc !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #fff !important;
  background-color: #fff !important;
}

/* High-contrast focus for tree expand/collapse icons */
img.x-tree-expander:focus,
img.x-tree-expander:focus-visible {
  outline: 3px solid #005fcc !important;
  outline-offset: 2px;
  background-color: #fff !important;
}

/* High-contrast focus for ExtJS checkboxfield inputEl (role=checkbox, type=button) */
input[role="checkbox"][type="button"]:focus,
input[role="checkbox"][type="button"]:focus-visible {
  outline: 3px solid #005fcc !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px #fff !important;
  background-color: #fff !important;
}

/* Also target ExtJS-specific classes for checkboxes */
.x-form-checkbox:focus,
.x-form-checkbox:focus-visible {
  outline: 3px solid #005fcc !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px #fff !important;
  background-color: #fff !important;
}
    /* ============================================
   WCAG 2.4.7 – Focus Visible (Guaranteed contrast)
   ============================================ */

/* Keyboard-only focus (modern browsers) */
.x-tree-expander:focus-visible,
.x-tree-icon:focus-visible {
    outline: 2px solid #005fcc;      /* High-contrast blue */
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #ffffff;   /* Secondary ring for dark backgrounds */
}

/* Fallback for older browsers */
.x-tree-expander:focus,
.x-tree-icon:focus {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #ffffff;
}

.x-toolbar .x-form-item {
  padding-left: 5px;
}

.x-tree-view .x-grid-cell-inner-treecolumn {
  padding-left: 11px;
}

/* Completely remove ALL anchor states for logo */
a#logo,
a#logo:hover,
a#logo:focus,
a#logo:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
  text-decoration: none !important;
}