/* zz_no_borders.css — loaded last (zz_ sorts after z_custom.css).
   ID-scoped killswitch ensures inner inputs inside .single-outline-field
   shells have ZERO own border/outline/background — only the shell is visible.
   ID selectors (specificity 1,x,y) beat every 0,x,y rule in z_custom.css. */

/* ── Inner-input killswitch: all states ─────────────────────────────────── */
/* These ID-scoped selectors (1,x,y) beat every class-only (0,x,y) rule.    */

#content-browser .single-outline-field input,
#content-browser .single-outline-field textarea,
#content-appearance .single-outline-field input,
#content-appearance .single-outline-field textarea,
#content-system  .single-outline-field input,
#content-system  .single-outline-field textarea {
  background:          transparent !important;
  background-image:    none !important;
  border:              none !important;
  border-width:        0 !important;
  border-style:        none !important;
  border-color:        transparent !important;
  border-radius:       0 !important;
  box-shadow:          none !important;
  -webkit-box-shadow:  none !important;
  outline:             none !important;
  appearance:          none !important;
  -webkit-appearance:  none !important;
}

/* Same for every focus/active/hover state — no inner highlight of any kind */
#content-browser .single-outline-field input:focus,
#content-browser .single-outline-field input:focus-visible,
#content-browser .single-outline-field input:hover,
#content-browser .single-outline-field textarea:focus,
#content-browser .single-outline-field textarea:focus-visible,
#content-appearance .single-outline-field input:focus,
#content-appearance .single-outline-field input:focus-visible,
#content-appearance .single-outline-field input:hover,
#content-appearance .single-outline-field textarea:focus,
#content-appearance .single-outline-field textarea:focus-visible,
#content-system  .single-outline-field input:focus,
#content-system  .single-outline-field input:focus-visible,
#content-system  .single-outline-field input:hover,
#content-system  .single-outline-field textarea:focus,
#content-system  .single-outline-field textarea:focus-visible {
  background:         transparent !important;
  background-image:   none !important;
  border:             none !important;
  border-width:       0 !important;
  border-style:       none !important;
  border-color:       transparent !important;
  box-shadow:         none !important;
  -webkit-box-shadow: none !important;
  outline:            none !important;
}

/* ── Shell label brightens on focus ─────────────────────────────────────── */
/* Belt-and-suspenders duplicate of the z_custom.css rule, now with ID scope */
#content-browser .single-outline-field:focus-within > .single-outline-label,
#content-appearance .single-outline-field:focus-within > .single-outline-label,
#content-system  .single-outline-field:focus-within > .single-outline-label {
  color: var(--accent-blue) !important;
}