/* SolarListing integration — v2 chrome pass: focus styles for the v1 page CONTENT (login, register, contact,
   password, vendor signup, add-details ... forms) while the v2 header/footer are shown. Loaded only by
   frontend.v2.chrome.head, i.e. never in v1. Everything is scoped to #main (the wrapper the chrome adds), and
   the ID outranks Bootstrap / assests/*.css focus rules without touching any resting style. Field border and
   shadow use !important because some v1 forms (register: `.loginsec .form-control:focus`, the phone inputs)
   set their own focus border/shadow with !important; only the focused state is affected.
   Same behaviour as the v2 pages (integration.css): no ring after a mouse click; a 2px brand ring for keyboard
   focus; fields show a teal border + soft shadow after a click (focus-source.js sets data-sqx-modality). */
#main{--sqx-focus:#067364;--sqx-focus-soft:rgba(4,191,165,.22)}
#main :focus:not(:focus-visible){outline:none}
#main :is(a,button,summary,input,select,textarea,label,[tabindex]):focus-visible{outline:2px solid var(--sqx-focus);outline-offset:2px}
#main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea):focus{border-color:var(--sqx-focus)!important;box-shadow:none!important}
[data-sqx-modality=pointer] #main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea):focus{outline:none;box-shadow:0 0 0 3px var(--sqx-focus-soft)!important}
@media(forced-colors:active){
  #main :is(a,button,summary,input,select,textarea,label,[tabindex]):focus-visible{outline:2px solid Highlight}
  [data-sqx-modality=pointer] #main :is(input,select,textarea):focus{outline:2px solid Highlight}
}