/* Shared control alignment; presentation only. */
@media screen {
  .search {display:flex;align-items:center;flex-wrap:nowrap;gap:10px;min-width:0;}
  .search>input {flex:1 1 12rem;width:auto;min-width:0;}
  .search>label:not(.sr-only) {flex:0 0 auto;margin:0;white-space:nowrap;}
  .search>:is(button,.button,a) {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:44px;max-height:none;margin:0;white-space:nowrap;}
  .panel-head {flex-wrap:wrap;align-items:center;}
  .panel-head>h2 {flex:1 1 180px;margin:0;}
  .panel-head>.search {flex:0 1 420px;width:420px;max-width:100%;margin-left:auto;}
  .field :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select),
  .search>input,.employee-filters :is(input,select) {box-sizing:border-box;height:44px;min-height:44px;padding:10px 12px;line-height:20px;}
  .field>label:not(.checkbox-label):not(.sr-only),.employee-filters label {line-height:20px;}
  .field>label:not(.sr-only) {flex-shrink:0;}
  .form-grid {align-items:start;}
  form.form-grid {align-items:start;}
  form.form-grid>.field {align-self:start;margin-bottom:0;}
  form.form-grid>:is(button,a.button,.button-row) {align-self:start;margin-top:28px;max-height:none;}
  .button-row {align-items:center;gap:10px;}
  .page-heading {flex-wrap:wrap;}
  .page-heading>.button-row {flex:0 0 auto;max-width:100%;justify-content:flex-start;}
  .page-heading>:is(.button-row,a.button,form) {align-self:center;}
  .button-row>:is(button,.button,a) {margin:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;}
  .employee-filters {align-items:flex-start;}
  .employee-filters>div {align-self:flex-start;}
  .employee-filters>:is(button,a.button) {margin:28px 0 0;align-self:flex-start;max-height:none;}
  .employee-filters .employee-page-size {align-self:flex-start;}
  .panel.payroll-worksheet .search {width:100%;}
  .panel.payroll-worksheet .search>input {flex-basis:240px;}
  .panel.payroll-worksheet .search>:is(button,a) {min-height:44px;}
  .field input[type=file] {min-height:44px;padding:8px 10px;}
  .field .checkbox-label {align-items:flex-start;}
  .field .checkbox-label input {margin-top:3px;}
  @media(max-width:760px) {
    .panel-head>.search {flex-basis:100%;width:100%;margin-left:0;}
    form.form-grid>:is(button,a.button,.button-row) {margin-top:0;}
    .employee-filters>:is(button,a.button) {margin-top:0;}
    .search>input {flex-basis:120px;}
    .search>label:not(.sr-only) {white-space:normal;}
    .panel.payroll-worksheet .search {flex-wrap:wrap;}
    .panel.payroll-worksheet .search>label {flex-basis:100%;}
    .panel.payroll-worksheet .search>input {flex:1 1 calc(100% - 80px);}
  }
}
