.billing-search { position:relative; width:100%; min-width:0; }
.billing-search > label { display:block; font-size:14px; font-weight:600; margin-bottom:7px; }
.billing-search-control { display:flex; gap:8px; min-width:0; align-items:center; }
.billing-search-control input { flex:1; width:100%; min-width:0; font-size:16px;
  border:1px solid var(--line); border-radius:10px; padding:11px 12px; background:var(--surface); }
.billing-search-control .btn { flex:0 0 auto; }
.billing-search-status { font-size:13px; min-height:20px; padding-top:7px; }
.billing-suggestions { position:absolute; top:calc(100% - 25px); left:0; right:0; z-index:35;
  background:var(--surface,#fff); border:1px solid var(--line,#d5dce0); border-radius:14px;
  padding:5px; box-shadow:0 10px 28px #123b4a26; max-height:min(370px,45dvh); overflow-y:auto; overscroll-behavior:contain; }
.billing-suggestions button { display:block; width:100%; border:0; border-radius:9px; padding:12px;
  background:transparent; color:var(--text,#182b34); text-align:left; font:inherit; cursor:pointer; overflow-wrap:anywhere; }
.billing-suggestions button:hover,.billing-suggestions button[aria-selected=true] { background:var(--soft,#eef4f6); }
.billing-suggestions strong { display:block; font-size:15px; }
.billing-suggestions span { display:block; font-size:13px; line-height:1.45; color:var(--muted,#526573); margin-top:3px; }
#billContents { min-width:0; display:grid; gap:12px; }
#billContents > .row { flex-wrap:wrap; }
#billContents > .row > .field { min-width:min(180px,100%); }
@media(max-width:600px) {
  #billBox { min-width:0; }
  #billContents > .row > .field { flex:1 1 140px; min-width:0; }
  .billing-search-control { gap:6px; }
  .billing-search-control .btn { padding-left:9px; padding-right:9px; font-size:13px; }
  .billing-suggestions button { padding:11px 9px; }
}