/* REVIEW ONLY. Native live password/attachment controls; no JS or layout changes.
   Colors/radii adapted from test tienda-components.css and tienda-pages.css.
   Load after tienda-live-pages.css. Cart/checkout use the separate stage 4 CSS. */
html body:is(#authentication,#password,#identity,#address,#contact) #main .input-group:has(> input.js-visible-password) > input.form-control {
  border-radius: 13px 0 0 13px !important;
}
html body:is(#authentication,#password,#identity,#address,#contact) #main .input-group:has(> input.js-visible-password) .input-group-append > button[data-action="show-password"] {
  border-radius: 0 13px 13px 0 !important;
  border: 1px solid #c9bfbd !important;
  background-color: #f5f1ee;
  color: #19161b;
}
html body:is(#authentication,#password,#identity,#address,#contact) #main :is(input,textarea,select):focus {
  border-color: #70666b !important;
  outline: 1px solid #70666b !important;
  outline-offset: 0;
  box-shadow: none !important;
}
html body:is(#authentication,#password,#identity,#address,#contact) #main :is(button,a,[tabindex]):focus-visible {
  outline: 2px solid #70666b !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

/* Live input-group sizing correction after comparison at 390px and 1280px.
   Match the existing append box; no wrappers or JS are introduced. */
html body:is(#authentication,#password,#identity,#address,#contact) #main#main .input-group:has(> input.js-visible-password) > input.form-control {
  border-radius: 13px 0 0 13px !important;
}
html body:is(#authentication,#password,#identity,#address,#contact) #main#main .input-group:has(> input.js-visible-password) .input-group-append > button[data-action="show-password"] {
  border-radius: 0 13px 13px 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 44px !important;
}
/* Larger approved font must fit the native control's box, including selects. */
html body:is(#authentication,#password,#identity,#address,#contact) #main#main .form-control:not(textarea) {
  min-height: 44px;
}
html body:is(#authentication,#password,#identity,#address,#contact) #main#main :is(input,textarea,select):focus {
  border-color: #70666b !important;
  outline: 1px solid #70666b !important;
  outline-offset: 0;
  box-shadow: none !important;
}
html body:is(#authentication,#password,#identity,#address,#contact) #main#main :is(button,a,[tabindex]):focus-visible {
  outline: 2px solid #70666b !important;
  outline-offset: 2px;
  box-shadow: none !important;
}
/* Live JS adds .focus to this native wrapper. Keep the input/button indicator. */
html body:is(#authentication,#password,#identity,#address,#contact) #main#main :is(.input-group.focus,.js-parent-focus:focus-within,.bootstrap-filestyle:focus-within) {
  outline: none !important;
  box-shadow: none !important;
}