/* C6C1B4A — standard search field (clear button). The wrapper replaces the <input> as the grid/flex item,
   so the first-child layout rules that targeted the bare input are mirrored for the wrapper. */
.np-sf{position:relative;display:block;min-width:0;width:100%}
.np-sf>input[type="search"]{width:100%;padding-right:40px;box-sizing:border-box}
.np-sf>input[type="search"]::-webkit-search-cancel-button,
.np-sf>input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.np-sf-clear{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:32px;height:32px;min-height:0!important;margin:0;padding:0!important;border:0;background:transparent;isolation:isolate;color:var(--npui-text-2,#41505f);font:inherit;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.np-sf>input:placeholder-shown~.np-sf-clear{display:none}
/* the theme sets `body.np-ui-reference button{border-radius:…!important}`; a square box keeps the full 44×44 touch area (the visible disc is the ::before) */
.np-sf>button.np-sf-clear{border-radius:0!important}
.np-sf-clear::before{content:"";position:absolute;inset:0;border-radius:50%;background:transparent;z-index:-1}
.np-sf-clear:hover::before{background:var(--npui-hover,#f5f8fa)}
.np-sf-clear:active::before{background:var(--npui-surface-3,#e6ebef)}
.np-sf-clear:focus-visible{outline:2px solid var(--npui-brand,#0f6f96);outline-offset:1px}
@media(max-width:1100px){
  .np139-debt-toolbar>.np-sf:first-child,.np139-receipt-toolbar>.np-sf:first-child{grid-column:1/-1}
}
@media(max-width:720px){
  .np139-debt-toolbar>.np-sf:first-child,.np139-receipt-toolbar>.np-sf:first-child{grid-column:auto}
}
@media(max-width:520px),(pointer:coarse){
  /* R1: the whole 44×44 square is the touch target (was 40×40); the visible hover/press disc stays 32px.
     The field reserves room so typed text never runs under the button. */
  .np-sf>input[type="search"]{padding-right:48px}
  .np-sf-clear{width:44px;height:44px;min-width:44px;right:0;font-size:20px}
  .np-sf-clear::before{inset:6px}
}