:where(main) :is(.filters,.safra-control-grid,.tempo-toolbar,.tempo-source,.safra-module) .field,
:where(main) .field.tempo-source {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  min-width:0;
}
:where(main) :is(.filters,.safra-control-grid,.tempo-toolbar,.safra-module) .field > label,
:where(main) :is(label.field,.tempo-source) {
  color:#42574c;
  font-size:13px;
  font-weight:750;
}
:where(main) :is(.filters,.safra-control-grid,.tempo-toolbar,.tempo-source,.safra-module) :is(select,input[type="date"],input[type="number"]) {
  appearance:none;
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:44px;
  border:1px solid #bfcfc4;
  border-radius:9px;
  padding:8px 12px;
  font:650 14px/1.35 system-ui,sans-serif;
  background-color:#fff;
  color:#1e3d2e;
}
main :is(.filters,.safra-control-grid,.tempo-toolbar,.tempo-source,.safra-module) select:not([multiple]) {
  padding-right:32px;
  background-image:linear-gradient(45deg,transparent 48%,#315c47 52%),linear-gradient(135deg,#315c47 48%,transparent 52%);
  background-position:right 15px center,right 10px center;
  background-size:5px 5px;
  background-repeat:no-repeat;
}
:where(main) :is(.filters,.tempo-toolbar) .small-button {
  align-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:8px 15px;
  border:1px solid #b8cabf;
  border-radius:9px;
  background:#f8fbf8;
  color:#244936;
  font-size:13px;
  font-weight:750;
}
:where(main) :is(.filters,.safra-control-grid,.tempo-toolbar,.tempo-source,.safra-module) :is(select,input):disabled,
:where(main) :is(.filters,.tempo-toolbar) .small-button:disabled {
  opacity:.58;
}
main .tempo-toolbar {
  display:flex;
  align-items:end;
  flex-wrap:wrap;
  gap:12px;
  padding:13px;
  border:1px solid #d9e3da;
  border-radius:14px;
  background:#f0f5ef;
}
main .tempo-toolbar > .field { flex:1 1 145px; max-width:255px; }
@media(max-width:550px) {
  main .tempo-toolbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  main .tempo-toolbar > .field { max-width:none; }
  main .tempo-toolbar > .small-button { grid-column:1/-1; justify-self:start; }
}