.employee-directory-controls{
  display:grid;
  gap:10px;
  margin:12px 0 16px;
}

.employee-directory-controls .search{
  margin:0;
}

#employeeDepartmentFilter{
  width:100%;
  min-width:0;
  height:46px;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid #202A32;
  border-radius:15px;
  background-color:#0E1216;
  color:#E7EBEE;
  padding:0 44px 0 14px;
  outline:none;
  font-size:14px;
  font-weight:700;
  background-image:linear-gradient(45deg,transparent 50%,#8E99A3 50%),linear-gradient(135deg,#8E99A3 50%,transparent 50%);
  background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

#employeeDepartmentFilter:focus{
  border-color:color-mix(in srgb,var(--accent) 50%,#202A32);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent);
}

#employeeDepartmentFilter option{
  background:#0E1216;
  color:#F4F6F8;
}

.employee-status-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  padding:4px;
  background:#0A0E12;
  border:1px solid #1D252C;
  border-radius:15px;
}

.employee-status-tabs button{
  min-height:40px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#75818B;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}

.employee-status-tabs button.active{
  color:#F4F6F8;
  background:color-mix(in srgb,var(--accent) 16%,#141A1F);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 36%,transparent);
}

.boot-brand{
  gap:0;
}

.boot-logo-green{
  display:block;
  width:min(86px,24vw);
  height:auto;
}