/* dcc.Input in this Dash version renders as:
     <div class="dash-input-container dash-input" style="...everything we pass...">
       <input>
     </div>
   The `style` dict we pass in Python lands on the *wrapper div* (border,
   padding, background, font, color, radius) — NOT on the actual <input>
   the user types into. The real input was left with the browser's own tiny
   default padding/border/background, nested inside our styled box, which is
   what made typed text look cramped/unreadable (effectively two nested
   boxes, only the outer one styled).

   Fix: strip the inner <input>'s own box entirely and let it fill the
   wrapper, inheriting the wrapper's font/color so there's one single,
   correctly-padded, readable box. */
.dash-input-container.dash-input input {
  all: unset;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
}