/* Keep searchable toolbars compact and aligned across management pages. */
html body .app-search:not(.pos-search),
html body .records-toolbar .toolbar-search,
html body .report-history-search{
  box-sizing:border-box;
  height:38px;
  min-height:38px;
  border-radius:8px;
}
html body .app-search:not(.pos-search) input,
html body .records-toolbar .toolbar-search input,
html body .report-history-search input{
  height:36px;
  min-height:0;
  font-size:12px;
}
html body .pos-toolbar .pos-search.app-search{
  box-sizing:border-box;
  height:38px;
  min-height:38px;
  padding:0 8px 0 12px;
  border-radius:8px;
}
html body .pos-toolbar .pos-search.app-search input{
  height:36px;
  min-height:0;
  padding:0;
}
html body .pos-toolbar .pos-search.app-search [data-search-reset]{
  width:30px;
  height:30px;
  min-height:30px;
}
html body .management-search-toolbar .management-filter-control{
  box-sizing:border-box;
  height:38px;
  min-height:38px;
  border-radius:8px;
}
html body .management-search-toolbar .management-filter-control>.app-combobox{
  box-sizing:border-box;
  flex:1 1 0;
  width:0;
  min-width:0;
  height:36px;
}
html body .records-toolbar label>.app-combobox{
  box-sizing:border-box;
  flex:1 1 0;
  width:0;
  min-width:0;
  height:36px;
}
html body .management-search-toolbar .management-filter-control>.app-combobox>:is(input,.form-control,.form-select),
html body .records-toolbar label>.app-combobox>:is(input,.form-control,.form-select),
html body .records-toolbar .select-field>.app-combobox>:is(input,.form-control,.form-select){
  box-sizing:border-box;
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0 40px 0 0;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  outline:0;
}
html body .management-search-toolbar .management-filter-control>.app-combobox>.combobox-toggle,
html body .records-toolbar label>.app-combobox>.combobox-toggle,
html body .records-toolbar .select-field>.app-combobox>.combobox-toggle{
  right:2px;
  width:30px;
  height:30px;
  border-radius:7px;
  background:transparent;
  box-shadow:none;
}
html body .records-toolbar label{
  box-sizing:border-box;
  height:38px;
  min-height:38px;
  border-radius:8px;
}
html body .management-search-toolbar>:is(.btn,.management-add),
html body .management-search-toolbar .management-toolbar-actions>.btn,
html body .records-toolbar>:is(.btn,.toolbar-clear,.toolbar-primary,.toolbar-apply,.toolbar-export,.toolbar-refresh),
html body .expense-records-controls>.btn,
html body .expense-form-actions>.btn{
  box-sizing:border-box;
  height:38px;
  min-height:38px;
  padding-top:0;
  padding-bottom:0;
  border-radius:8px;
  font-size:12px;
  line-height:1.4;
}
html body .management-search-toolbar>:is(.btn,.management-add),
html body .management-search-toolbar .management-toolbar-actions>.btn,
html body .expense-records-controls>.btn,
html body .expense-form-actions>.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
html body .management-search-toolbar>:is(.btn,.management-add)>i,
html body .management-search-toolbar .management-toolbar-actions>.btn>i,
html body .expense-records-controls>.btn>i,
html body .expense-form-actions>.btn>i{
  font-size:14px;
  line-height:1;
}
html body .management-search-toolbar .management-filter-control:focus-within,
html body .records-toolbar label:focus-within,
html body .report-history-search:focus-within{
  border-color:var(--orange);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 15%,transparent);
}
@media(max-width:767px){
  html body .app-search:not(.pos-search) input,
  html body .records-toolbar .toolbar-search input,
  html body .report-history-search input{
    font-size:16px;
  }
  html body .management-search-toolbar>:is(.btn,.management-add),
  html body .management-search-toolbar .management-toolbar-actions>.btn,
  html body .expense-records-controls>.btn,
  html body .expense-form-actions>.btn{
    width:100%;
  }
}